CINXE.COM

Paint Kits DIY – Devious Designs

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0" > <meta name="theme-color" content="#00A8C9"> <!-- Network optimisations --> <link rel="preconnect" href="//cdn.shopify.com" crossorigin> <link rel="preconnect" href="//fonts.shopifycdn.com" crossorigin> <link rel="preload" as="style" href="//www.deviousdesigns.ca/cdn/shop/t/14/assets/theme-critical.css?v=31686105897568266611720735714"><link rel="preload" as="script" href="//www.deviousdesigns.ca/cdn/shop/t/14/assets/scrollreveal.min.js?v=163720458850474464051720735714"><link rel="preload" href="//www.deviousdesigns.ca/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=ZGV2aW91c2Rlc2lnbnMuY2E&h2=ZGV2aW91c2Rlc2lnbnNzaG9wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=323445207888113c1a8fa0c67b8f875464d1d02f9448217e27a77b68c7e25154" as="font" type="font/woff2" crossorigin> <link rel="preload" href="//www.deviousdesigns.ca/cdn/fonts/space_mono/spacemono_n4.e1c9f0bccd58bccfad32900daf1ec1ea7f91d76a.woff2?h1=ZGV2aW91c2Rlc2lnbnMuY2E&h2=ZGV2aW91c2Rlc2lnbnNzaG9wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=ba7cf307da5a3c2e92656430ff7fe7e36124ad41a3d48eaab2f3c8468887ea28" as="font" type="font/woff2" crossorigin> <link rel="canonical" href="https://www.deviousdesigns.ca/collections/paint-kits-diy"> <link rel="shortcut icon" href="//www.deviousdesigns.ca/cdn/shop/files/Devious_Designs_-_Logo_Small_1cb5af00-eefa-43ab-ab1e-48e49bb18e68.png?crop=center&height=32&v=1679451204&width=32" type="image/png"> <!-- Title and description ================================================== --> <title>Paint Kits DIY &ndash; Devious Designs</title><!-- /snippets/social-meta-tags.liquid --> <meta property="og:site_name" content="Devious Designs"> <meta property="og:url" content="https://www.deviousdesigns.ca/collections/paint-kits-diy"> <meta property="og:title" content="Paint Kits DIY"> <meta property="og:type" content="product.group"> <meta property="og:description" content="Devious Designs"> <meta property="og:image" content="http://www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_1200x1200.jpg?v=1727235127"> <meta property="og:image:secure_url" content="https://www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_1200x1200.jpg?v=1727235127"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Paint Kits DIY"> <meta name="twitter:description" content="Devious Designs"> <!-- JS before CSSOM =================================================== --> <script type="text/javascript"> theme = {}; theme.t = {}; theme.t.add_to_cart = 'Add to cart'; theme.t.sold_out = 'Sold out'; theme.t.unavailable = 'Unavailable'; theme.t.regular_price = 'Regular price'; theme.t.sale_price = 'Sale price'; theme.t.qty_notice_in_stock = 'In stock'; theme.t.qty_notice_low_stock = 'Low stock'; theme.t.qty_notice_sold_out = 'Out of stock'; theme.t.qty_notice_number_in_stock_html = '<span>[qty]</span> in stock'; theme.t.qty_notice_number_low_stock_html = 'Only <span>[qty]</span> in stock'; theme.t.discount_currency = 'Save [discount]'; theme.t.discount_percentage = 'Save [discount]%'; theme.t.discount_text = 'On Sale'; theme.t.unit_price_label = 'Unit price'; theme.t.unit_price_separator = 'per'; theme.t.from_price = 'from'; theme.t.cart_item_singular = 'item'; theme.t.cart_item_plural = 'items'; theme.t.sku = 'SKU'; theme.money_format = '${{amount}}'; theme.money_with_currency_format = '${{amount}} CAD'; theme.money_product_price_format = '${{amount}}'; theme.money_total_price_format = '${{amount}}'; theme.map = {}; theme.cart = {}; theme.map_settings_url="//www.deviousdesigns.ca/cdn/shop/t/14/assets/map_settings.min.js?v=55973849163231613841720735714"; theme.cart_type = 'modal'; theme.cart_ajax = true; theme.routes = { rootUrl: "/", rootUrlSlash: "/", cartUrl: "/cart", cartAddUrl: "/cart/add", cartChangeUrl: "/cart/change" }; theme.assets = { plyr: "//www.deviousdesigns.ca/cdn/shop/t/14/assets/plyr.min.js?v=4209607025050129391720735715", masonry: "//www.deviousdesigns.ca/cdn/shop/t/14/assets/masonry.min.js?v=52946867241060388171720735714", fecha: "//www.deviousdesigns.ca/cdn/shop/t/14/assets/fecha.min.js?v=77892649025288305351720735715" }; </script> <style id="fontsupporttest"> @font-face { font-family: 'font'; src: url('https://'); } </style> <script type="text/javascript"> function supportsFontFace() { function blacklist() { var match = /(WebKit|windows phone.+trident)\/(\d+)/i.exec(navigator.userAgent); return match && parseInt(match[2], 10) < (match[1] == 'WebKit' ? 533 : 6); } function hasFontFaceSrc() { var style = document.getElementById('fontsupporttest'); var sheet = style.sheet || style.styleSheet; var cssText = sheet ? sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '' : ''; return /src/i.test(cssText); } return !blacklist() && hasFontFaceSrc(); } document.documentElement.classList.replace('no-js', 'js'); if (window.matchMedia('(pointer: coarse)').matches) { document.documentElement.classList.add('touchevents'); } else { document.documentElement.classList.add('no-touchevents'); } if (supportsFontFace()) { document.documentElement.classList.add('fontface'); } </script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/jquery.min.js?v=115860211936397945481720735715" defer="defer"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/vendor.min.js?v=15382173146500450971720735715" defer="defer"></script> <!-- CSS ================================================== --> <style data-shopify> :root { --color--brand: #00A8C9; --color--brand-dark: #0093b0; --color--brand-light: #00bde3; --color--accent: #FFD900; --color--accent-dark: #e6c300; --color--link: #63e5ff; --color--link-dark: #002830; --color--text: #000000; --color--text-light: rgba(0, 0, 0, 0.7); --color--text-lighter: rgba(0, 0, 0, 0.55); --color--text-lightest: rgba(0, 0, 0, 0.2); --color--text-bg: rgba(0, 0, 0, 0.1); --color--text-bg-light: rgba(0, 0, 0, 0.05); --color--headings: #212121; --color--alt-text: #8b8b8b; --color--btn: #ffffff; --color--product-bg: rgba(0,0,0,0); --color--product-sale: #C00000; --color--low-stock: #C00000; --color--in-stock: #4A9F53; --color--drawer-bg: #ffffff; --color--bg: #ffffff; --color--bg-alpha: rgba(255, 255, 255, 0.8); --color--bg-light: #ffffff; --color--bg-dark: #f2f2f2; --color--drop-shadow: rgba(0, 0, 0, 0.08); --color--label-brand: rgba(0, 168, 201, 0.8); --color--label-sold_out: rgba(242, 242, 242, 0.8); --color--label-discount: rgba(192, 0, 0, 0.8); --color--label-new: rgba(229, 229, 229, 0.8); --color--label-custom1: rgba(229, 229, 229, 0.8); --color--label-custom2: rgba(229, 229, 229, 0.8); --color--text-label-brand: #FFFFFF; --color--text-label-sold_out: #000000; --color--text-label-discount: #FFFFFF; --color--text-label-new: #000000; --color--text-label-custom_one: #000000; --color--text-label-custom_two: #000000; --font--size-base: 15.2; --font--line-base: 30; --font--size-h1: 36; --font--size-h2: 29; --font--size-h3: 24; --font--size-h4: 22; --font--size-h5: 20; --font--size-h6: 19; --font--size-grid: 18; --font--size-nav: 15; --font--size-mobile-nav: 15; --font--size-mega-menu: 15; --font--size-product-form-headings: 17; --font--body: Inter, sans-serif; --font--body-style: normal; --font--body-weight: 400; --font--title: "Space Mono", sans-serif; --font--title-weight: 400; --font--title-style: normal; --font--title-space: 0px; --font--title-transform: uppercase; --font--button: Inter, sans-serif; --font--button-weight: 400; --font--button-style: normal; --font--button-space: 1px; --font--button-transform: none; --font--button-size: 14; --font--button-mobile-size: 12px; --font--nav-spacing: 36px; --radius-button: 4px; --radius-form: 4px; --radius-variant: 4px; --radius-label: 4px; --radius-popup: 4px; --radius-container: 4px; --radius-media: 4px; --radius-header: 0px; --radius-menus: 4px; --radius-mobile-header: 0px; --radius-drawers: 4px; --floating-spacing: 5px; --checkbox-check-invert: 1; --pswp-zoom-icon: url(//www.deviousdesigns.ca/cdn/shop/t/14/assets/pswp-zoom-icon.svg?v=67469326774256890881720735714); --pswp-zoom-icon-2x: url(//www.deviousdesigns.ca/cdn/shop/t/14/assets/pswp-zoom-icon-2x.svg?v=61739606496987631131720735715); --pswp-zoom-out-icon: url(//www.deviousdesigns.ca/cdn/shop/t/14/assets/pswp-zoom-out-icon.svg?v=113437214394839984061720735715); --pswp-zoom-out-icon-2x: url(//www.deviousdesigns.ca/cdn/shop/t/14/assets/pswp-zoom-out-icon-2x.svg?v=57085294041578667101720735715); } </style> <style>@font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.deviousdesigns.ca/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=ZGV2aW91c2Rlc2lnbnMuY2E&h2=ZGV2aW91c2Rlc2lnbnNzaG9wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=323445207888113c1a8fa0c67b8f875464d1d02f9448217e27a77b68c7e25154") format("woff2"), url("//www.deviousdesigns.ca/cdn/fonts/inter/inter_n4.5a356a4c1877691cd26008ee4a5c7ada675c80ce.woff?h1=ZGV2aW91c2Rlc2lnbnMuY2E&h2=ZGV2aW91c2Rlc2lnbnNzaG9wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=3f30ab531dcbbdce4e2aa9ad58a4e78db014863ec7e272300d962bbd8bccac26") format("woff"); } @font-face { font-family: "Space Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.deviousdesigns.ca/cdn/fonts/space_mono/spacemono_n4.e1c9f0bccd58bccfad32900daf1ec1ea7f91d76a.woff2?h1=ZGV2aW91c2Rlc2lnbnMuY2E&h2=ZGV2aW91c2Rlc2lnbnNzaG9wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=ba7cf307da5a3c2e92656430ff7fe7e36124ad41a3d48eaab2f3c8468887ea28") format("woff2"), url("//www.deviousdesigns.ca/cdn/fonts/space_mono/spacemono_n4.b98e580ee01289a25de9499f0b8b63a8919a7eea.woff?h1=ZGV2aW91c2Rlc2lnbnMuY2E&h2=ZGV2aW91c2Rlc2lnbnNzaG9wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=003685bb553d4a63bcb489201ff7e445e22e27b5923d1922dd21957551175bf8") format("woff"); } @font-face { font-family: Inter; font-weight: 700; font-style: normal; font-display: swap; src: url("//www.deviousdesigns.ca/cdn/fonts/inter/inter_n7.50ef4139896edec0637fde057914fbf7e3a8d56e.woff2?h1=ZGV2aW91c2Rlc2lnbnMuY2E&h2=ZGV2aW91c2Rlc2lnbnNzaG9wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9c2e3d2021ed325a774fcdcaaa143555a3ada3fb0bfc5c1ebb138a99310c89d9") format("woff2"), url("//www.deviousdesigns.ca/cdn/fonts/inter/inter_n7.194c3d3f64efd8e4c82bbbe83dc84f5893fd9087.woff?h1=ZGV2aW91c2Rlc2lnbnMuY2E&h2=ZGV2aW91c2Rlc2lnbnNzaG9wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=efeb82de14af8accd6dd77ba5e8f10c384229e20edf00f64669e3adb2dbb7239") format("woff"); } </style> <link rel="stylesheet" href="//www.deviousdesigns.ca/cdn/shop/t/14/assets/theme-critical.css?v=31686105897568266611720735714"> <link rel="preload" href="//www.deviousdesigns.ca/cdn/shop/t/14/assets/theme.css?v=122279626889464892801722228563" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="//www.deviousdesigns.ca/cdn/shop/t/14/assets/theme.css?v=122279626889464892801722228563"></noscript> <script> /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */ (function(w){"use strict";if(!w.loadCSS){w.loadCSS=function(){}}var rp=loadCSS.relpreload={};rp.support=(function(){var ret;try{ret=w.document.createElement("link").relList.supports("preload")}catch(e){ret=false}return function(){return ret}})();rp.bindMediaToggle=function(link){var finalMedia=link.media||"all";function enableStylesheet(){if(link.addEventListener){link.removeEventListener("load",enableStylesheet)}else if(link.attachEvent){link.detachEvent("onload",enableStylesheet)}link.setAttribute("onload",null);link.media=finalMedia}if(link.addEventListener){link.addEventListener("load",enableStylesheet)}else if(link.attachEvent){link.attachEvent("onload",enableStylesheet)}setTimeout(function(){link.rel="stylesheet";link.media="only x"});setTimeout(enableStylesheet,3000)};rp.poly=function(){if(rp.support()){return}var links=w.document.getElementsByTagName("link");for(var i=0;i<links.length;i+=1){var link=links[i];if(link.rel==="preload"&&link.getAttribute("as")==="style"&&!link.getAttribute("data-loadcss")){link.setAttribute("data-loadcss",true);rp.bindMediaToggle(link)}}};if(!rp.support()){rp.poly();var run=w.setInterval(rp.poly,500);if(w.addEventListener){w.addEventListener("load",function(){rp.poly();w.clearInterval(run)})}else if(w.attachEvent){w.attachEvent("onload",function(){rp.poly();w.clearInterval(run)})}}if(typeof exports!=="undefined"){exports.loadCSS=loadCSS}else{w.loadCSS=loadCSS}}(typeof global!=="undefined"?global:this)); </script> <!-- JS after CSSOM=================================================== --> <script type="module"> import { produce } from "//www.deviousdesigns.ca/cdn/shop/t/14/assets/immer.lib.js?v=92186276450340095451720735714"; import { createStore } from "//www.deviousdesigns.ca/cdn/shop/t/14/assets/zustand-vanilla.lib.js?v=93085296086090749921720735715"; import Cookies from "//www.deviousdesigns.ca/cdn/shop/t/14/assets/js-cookie.lib.js?v=114704338990696736151720735715"; window.theme.lib = { Cookies, }; window.theme.cart = { functions: { produce: produce, createStore: createStore, }, }; </script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/cart-store.js?v=169171967427512002621720735714" type="module"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/quantity-input.js?v=167758851358000206601720735714" type="module"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/product-form.js?v=166760770228120350161720735714" type="module"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/cart-link.js?v=53834366512873149321720735714" type="module"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/cart-components.js?v=60321669935675418721720735714" type="module"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/lottie.lib.js?v=56436162596295492921720735714" defer="defer"></script><script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/cart-free-shipping-bar.js?v=133978105289204310221720735715" type="module"></script><script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/product-cards.js?v=131835838701298228361720735714" type="module"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/theme.min.js?v=98106940372208493591720735715" defer="defer"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/custom.js?v=152733329445290166911720735714" defer="defer"></script><script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/swatch-colors.js?v=113331978422415583671720840623" defer="defer"></script><script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/details-disclosure.js?v=96430930583685380661720735715" defer="defer"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/header-details-disclosure.js?v=176612929968137023761720735715" defer="defer"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/nested-menu.js?v=98653082698297721091720735715" defer="defer"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/product-interactive-options.js?v=152201463464793350461720735714" type="module"></script> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/scrollreveal.min.js?v=163720458850474464051720735714"></script> <!-- Header hook for plugins ================================================== --> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="nZUc1tUzrMQ1kf6jU4jh8-rHS5uSqVEf6iZPPHRsH3M"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/65159004414/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="4474d5301a29362b103a81f8f6e17383"> <meta id="in-context-paypal-metadata" data-shop-id="65159004414" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="CAD"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/paint-kits-diy.atom" /> <link rel="alternate" type="application/json+oembed" href="https://www.deviousdesigns.ca/collections/paint-kits-diy.oembed"> <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=65159004414" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":65159004414,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/65159004414","merchantName":"Devious Designs","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"Devious Designs","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"4474d5301a29362b103a81f8f6e17383","betas":["rich-media-storefront-analytics"],"domain":"www.deviousdesigns.ca","predictiveSearch":true,"shopId":65159004414,"smart_payment_buttons_url":"https:\/\/www.deviousdesigns.ca\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.deviousdesigns.ca\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "deviousdesignsshop.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"Creative (Main Template)","id":142338457854,"schema_name":"Creative","schema_version":"8.0.0","theme_store_id":1829,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.deviousdesigns.ca/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":"collection"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_CO51Msyl.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/geolocation-recommendations.shopifyapps.com\/locale_bar\/script.js?shop=deviousdesignsshop.myshopify.com","\/\/cdn.shopify.com\/proxy\/7a32ea955828784bbcf53c2118c7452ce13a56003ee6ac5eb3b8252ea09bf4a7\/static.cdn.printful.com\/static\/js\/external\/shopify-product-customizer.js?v=0.28\u0026shop=deviousdesignsshop.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.hextom.com\/js\/eventpromotionbar.js?shop=deviousdesignsshop.myshopify.com","https:\/\/script.pop-convert.com\/new-micro\/production.pc.min.js?unique_id=deviousdesignsshop.myshopify.com\u0026shop=deviousdesignsshop.myshopify.com","https:\/\/cdn.s3.pop-convert.com\/pcjs.production.min.js?unique_id=deviousdesignsshop.myshopify.com\u0026shop=deviousdesignsshop.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":65159004414,"offset":-18000,"reqid":"beb0be07-50b2-47aa-8cef-b7c3bb515958-1732996097","pageurl":"www.deviousdesigns.ca\/collections\/paint-kits-diy","u":"d3beb89a3100","p":"collection","rtyp":"collection","rid":452728094974};</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(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.deviousdesigns.ca/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.deviousdesigns.ca/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.deviousdesigns.ca/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <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> <!-- "snippets/shogun-products.liquid" was not rendered, the associated app was uninstalled --> <!-- "snippets/shogun-head.liquid" was not rendered, the associated app was uninstalled --> <!-- BEGIN app block: shopify://apps/live-product-options/blocks/app-embed/88bfdf40-5e27-4962-a966-70c8d1e87757 --><script> window.theme = window.theme || {};window.theme.moneyFormat = "${{amount}}";window.theme.moneyFormatWithCurrency = "${{amount}} CAD"; window.theme.currencies = ['AED','AUD','CAD','CHF','CZK','DKK','EUR','GBP','HKD','ILS','JPY','KRW','MYR','NZD','PLN','SEK','SGD','USD']; </script><script src="https://assets.cloudlift.app/api/assets/options.js?shop=deviousdesignsshop.myshopify.com" defer="defer"></script> <!-- END app app block --><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: 65159004414,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 65159004414,storefrontBaseUrl: "https://www.deviousdesigns.ca",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"498204926","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-KVHNDKX\\\",\\\"target_country\\\":\\\"CA\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-XGNCVYNV2X\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-XGNCVYNV2X\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-XGNCVYNV2X\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Devious Designs","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"deviousdesignsshop.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/www.deviousdesigns.ca"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"452728094974","title":"Paint Kits DIY","productVariants":[{"price":{"amount":18.74,"currencyCode":"CAD"},"product":{"title":"Gingerbred Man \u0026 Friends Ornament Paint Kit","vendor":"Devious Designs","id":"8663876141310","untranslatedTitle":"Gingerbred Man \u0026 Friends Ornament Paint Kit","url":"\/products\/gingerbred-man-friends-ornament-paint-kit","type":""},"id":"45834927702270","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3190.jpg?v=1727280174"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Halloween Ghosts Paint Kit","vendor":"Devious Designs","id":"8664665587966","untranslatedTitle":"Halloween Ghosts Paint Kit","url":"\/products\/halloween-ghosts-paint-kit","type":""},"id":"45836887294206","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Halloween Gnome Paint Kit","vendor":"Devious Designs","id":"8664656380158","untranslatedTitle":"Halloween Gnome Paint Kit","url":"\/products\/halloween-gnome-paint-kit","type":""},"id":"45836811829502","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3171.jpg?v=1727274943"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Halloween Pumpkin Paint Kit","vendor":"Devious Designs","id":"8664685641982","untranslatedTitle":"Halloween Pumpkin Paint Kit","url":"\/products\/halloween-pumpkin-paint-kit","type":""},"id":"45837040779518","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3188.jpg?v=1727279046"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Happy Easter Paint Kit","vendor":"Devious Designs","id":"8664654676222","untranslatedTitle":"Happy Easter Paint Kit","url":"\/products\/happy-easter-paint-kit","type":""},"id":"45836804260094","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3176.jpg?v=1727273465"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Hello Fall Gnome Paint Kit","vendor":"Devious Designs","id":"8664020582654","untranslatedTitle":"Hello Fall Gnome Paint Kit","url":"\/products\/hello-fall-gnome-paint-kit","type":""},"id":"45835459920126","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3170.jpg?v=1727225345"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Hello Fall Pumpkin Paint Kit","vendor":"Devious Designs","id":"8664019337470","untranslatedTitle":"Hello Fall Pumpkin Paint Kit","url":"\/products\/hello-fall-pumpkin-paint-kit","type":""},"id":"45835456807166","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3169.jpg?v=1727225030"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Hello Winter Sign Paint Kit","vendor":"Devious Designs","id":"8663884333310","untranslatedTitle":"Hello Winter Sign Paint Kit","url":"\/products\/hello-winter-sign-paint-kit","type":""},"id":"45834941497598","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3172.jpg?v=1727203627"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Howdy Sign Paint Kit","vendor":"Devious Designs","id":"8663885644030","untranslatedTitle":"Howdy Sign Paint Kit","url":"\/products\/howdy-sign-paint-kit","type":""},"id":"45834944774398","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3173.jpg?v=1727204589"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":22.49,"currencyCode":"CAD"},"product":{"title":"Rudolph Christmas Paint Kit","vendor":"Devious Designs","id":"8664689213694","untranslatedTitle":"Rudolph Christmas Paint Kit","url":"\/products\/rudolph-christmas-paint-kit","type":""},"id":"45837053165822","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3187.jpg?v=1727279517"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":18.74,"currencyCode":"CAD"},"product":{"title":"Santa \u0026 Friends Ornament Paint Kit","vendor":"Devious Designs","id":"8663876305150","untranslatedTitle":"Santa \u0026 Friends Ornament Paint Kit","url":"\/products\/santa-friends-ornament-paint-kit","type":""},"id":"45834928029950","image":{"src":"\/\/www.deviousdesigns.ca\/cdn\/shop\/files\/IMG_3189.jpg?v=1727280235"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]}});},"https://www.deviousdesigns.ca/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"products":[{"id":8663876141310,"gid":"gid:\/\/shopify\/Product\/8663876141310","vendor":"Devious Designs","type":"","variants":[{"id":45834927702270,"price":1874,"name":"Gingerbred Man \u0026 Friends Ornament Paint Kit","public_title":null,"sku":null}]},{"id":8664665587966,"gid":"gid:\/\/shopify\/Product\/8664665587966","vendor":"Devious Designs","type":"","variants":[{"id":45836887294206,"price":2249,"name":"Halloween Ghosts Paint Kit","public_title":null,"sku":null}]},{"id":8664656380158,"gid":"gid:\/\/shopify\/Product\/8664656380158","vendor":"Devious Designs","type":"","variants":[{"id":45836811829502,"price":2249,"name":"Halloween Gnome Paint Kit","public_title":null,"sku":null}]},{"id":8664685641982,"gid":"gid:\/\/shopify\/Product\/8664685641982","vendor":"Devious Designs","type":"","variants":[{"id":45837040779518,"price":2249,"name":"Halloween Pumpkin Paint Kit","public_title":null,"sku":null}]},{"id":8664654676222,"gid":"gid:\/\/shopify\/Product\/8664654676222","vendor":"Devious Designs","type":"","variants":[{"id":45836804260094,"price":2249,"name":"Happy Easter Paint Kit","public_title":null,"sku":null}]},{"id":8664020582654,"gid":"gid:\/\/shopify\/Product\/8664020582654","vendor":"Devious Designs","type":"","variants":[{"id":45835459920126,"price":2249,"name":"Hello Fall Gnome Paint Kit","public_title":null,"sku":null}]},{"id":8664019337470,"gid":"gid:\/\/shopify\/Product\/8664019337470","vendor":"Devious Designs","type":"","variants":[{"id":45835456807166,"price":2249,"name":"Hello Fall Pumpkin Paint Kit","public_title":null,"sku":null}]},{"id":8663884333310,"gid":"gid:\/\/shopify\/Product\/8663884333310","vendor":"Devious Designs","type":"","variants":[{"id":45834941497598,"price":2249,"name":"Hello Winter Sign Paint Kit","public_title":null,"sku":null}]},{"id":8663885644030,"gid":"gid:\/\/shopify\/Product\/8663885644030","vendor":"Devious Designs","type":"","variants":[{"id":45834944774398,"price":2249,"name":"Howdy Sign Paint Kit","public_title":null,"sku":null}]},{"id":8664689213694,"gid":"gid:\/\/shopify\/Product\/8664689213694","vendor":"Devious Designs","type":"","variants":[{"id":45837053165822,"price":2249,"name":"Rudolph Christmas Paint Kit","public_title":null,"sku":null}]},{"id":8663876305150,"gid":"gid:\/\/shopify\/Product\/8663876305150","vendor":"Devious Designs","type":"","variants":[{"id":45834928029950,"price":1874,"name":"Santa \u0026 Friends Ornament Paint Kit","public_title":null,"sku":null}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":452728094974}}; 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: 65159004414, theme_id: 142338457854, app_name: "storefront", context_url: window.location.href, source_url: "//www.deviousdesigns.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.deviousdesigns.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.deviousdesigns.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":65159004414,"isMerchantRequest":null,"themeId":142338457854,"themeCityHash":"9444931274457036183","contentLanguage":"en","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"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":"collection","resourceType":"collection","resourceId":452728094974}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"CAD","category":"Collection: paint-kits-diy","collectionName":"paint-kits-diy","collectionId":452728094974,"nonInteraction":true}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.deviousdesigns.ca/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Creative"; window.BOOMR.themeVersion = "8.0.0"; window.BOOMR.shopId = 65159004414; window.BOOMR.themeId = 142338457854; })();</script> <script defer src="https://www.deviousdesigns.ca/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="65159004414" data-render-region="gcp-asia-southeast1" data-page-type="collection" data-theme-instance-id="142338457854" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="paint-kits-diy" class="template-collection" data-anim-load="true" data-anim-interval-style="fade_down" data-anim-zoom="true" data-anim-interval="true" data-editor-mode="false" data-quick-shop-show-cart="true" data-floating-header="false" data-floating-mobile-header="false" data-floating-drawers="false" ><script type="text/javascript"> //loading class for animations document.body.className += ' ' + 'js-theme-loading'; setTimeout(function () { document.body.className = document.body.className.replace('js-theme-loading', 'js-theme-loaded'); }, 300); </script> <script type="application/json" id="cart-data"> {"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} </script> <div id="cart-templates" style="display: none"><template id="template-cart-item-property"> <div class="cart-item__meta-inline"> <property-name class="cart-item__meta"></property-name>: <property-value class="cart-item__meta"></property-value> </div> </template> <template id="template-price"> <div class="price "><span class="money"><money-amount></money-amount></span></div> </template> <template id="template-discount-item"> <span class="discount__icon"> <svg class="icon icon--label" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 5C3.73478 5 3.48043 4.89464 3.29289 4.70711C3.10536 4.51957 3 4.26522 3 4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3C4.26522 3 4.51957 3.10536 4.70711 3.29289C4.89464 3.48043 5 3.73478 5 4C5 4.26522 4.89464 4.51957 4.70711 4.70711C4.51957 4.89464 4.26522 5 4 5Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.72399 0.5C6.22833 0.500047 6.72748 0.601828 7.19158 0.799254C7.65567 0.996679 8.07517 1.28569 8.42499 1.649L12.679 6.066C13.1787 6.58484 13.4549 7.27904 13.4481 7.99936C13.4414 8.71967 13.1523 9.40859 12.643 9.918L9.74499 12.816C9.28191 13.2791 8.6556 13.542 8.00073 13.5482C7.34585 13.5543 6.71471 13.3033 6.24299 12.849L1.49599 8.278C1.18107 7.97483 0.930541 7.61125 0.759404 7.20901C0.588267 6.80677 0.500034 6.37413 0.499986 5.937V3.75C0.499986 2.88805 0.842396 2.0614 1.45189 1.4519C2.06138 0.84241 2.88803 0.5 3.74999 0.5H5.72399ZM7.34399 2.69C7.13422 2.47198 6.88264 2.2985 6.60429 2.17995C6.32594 2.06139 6.02653 2.00019 5.72399 2H3.74999C2.78399 2 1.99999 2.784 1.99999 3.75V5.937C1.99999 6.412 2.19399 6.867 2.53599 7.197L7.28299 11.769C7.47179 11.9507 7.72435 12.051 7.98635 12.0484C8.24835 12.0457 8.49885 11.9404 8.68399 11.755L11.582 8.857C11.8132 8.62544 11.9443 8.31246 11.9473 7.98527C11.9503 7.65807 11.8249 7.34275 11.598 7.107L7.34499 2.689L7.34399 2.69Z" fill="currentColor"/> </svg> </span> <discount-title class="discount__title"></discount-title> <span class="discount__amount"><span class="money"><discount-amount></discount-amount></span></span> </template> <template id="template-empty-cart"> <cart-empty> <div class="cart-empty"> <p class="cart-empty__title">Your cart is currently empty</p> <a href="/" class="c-btn c-btn--primary c-btn--wide">Shop now</a> </div> </cart-empty> </template> <template id="template-spinner"> <div class="theme-spinner " > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </div> </template> <template id="template-cart-gift-wrapping-message"> <cart-gift-wrapping-message class="gift-wrapping-message"><accordion-group> <details id="cart-gift-wrapping-message"> <summary> <summary-content><label for="CartGiftWrappingMessage" class="gift-wrapping-message__label"> <div class="gift-wrapping-message__icon"> <svg class="icon icon--label" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M14.666 3.603a.5.5 0 0 1 .707 0l1.06 1.061a.5.5 0 0 1 0 .707l-.957.957-1.767-1.767.957-.958Z" fill="currentColor"/> <path d="m13.002 5.268 1.767 1.767-3.83 3.831a2 2 0 0 1-1.348.585l-.772.025a.25.25 0 0 1-.258-.258l.025-.772a2 2 0 0 1 .585-1.348l3.83-3.83Z" fill="currentColor"/> <path d="M5 7.25a2.25 2.25 0 0 1 2.25-2.25h1.83a.75.75 0 1 0 0-1.5h-1.83a3.75 3.75 0 0 0-3.75 3.75v5.5a3.75 3.75 0 0 0 3.75 3.75h5.5a3.75 3.75 0 0 0 3.75-3.75v-1.83a.75.75 0 0 0-1.5 0v1.83a2.25 2.25 0 0 1-2.25 2.25h-5.5a2.25 2.25 0 0 1-2.25-2.25v-5.5Z" fill="currentColor"/> </svg> </div> <span>Gift message</span> </label></summary-content> <summary-icon> <i class="icon icon--plus" aria-hidden="true"></i> </summary-icon> </summary> <details-content><cart-textarea class="gift-wrapping-message__content"> <textarea name="attributes[gift-wrapping-message]" class="gift-wrapping-message__input input-full" id="CartGiftWrappingMessage"></textarea> <cart-textarea-status></cart-textarea-status> </cart-textarea> </details-content> </details> </accordion-group> </cart-gift-wrapping-message> </template><template id="template-spinner"> <theme-spinner class="theme-spinner " > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </theme-spinner> </template> <template id="template-cart-item-meta"> <property-value class="cart-item__meta"></property-value> </template> <template id="template-unit-price"> <span class="unit-price"> Unit price:&nbsp;<unit-price class="money"></unit-price><span aria-hidden="true">/</span><span class="u-hidden-visually">per&nbsp;</span><base-unit></base-unit> </span> </template> </div> <a class="skip-to-content-link" href="#main">Skip to content</a> <div class="page-transition"></div> <div class="page-container"> <script> theme.setHeaderHeightVars = () => { const headerSection = document.querySelector('.js-section__header'); const header = document.querySelector('.js-header'); const announcement = document.querySelector('.shopify-section-group-header-group.js-section__announcement'); document.documentElement.style.setProperty('--window-height', `${window.innerHeight}px`); document.documentElement.style.setProperty( '--announcement-height', `${announcement ? announcement.offsetHeight : 0}px`, ); //header section (zero height if transparent) if (headerSection) document.documentElement.style.setProperty('--header-section-height', `${headerSection.offsetHeight}px`); //header element (has height if transparent) if (header) document.documentElement.style.setProperty('--header-height', `${header.offsetHeight}px`); }; theme.setHeaderLogoVars = () => { //header logo width const logoLink = document.querySelector('.header__logo-link'); if (logoLink) document.documentElement.style.setProperty('--header-logo-width', `${logoLink.offsetWidth}px`); }; theme.setHeaderStyle = () => { const header = document.querySelector('.js-header'); if (!header) return; //get element width witout padding const getElementContentWidth = (element) => { if (!element) return 0; const styles = window.getComputedStyle(element); const padding = parseFloat(styles.paddingLeft) + parseFloat(styles.paddingRight); return element.clientWidth - padding; }; const iconsNavDisplayStyle = (style, element) => { if (!element) return; element.style.display = style; }; const headerNavs = header.querySelector('.js-heaver-navs'); const mobileDraw = header.querySelector('.js-mobile-draw-icon'); const searchDraw = header.querySelector('.js-search-draw-icon'); const cartDraw = header.querySelector('.js-cart-draw-icon'); const primaryNav = header.querySelector('.js-primary-nav'); const primaryNavItems = header.querySelector('.js-primary-nav-items'); const secondaryNav = header.querySelector('.js-secondary-nav'); const secondaryNavLocalize = header.querySelector('.js-secondary-nav-localize'); const secondaryNavActions = header.querySelector('.js-secondary-nav-actions'); const logoImg = header.querySelector('.js-main-logo'); const mobileBrkp = 768; //set sizes const winWidth = window.innerWidth; const headerWidth = getElementContentWidth(header); const navsWidth = getElementContentWidth(headerNavs); const secondaryWidth = getElementContentWidth(secondaryNav); const secondaryLocalizeWidth = getElementContentWidth(secondaryNavLocalize); const secondaryActionsWidth = getElementContentWidth(secondaryNavActions); const secondaryItemsWidth = secondaryLocalizeWidth + secondaryActionsWidth + 6; const logoWidth = getElementContentWidth(logoImg); const primaryWidth = getElementContentWidth(primaryNavItems); if (header.dataset.headerStyle == 'icons') { iconsNavDisplayStyle('flex', mobileDraw); iconsNavDisplayStyle('flex', cartDraw); iconsNavDisplayStyle('flex', searchDraw); } else if (winWidth >= mobileBrkp) { if (header.dataset.headerStyle !== 'center') { //inline style logic if (header.dataset.headerStyle === 'left') { const availableLeftSpace = (headerWidth - logoWidth) / 2; if (availableLeftSpace - primaryWidth < 40) { header.classList.remove('header--left'); header.classList.add('header--center'); } else if (availableLeftSpace - secondaryItemsWidth < 40) { header.classList.remove('header--left'); header.classList.add('header--center'); } else { header.classList.add('header--left'); header.classList.remove('header--center'); } } //logo left style logic if (header.dataset.headerStyle === 'logo-left') { const availableCenterSpace = headerWidth - logoWidth; if (availableCenterSpace - primaryWidth - secondaryItemsWidth < 120) { header.classList.remove('header--logo-left'); header.classList.add('header--center'); } else { header.classList.add('header--logo-left'); header.classList.remove('header--center'); } } } iconsNavDisplayStyle('none', mobileDraw); iconsNavDisplayStyle('none', cartDraw); iconsNavDisplayStyle('none', searchDraw); } else { iconsNavDisplayStyle('flex', mobileDraw); iconsNavDisplayStyle('flex', cartDraw); iconsNavDisplayStyle('flex', searchDraw); } }; theme.setUpHeaderResizeObservers = () => { const debounce = (f, delay) => { let timer = 0; return (...args) => { clearTimeout(timer); timer = setTimeout(() => f.apply(this, args), delay); }; }; const headerSection = document.querySelector('.js-section__header'); const header = document.querySelector('header'); const logo = document.querySelector('.header__logo-link'); theme.setHeaderHeightVars(); const headerSectionObserver = new ResizeObserver(debounce(theme.setHeaderHeightVars, 50)); headerSectionObserver.observe(headerSection); theme.setHeaderLogoVars(); const headerLogoObserver = new ResizeObserver(debounce(theme.setHeaderLogoVars, 50)); headerLogoObserver.observe(logo); theme.setHeaderStyle(); const headerObserver = new ResizeObserver(debounce(theme.setHeaderStyle, 50)); headerObserver.observe(header); }; </script> <!-- BEGIN sections: header-group --> <div id="shopify-section-sections--17885006463230__announcement-bar" class="shopify-section shopify-section-group-header-group js-section__announcement"><style type="text/css"> .section--sections--17885006463230__announcement-bar .announcement__bg { background-color: #212121; } .section--sections--17885006463230__announcement-bar .announcement__text, .section--sections--17885006463230__announcement-bar .announcement__text a { color: #ffffff; font-size: 1.15rem; letter-spacing: 2px; text-transform: uppercase; } .section--sections--17885006463230__announcement-bar .announcement__text.rte a { border-color: #ffffff; } .section--sections--17885006463230__announcement-bar .announcement__icon { width: 1.9rem; height: 1.9rem; color: #ffffff; } .section--sections--17885006463230__announcement-bar .announcement__carousel-button, .section--sections--17885006463230__announcement-bar .announcement__close { color: #ffffff; } @media screen and (max-width: 767px) { .section--sections--17885006463230__announcement-bar .announcement__text, .section--sections--17885006463230__announcement-bar .announcement__text a { font-size: 0.8rem; } .section--sections--17885006463230__announcement-bar .announcement__icon { width: 1.2rem; height: 1.2rem; } } </style><section class=" section section--sections--17885006463230__announcement-bar section--mb-0 section--mb-0 " style=" --space-top: 6px; --space-bottom: 6px " > <announcement-bar id="sections--17885006463230__announcement-bar" aria-label="Announcement Bar" aria-live="polite" aria-atomic="true" autoplay="true" autoplay-delay="5000" > <div class="announcement__bg section--padded"> <div class="announcement__container announcement__container--carousel" tabindex="0"> <ol class="announcement__wrapper announcement__wrapper--carousel" role="list" aria-label="Announcements"><li id="announcement_mp7xYW" class="announcement announcement__slides announcement__slides--carousel" data-slide-id="1" role="listitem" tabindex="0" aria-roledescription="Announcement" aria-label="1 of 2" ><div class="announcement__message "><div class="announcement__text announcement__text--body"> <span class="announcement__icon block--announcement_mp7xYW"><svg class="icon-svg icon-selection" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none" style="--color: #ffffff" ><path d="M7.5,6.9l0,8.655A7.192,7.192,0,0,0,11.5,22" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.5,4.484a1,1,0,0,0-1.421-.907C16.244,5.356,12.456,6.964,4.5,7h-1a3,3,0,0,0-3,3v2a3,3,0,0,0,3,3h1c7.956.036,11.744,1.644,15.579,3.423a1,1,0,0,0,1.421-.907Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.5,9H22a1.5,1.5,0,0,1,1.5,1.5v1A1.5,1.5,0,0,1,22,13h-.5" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> <span>🛍️ 25% OFF Site Wide + FREE SHIPPIng Over $125!</span></div></div></li><li id="announcement_pop_up_6mrTjr" class="announcement_pop-up announcement__slides announcement__slides--carousel" data-slide-id="2" role="listitem" tabindex="0" aria-roledescription="Announcement" aria-label="2 of 2" > <div class="announcement__message "><a href="" class="announcement__link js-announcement-popup-trigger" data-popup-id="announcement_pop_up_6mrTjr" ><div class="announcement__text announcement__text--body"> <span class="announcement__icon block--announcement_pop_up_6mrTjr"><svg class="icon-svg icon-selection" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none" style="--color: #ffffff" ><path d="M21.5,9.838V21a1,1,0,0,1-1,1H3.5a1,1,0,0,1-1-1V9.838" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><rect x="4.5" y="13" width="8" height="6" rx="0.5" ry="0.5" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M19.5,22h-5V13.5A.5.5,0,0,1,15,13h4a.5.5,0,0,1,.5.5Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.776,2.553A1,1,0,0,0,20.882,2H3.118a1,1,0,0,0-.894.553L.5,6h23Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.5,7a2.862,2.862,0,0,1-5,2,4.048,4.048,0,0,1-6.5.64A4.048,4.048,0,0,1,5.5,9a2.863,2.863,0,0,1-5-2V6h23Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><polyline points="5.5 9 5.5 6 6.5 2" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></polyline><polyline points="12 9.645 12 6 12 2" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></polyline><polyline points="18.5 9 18.5 6 17.5 2" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></polyline></svg> </span> <span>visit our new store at 24A Main Street North, Alexandria, Ontario</span></div></a></div></li></ol> </div> </div> </announcement-bar> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/announcement-bar.js?v=36889441127383728141720735715" type="module"></script> </section> </div><div id="shopify-section-sections--17885006463230__header" class="shopify-section shopify-section-group-header-group shopify-section-header js-section__header"> <style type="text/css"> :root { --header-is-sticky:1; --header-bg-color: #bfd9d7; --header-bg-color-darker: #afd0cd; --header-text-color: #000000; --header-text-color-light: rgba(0, 0, 0, 0.7); --header-text-color-lighter: rgba(0, 0, 0, 0.5); --header-text-color-lightest: rgba(0, 0, 0, 0.1); --header-text-color-bg: rgba(0, 0, 0, 0.01); --header-transparent-text-color: #212121; --header-transparent-text-color-light: rgba(33, 33, 33, 0.3); --header-text-contrast-color: #fff; --header-transparent-text-contrast-color: #fff; } .shopify-section-header { position: -webkit-sticky; position: sticky; top: -1px; } .header, .header__logo, .header-trigger { height: calc(75px + 28px); } .header__logo-img { max-height: 75px; padding: 0; } .header__logo-ratio-box { height: 75px; } .header.header--center .header__logo { padding: 12px 0; } @media screen and (max-width: 767px) { .header, .header__logo, .header-trigger, .header.header--center { height: calc(35px + 10px); } .header__logo-img { max-height: 35px; } .header__logo-ratio-box { height: auto; max-height: 35px; } .header.header--center .header__logo { padding: 0; } } .main { margin-top: 30px } .main .shopify-section:first-child .section--full { margin-top: -30px } @media screen and (max-width: 767px) { .main { margin-top: 18px } .main .shopify-section:first-child .section--full { margin-top: -18px } .main .shopify-section:first-child .section--full-mobile { margin-top: -18px } } @media screen and (min-width: 768px) { body[data-floating-header='false'] .main .shopify-section:first-child .section--full { margin-top: calc(-1 * var(--radius-header) - 30px); } .js-section__home-slider:first-child .home-carousel__item-wrapper--full-screen { height: calc(var(--window-height) - var(--announcement-height) - var(--header-section-height) + var(--radius-header)); } } @media screen and (max-width: 767px) { body[data-floating-mobile-header='false'] .main .shopify-section:first-child .section--full { margin-top: calc(-1 * var(--radius-mobile-header) - 18px); } .js-section__home-slider:first-child .home-carousel__item-wrapper--full-screen { height: calc(var(--window-height) - var(--announcement-height) - var(--header-section-height) + var(--radius-mobile-header)); } } </style> <header role="banner" id="top" class="header js-header header--sticky js-header-sticky header--logo-left u-flex u-flex--middle u-flex--center header--search-enabled header--has-divider header--has-shadow" data-section-id="sections--17885006463230__header" data-section-type="header-section" data-transparent-header="false" data-sticky-header="true" data-header-style="logo-left" > <div class="header__logo u-flex u-flex--middle u-flex--center"> <div class="header__logo-wrapper js-main-logo" itemscope itemtype="http://schema.org/Organization"> <a href="/" itemprop="url" class="header__logo-link"> <div class="header__logo-ratio-box" style="aspect-ratio: 1.0/1"> <img src="//www.deviousdesigns.ca/cdn/shop/files/Devious_Designs_-_Logo_Small_85637418-eb6a-4de9-9ece-d81d0d8ef493.png?height=150&v=1700796976" class="header__logo-img" alt="Devious Designs" itemprop="logo" width="862" height="862" loading="eager" > </div> </a> </div> </div> <div class="header-trigger header-trigger--left mobile-draw-trigger-icon u-flex u-flex--middle js-mobile-draw-icon" style="display: none" > <a href="#" class="header-trigger__link header-trigger__link--mobile js-mobile-draw-trigger" aria-haspopup="dialog" aria-label="Menu" > <svg class="icon-svg icon icon-menu" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none"> <path d="M1 23H47" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <line x1="1" y1="36" x2="47" y2="36" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <line x1="1" y1="10" x2="47" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> </a> </div> <div class="header-trigger header-trigger--far-right search-draw-trigger-icon u-flex u-flex--middle js-search-draw-icon" style="display: none" > <a href="/search" class="header-trigger__link header-trigger__link--search js-search-trigger" aria-haspopup="dialog" aria-label="Search" > <svg class="icon-svg icon icon-search" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.3137 10.2365C35.5621 16.4849 35.5621 26.6155 29.3137 32.8639C23.0653 39.1123 12.9347 39.1123 6.68629 32.8639C0.437903 26.6155 0.437903 16.4849 6.68629 10.2365C12.9347 3.98807 23.0653 3.98807 29.3137 10.2365ZM30.7279 8.82225C37.7574 15.8517 37.7574 27.2487 30.7279 34.2781C23.6985 41.3075 12.3015 41.3075 5.27208 34.2781C-1.75736 27.2487 -1.75736 15.8517 5.27208 8.82225C12.3015 1.79281 23.6985 1.79281 30.7279 8.82225ZM34.5779 34.9792C34.1873 34.5886 33.5542 34.5886 33.1636 34.9792C32.7731 35.3697 32.7731 36.0029 33.1636 36.3934L44.4774 47.7071C44.8679 48.0976 45.501 48.0976 45.8916 47.7071C46.2821 47.3166 46.2821 46.6834 45.8916 46.2929L34.5779 34.9792Z" fill="currentColor"/> </svg> </a> </div> <div class="header-trigger header-trigger--right cart-draw-trigger-icon u-flex u-flex--middle js-cart-draw-icon" style="display: none" > <cart-link><a href="/cart" class="header-trigger__link header-trigger__link--cart js-cart-icon js-cart-trigger" aria-haspopup="dialog" aria-label="Cart" > <svg class="icon-svg icon icon-cart" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none"> <path d="M41 17H7C5.89543 17 5 17.8954 5 19V45C5 46.1046 5.89543 47 7 47H41C42.1046 47 43 46.1046 43 45V19C43 17.8954 42.1046 17 41 17Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 13V10C15 7.61305 15.9482 5.32387 17.636 3.63604C19.3239 1.94821 21.6131 1 24 1C26.3869 1 28.6761 1.94821 30.364 3.63604C32.0518 5.32387 33 7.61305 33 10V13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="cart-count-bubble"> <items-count aria-hidden="true">0</items-count> </div> </a></cart-link> </div> <div class="header-navs js-heaver-navs u-clearfix u-hidden@tab-down"><nav class="primary-nav header-navs__items js-primary-nav" role="navigation"> <nested-menu submenu-direction="below"> <ul class="primary-nav__items js-primary-nav-items"><li class="primary-nav__item f-family--heading f-caps--true f-space--1"><a href="/" class="primary-nav__link" >Home</a></li><li class="primary-nav__item f-family--heading f-caps--true f-space--1"><header-details-disclosure> <details id="Details-HeaderMenu-2" data-link-title="Shop"> <summary class="header__menu-item"> <a href="/collections" class="primary-nav__link nav__link--sub" >Shop</a> </summary> <div id="HeaderMenu-MenuList-2" class="nav__sub" tabindex="-1"> <nested-menu class="nav__sub-wrap"> <ul class="list-menu has-animation" role="list" style="animation-delay: 100ms"><li class="list-menu__item"><a href="/collections/the-cbc-collection" class="list-menu__link" > <span class="list-menu__text">The CBC Collection</span> </a></li><li class="list-menu__item"><a href="/collections/apparel" class="list-menu__link" > <span class="list-menu__text">Apparel</span> </a></li><li class="list-menu__item"><a href="/collections/cemetery-garden-decorations" class="list-menu__link" > <span class="list-menu__text">Cemetery &amp; Garden Decorations</span> </a></li><li class="list-menu__item"><a href="/collections/cutting-boards-and-coasters" class="list-menu__link" > <span class="list-menu__text">Cutting Boards and Coasters</span> </a></li><li class="list-menu__item"><a href="/collections/drinkware" class="list-menu__link" > <span class="list-menu__text">Drinkware</span> </a></li><li class="list-menu__item"><a href="/collections/dry-erase-boards" class="list-menu__link" > <span class="list-menu__text">Dry Erase Boards</span> </a></li><li class="list-menu__item"><a href="/collections/equine" class="list-menu__link" > <span class="list-menu__text">Equine</span> </a></li><li class="list-menu__item"><a href="/collections/frames" class="list-menu__link" > <span class="list-menu__text">Frames</span> </a></li><li class="list-menu__item"><a href="/collections/ornaments" class="list-menu__link" > <span class="list-menu__text">Ornaments</span> </a></li><li class="list-menu__item"><a href="/collections/paint-kits-diy" class="list-menu__link" aria-current="page" > <span class="list-menu__text">Paint Kits DIY</span> </a></li><li class="list-menu__item"><a href="/collections/signs" class="list-menu__link" > <span class="list-menu__text">Plaques</span> </a></li><li class="list-menu__item"><a href="/pages/promotional-merchandise" class="list-menu__link" > <span class="list-menu__text">Promotional Merchandise</span> </a></li><li class="list-menu__item"><a href="/collections/signs-1" class="list-menu__link" > <span class="list-menu__text">Signs</span> </a></li><li class="list-menu__item"><a href="/collections/snow-globes" class="list-menu__link" > <span class="list-menu__text">Snow Globes</span> </a></li></ul> </nested-menu> </div> </details> </header-details-disclosure></li><li class="primary-nav__item f-family--heading f-caps--true f-space--1"><a href="/pages/promotional-merchandise" class="primary-nav__link" >Promotional Merchandise</a></li><li class="primary-nav__item f-family--heading f-caps--true f-space--1"><a href="/pages/ontario-made" class="primary-nav__link" >Ontario Made</a></li><li class="primary-nav__item f-family--heading f-caps--true f-space--1"><a href="/pages/welcome-to-devious-designs" class="primary-nav__link" >About Us</a></li><li class="primary-nav__item f-family--heading f-caps--true f-space--1"><a href="/pages/contact" class="primary-nav__link" >Contact Us</a></li></ul> </nested-menu> </nav><nav class="secondary-nav header-navs__items js-secondary-nav"> <ul class="secondary-nav__items secondary-nav__items--icon"><div class="secondary-nav__localize js-secondary-nav-localize"></div> <div class="secondary-nav__actions js-secondary-nav-actions"> <li class="secondary-nav__item secondary-nav__item--account secondary-nav__link--icon"> <a href="/account/login" class="secondary-nav__link"><svg class="icon-svg icon icon-user" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 21.8694C28.9706 21.8694 33 17.8399 33 12.8694C33 7.89882 28.9706 3.86938 24 3.86938C19.0294 3.86938 15 7.89882 15 12.8694C15 17.8399 19.0294 21.8694 24 21.8694ZM24 23.8694C30.0751 23.8694 35 18.9445 35 12.8694C35 6.79425 30.0751 1.86938 24 1.86938C17.9249 1.86938 13 6.79425 13 12.8694C13 18.9445 17.9249 23.8694 24 23.8694Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M42 45.9117V45.9117C42 45.9605 41.9603 46 41.9114 46H6.0886C6.03972 46 6 45.9605 6 45.9117V45.9117C6 36.0277 14.0505 28 24 28C33.9495 28 42 36.0277 42 45.9117ZM42.8956 48V48C43.4615 48 43.9394 47.5727 43.9702 47.0076C43.99 46.6448 44 46.2794 44 45.9117C44 34.9148 35.0457 26 24 26C12.9543 26 4 34.9148 4 45.9117C4 46.2794 4.01001 46.6447 4.02978 47.0075C4.06057 47.5727 4.53848 48 5.10443 48V48H6.1211H41.8789H42.8956Z" fill="currentColor"/> </svg> </a> </li> <li class="secondary-nav__item f-family--heading f-caps--true f-space--1"> <cart-link><a href="/cart" class="secondary-nav__link secondary-nav__item--cart secondary-nav__link--icon js-cart-trigger" aria-haspopup="dialog" aria-label="Cart" ><svg class="icon-svg icon icon-cart" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none"> <path d="M41 17H7C5.89543 17 5 17.8954 5 19V45C5 46.1046 5.89543 47 7 47H41C42.1046 47 43 46.1046 43 45V19C43 17.8954 42.1046 17 41 17Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 13V10C15 7.61305 15.9482 5.32387 17.636 3.63604C19.3239 1.94821 21.6131 1 24 1C26.3869 1 28.6761 1.94821 30.364 3.63604C32.0518 5.32387 33 7.61305 33 10V13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="cart-count-bubble"> <items-count aria-hidden="true">0</items-count> </div></a></cart-link> </li> <li class="secondary-nav__item secondary-nav__item--search f-family--heading f-caps--true f-space--1"> <a href="/search" class="secondary-nav__link secondary-nav__link--search js-search-trigger secondary-nav__link--icon" aria-haspopup="dialog" aria-label="Search" ><svg class="icon-svg icon icon-search" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.3137 10.2365C35.5621 16.4849 35.5621 26.6155 29.3137 32.8639C23.0653 39.1123 12.9347 39.1123 6.68629 32.8639C0.437903 26.6155 0.437903 16.4849 6.68629 10.2365C12.9347 3.98807 23.0653 3.98807 29.3137 10.2365ZM30.7279 8.82225C37.7574 15.8517 37.7574 27.2487 30.7279 34.2781C23.6985 41.3075 12.3015 41.3075 5.27208 34.2781C-1.75736 27.2487 -1.75736 15.8517 5.27208 8.82225C12.3015 1.79281 23.6985 1.79281 30.7279 8.82225ZM34.5779 34.9792C34.1873 34.5886 33.5542 34.5886 33.1636 34.9792C32.7731 35.3697 32.7731 36.0029 33.1636 36.3934L44.4774 47.7071C44.8679 48.0976 45.501 48.0976 45.8916 47.7071C46.2821 47.3166 46.2821 46.6834 45.8916 46.2929L34.5779 34.9792Z" fill="currentColor"/> </svg> </a> </li> </div> </ul> </nav> </div> </header> <script> theme.setUpHeaderResizeObservers(); </script> <style> .mobile-draw { --background-color: #ffffff; } </style> <div class="mobile-draw mobile-draw--dark js-menu-draw mfp-hide"><div class="mobile-draw__wrapper"> <div class="drawer-nav__empty-banner"></div><drawer-menu> <nav class="drawer-nav drawer-nav--main"> <ul class="list-menu" role="list"><li class="list-menu__item"><a href="/" class="list-menu__link f-family--heading f-caps--true f-space--1" > Home </a></li><li class="list-menu__item"><details id="Details-menu-drawer-menu-item-2" > <summary class="list-menu__link list-menu__link--sub f-family--heading f-caps--true f-space--1" > Shop </summary> <div id="SidebarMenu-MenuList-2" class="drawer-nav__panel" tabindex="-1" > <div class="drawer-nav__wrapper"><div class="drawer-nav__empty-banner"></div><div class="drawer-nav__header f-family--heading f-caps--true f-space--1"> <button class="drawer-nav__back"> <span class="visually-hidden"> Previous panel </span> </button> <div class="drawer-nav__title"> Shop </div> </div><ul class="list-menu" role="list" tabindex="-1"><li class="list-menu__item"><a href="/collections/the-cbc-collection" class="list-menu__link f-family--heading f-caps--true f-space--1" > The CBC Collection </a></li><li class="list-menu__item"><a href="/collections/apparel" class="list-menu__link f-family--heading f-caps--true f-space--1" > Apparel </a></li><li class="list-menu__item"><a href="/collections/cemetery-garden-decorations" class="list-menu__link f-family--heading f-caps--true f-space--1" > Cemetery &amp; Garden Decorations </a></li><li class="list-menu__item"><a href="/collections/cutting-boards-and-coasters" class="list-menu__link f-family--heading f-caps--true f-space--1" > Cutting Boards and Coasters </a></li><li class="list-menu__item"><a href="/collections/drinkware" class="list-menu__link f-family--heading f-caps--true f-space--1" > Drinkware </a></li><li class="list-menu__item"><a href="/collections/dry-erase-boards" class="list-menu__link f-family--heading f-caps--true f-space--1" > Dry Erase Boards </a></li><li class="list-menu__item"><a href="/collections/equine" class="list-menu__link f-family--heading f-caps--true f-space--1" > Equine </a></li><li class="list-menu__item"><a href="/collections/frames" class="list-menu__link f-family--heading f-caps--true f-space--1" > Frames </a></li><li class="list-menu__item"><a href="/collections/ornaments" class="list-menu__link f-family--heading f-caps--true f-space--1" > Ornaments </a></li><li class="list-menu__item list-menu__item--active"><a href="/collections/paint-kits-diy" class="list-menu__link f-family--heading f-caps--true f-space--1" aria-current="page" > Paint Kits DIY </a></li><li class="list-menu__item"><a href="/collections/signs" class="list-menu__link f-family--heading f-caps--true f-space--1" > Plaques </a></li><li class="list-menu__item"><a href="/pages/promotional-merchandise" class="list-menu__link f-family--heading f-caps--true f-space--1" > Promotional Merchandise </a></li><li class="list-menu__item"><a href="/collections/signs-1" class="list-menu__link f-family--heading f-caps--true f-space--1" > Signs </a></li><li class="list-menu__item"><a href="/collections/snow-globes" class="list-menu__link f-family--heading f-caps--true f-space--1" > Snow Globes </a></li></ul> <div class="drawer-nav__view-all"> <a href="/collections" class="c-btn c-btn--primary c-btn--full">View Shop</a> </div></div> </div> </details></li><li class="list-menu__item"><a href="/pages/promotional-merchandise" class="list-menu__link f-family--heading f-caps--true f-space--1" > Promotional Merchandise </a></li><li class="list-menu__item"><a href="/pages/ontario-made" class="list-menu__link f-family--heading f-caps--true f-space--1" > Ontario Made </a></li><li class="list-menu__item"><a href="/pages/welcome-to-devious-designs" class="list-menu__link f-family--heading f-caps--true f-space--1" > About Us </a></li><li class="list-menu__item"><a href="/pages/contact" class="list-menu__link f-family--heading f-caps--true f-space--1" > Contact Us </a></li></ul> </nav> </drawer-menu><div class="mobile-draw__footer mobile-footer"><div class="mobile-footer__contact"> <p class="mobile-footer__text"> <a href="tel:6133623212" class="mobile-footer__text-link"> <span class="mobile-draw__icon"><svg class="icon-svg icon-selection" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"> <path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M17.5 0.5H6.5C5.39543 0.5 4.5 1.39543 4.5 2.5V21.5C4.5 22.6046 5.39543 23.5 6.5 23.5H17.5C18.6046 23.5 19.5 22.6046 19.5 21.5V2.5C19.5 1.39543 18.6046 0.5 17.5 0.5Z"></path><path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M19.5 19.5H4.5"></path><path stroke="#000000" stroke-linecap="round" stroke-linejoin="round" d="M9.5 2.5H14.5"></path><path stroke="#000000" d="M12 21.5C11.8619 21.5 11.75 21.3881 11.75 21.25C11.75 21.1119 11.8619 21 12 21"></path><path stroke="#000000" d="M12 21.5C12.1381 21.5 12.25 21.3881 12.25 21.25C12.25 21.1119 12.1381 21 12 21"></path> </svg> </span>&nbsp;6133623212 </a> </p> <p class="mobile-footer__text"> <a href="mailto:sales@deviousdesigns.ca" class="mobile-footer__text-link"> <span class="mobile-draw__icon"><svg class="icon-svg icon-selection" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="4.5" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M18.5,21.5a11.509,11.509,0,1,1,5-9.5v1a3.5,3.5,0,0,1-7,0V12" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span>&nbsp;sales@deviousdesigns.ca </a> </p> </div> <ul class="social-links"><li class="social-links__item"> <a href="https://www.facebook.com/Devious-Designs-124821072324291" class="social-links__link icon-fallback" target="_blank" rel="noopener"> <i class="icon icon--facebook" aria-hidden="true" ></i><span class="icon-fallback__text">Facebook</span></a> </li><li class="social-links__item"> <a href="https://www.instagram.com/deviousdesigns.ca/" class="social-links__link icon-fallback" target="_blank" rel="noopener"> <i class="icon icon--instagram" aria-hidden="true" ></i><span class="icon-fallback__text">Instagram</span></a> </li><li class="social-links__item"> <a href="https://www.etsy.com/ca/shop/DeviousDesignsShop" class="social-links__link icon-fallback" target="_blank" rel="noopener"> <i class="icon icon--custom-svg icon--custom_3" aria-hidden="true" ><?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="40px" height="40px" viewbox="0 0 40 40" enable-background="new 0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"> <g> <path display="none" fill="#EB6D20" d="M20.153,4.657h-0.308c-8.389,0-15.188,6.8-15.188,15.189v0.307 c0,8.388,6.799,15.189,15.188,15.189h0.308c8.388,0,15.189-6.801,15.189-15.189v-0.307C35.341,11.457,28.541,4.657,20.153,4.657z"></path> <path fill="#FFFFFF" d="M26.674,33.136h-0.003c0-0.003-0.003-0.003-0.003-0.003h-8.864c-1.233,0-2.233-0.998-2.233-2.232v-9.874 h6.039c2.756,0,2.909,4.266,2.909,4.266h1.675l0.229-10.965H24.67c0,0-0.381,4.796-3.059,4.796h-6.04V7.093h10.721 c2.869,0,3.554,6.244,3.554,6.244h1.979V4.658l-2.53,0.212c-0.736,0.061-1.479,0.093-2.221,0.093H6.434v1.676 c0,0,4.379,0,4.379,2.528v21.734c0,2.919-4.417,2.919-4.417,2.919v1.522h26.27c0.075-2.057,0.939-8.985,0.939-8.985H32.13 C30.278,31.754,28.705,33.136,26.674,33.136z"></path> </g> </svg> </i></a> </li></ul> </div> <div class="mobile-draw__account"> <a href="/account/login" class="mobile-header__link" ><span class="mobile-draw__icon"><svg class="icon-svg icon icon-user" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 21.8694C28.9706 21.8694 33 17.8399 33 12.8694C33 7.89882 28.9706 3.86938 24 3.86938C19.0294 3.86938 15 7.89882 15 12.8694C15 17.8399 19.0294 21.8694 24 21.8694ZM24 23.8694C30.0751 23.8694 35 18.9445 35 12.8694C35 6.79425 30.0751 1.86938 24 1.86938C17.9249 1.86938 13 6.79425 13 12.8694C13 18.9445 17.9249 23.8694 24 23.8694Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M42 45.9117V45.9117C42 45.9605 41.9603 46 41.9114 46H6.0886C6.03972 46 6 45.9605 6 45.9117V45.9117C6 36.0277 14.0505 28 24 28C33.9495 28 42 36.0277 42 45.9117ZM42.8956 48V48C43.4615 48 43.9394 47.5727 43.9702 47.0076C43.99 46.6448 44 46.2794 44 45.9117C44 34.9148 35.0457 26 24 26C12.9543 26 4 34.9148 4 45.9117C4 46.2794 4.01001 46.6447 4.02978 47.0075C4.06057 47.5727 4.53848 48 5.10443 48V48H6.1211H41.8789H42.8956Z" fill="currentColor"/> </svg></span>&nbsp;Log in</a> </div> </div> </div> <style> #shopify-section-sections--17885006463230__header .header__menu-item {margin: 0px 15px 0px 15px;} </style></div><div id="shopify-section-sections--17885006463230__section_custom_DxxXkP" class="shopify-section shopify-section-group-header-group js-section__home-custom"> <section class=" section section--padded section--mb-m section--sections--17885006463230__section_custom_DxxXkP " data-section-id="sections--17885006463230__section_custom_DxxXkP" data-section-type="home-custom" style=" --space-top: 0px; --space-bottom: 0px " > <div class="container"> <div class="home-custom__items"> <div class="o-layout o-layout--center"> <div class="o-layout__item u-1/1 u-@tab" > <div class="home-custom__item home-custom__item--spacer" > <div class="home-custom__item-content home-custom__item-content--spacer home-custom__item-content--spacer--none" ></div> </div> </div> </div> </div> </div> </section> </div> <!-- END sections: header-group --> <!-- BEGIN sections: popup-group --> <!-- END sections: popup-group --> <div class="main" id="main"> <div id="shopify-section-template--17885006266622__banner" class="shopify-section js-section__collection-banner"> <style> .section--template--17885006266622__banner .collection__header-media-overlay:before { background: #000000; opacity: .0; } </style> <section class="section section--mb-0 section--template--17885006266622__banner section--full" data-section-id="template--17885006266622__banner" data-section-type="collection-template" > <div class="collection js-collection-banner collection--img collection--center" data-collection-has-image="true" > <div class="collection__header collection__header--img"> <div class="collection__header-media collection__header-media--full o-ratio o-ratio--32:9 o-ratio--16:9@mob" style="background-image: url('//www.deviousdesigns.ca/cdn/shop/collections/IMG_3169.jpg?crop=center&height=1&v=1727235127&width=1')" > <img class="collection__header-img collection__header-img--template--17885006266622__banner" src="//www.deviousdesigns.ca/cdn/shop/collections/IMG_3169.jpg?v=1727235127&width=600" srcset="//www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_180x.jpg?v=1727235127 180w 135h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_360x.jpg?v=1727235127 360w 270h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_540x.jpg?v=1727235127 540w 405h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_720x.jpg?v=1727235127 720w 540h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_900x.jpg?v=1727235127 900w 675h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_1080x.jpg?v=1727235127 1080w 810h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_1296x.jpg?v=1727235127 1296w 972h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_1512x.jpg?v=1727235127 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_1728x.jpg?v=1727235127 1728w 1296h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_1950x.jpg?v=1727235127 1950w 1463h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_2100x.jpg?v=1727235127 2100w 1575h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_2260x.jpg?v=1727235127 2260w 1695h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_2450x.jpg?v=1727235127 2450w 1838h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_2700x.jpg?v=1727235127 2700w 2025h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_3000x.jpg?v=1727235127 3000w 2250h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_3350x.jpg?v=1727235127 3350w 2513h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169_3750x.jpg?v=1727235127 3750w 2813h, //www.deviousdesigns.ca/cdn/shop/collections/IMG_3169.jpg?v=1727235127 4032w 3024h" width="600" height="450" sizes="100vw" alt="Paint Kits DIY" loading="eager" > <div class="collection__header-media-overlay u-bg-overlay"></div> </div> <div class="container container--p-0"> <div class="collection__header-info collection__header-info--center"> <div class="section__title collection__header-info__title"> <h1 class="section__title-text collection__header-info__title-text"> Paint Kits DIY </h1> </div> </div> </div> </div> </div> </section> </div><div id="shopify-section-template--17885006266622__product-grid" class="shopify-section js-section__collection"> <style> .mfp-container .collection-sidebar, .mfp-container .collection-sidebar .mfp-close { background-color: #ffffff; } </style> <section class="section section--template--17885006266622__product-grid" data-section-id="template--17885006266622__product-grid" data-section-type="collection-template" > <dynamic-product-search class=" collection collection--sidebar-drawer " data-section="template--17885006266622__product-grid" data-url="/collections/paint-kits-diy" data-quick-shop-dynamic-checkout="true" data-page-title="Paint Kits DIY &ndash; Devious Designs" > <div class="container container--default"> <div class="collection-main" id="collection-main"> <div class="collection-main__actions u-flex u-flex--start u-flex--middle"> <div class="collection-main__filter"> <a href="#" class="collection-main__filter-btn js-collection-draw-trigger u-flex u-flex--middle"> <svg class="icon-svg icon icon-filter" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0ZM4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0Zm11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0ZM13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2Z" fill="currentColor"/> </svg> Filter and sort </a> </div> <div class="collection-main__count"> <p class="collection-main__count-text"> 11 products </p> </div> </div> <div class="collection-products collection-products--sort-enabled"> <div class="collection__filters-active"> <div class="collection__filters-active__wrapper"> <a class="collection__filters-active__filter collection__filters-active__filter--clear js-filter-trigger" href="/collections/paint-kits-diy" > Clear all </a> </div> </div> <div class="o-layout"> <div class="o-layout__item u-1/1"> <aside class="collection-sidebar collection-sidebar--desktop-drawer collection-sidebar--dark js-collection-draw"><div class="collection-sidebar__head"> <div class="collection-sidebar__label"> <h3 class="collection-sidebar__label-title">Filter and sort </h3> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close" > <i class="icon icon--close-l"></i> </button> </div> <div class="collection-sidebar__wrapper"> <div class="collection-sidebar__section collection-sidebar__section--filter collection-sidebar__filter"> <form class="collection-sidebar__filter-form js-filters-form" data-submit-on-change="true"> <div class="collection-sidebar__filter__sort "> <div class="selector-wrapper collection-sidebar__filter__sort__selector"> <label class="collection-filters__label" for="SortBy">Sort by</label><select name="sort_by" class="select__select collection-filters__sort js-collection-sort" id="SortBy" ><option value="manual" > Featured </option><option value="best-selling" > Best selling </option><option value="title-ascending" selected="selected" > Alphabetically, A-Z </option><option value="title-descending" > Alphabetically, Z-A </option><option value="price-ascending" > Price, low to high </option><option value="price-descending" > Price, high to low </option><option value="created-ascending" > Date, old to new </option><option value="created-descending" > Date, new to old </option></select> <noscript> <input type="submit" class="c-btn c-btn--primary" value="Sort" > </noscript> </div> </div> <accordion-group><details open id="template--17885006266622__product-grid-filter-1" class="collection-sidebar__filter-group" > <summary class="collection-sidebar__filter-trigger"> <span>Availability</span> <summary-icon> <i class="icon icon--plus" aria-hidden="true"></i> </summary-icon> </summary> <details-content class="collection-sidebar__filter__accordion"> <ul class="collection-sidebar__items o-list-bare"> <li class="collection-sidebar__item"> <input type="checkbox" name="filter.v.availability" value="1" class="collection-sidebar__filter__input" id="Filter-Availability-1" > <label for="Filter-Availability-1" class="collection-sidebar__link js-filter-label"> <span class="collection-sidebar__link__box"> <i class="icon icon--tick" aria-hidden="true"></i> </span>In stock </label> </li> <li class="collection-sidebar__item collection-sidebar__item--disabled"> <input type="checkbox" name="filter.v.availability" value="0" class="collection-sidebar__filter__input" id="Filter-Availability-2" disabled > <label for="Filter-Availability-2" class="collection-sidebar__link js-filter-label"> <span class="collection-sidebar__link__box"> <i class="icon icon--tick" aria-hidden="true"></i> </span>Out of stock </label> </li> </ul> </details-content> </details><details open id="template--17885006266622__product-grid-filter-2" class="collection-sidebar__filter-group collection-sidebar__filter-group--price" > <summary class="collection-sidebar__filter-trigger"> <span>Price</span> <summary-icon> <i class="icon icon--plus" aria-hidden="true"></i> </summary-icon> </summary> <details-content class="collection-sidebar__filter__accordion"> <div class="collection-sidebar__items"> <price-range class="price-range"><div class="collection-sidebar__filter-price"> <div class="collection-sidebar__filter-price__item collection-sidebar__filter-price__item--from"> <span class="collection-sidebar__filter-price__currency">$</span> <input name="filter.v.price.gte" id="Filter-Price-min-2" class="collection-sidebar__filter-price__input price-range__number" type="number" inputmode="numeric" placeholder="0" min="0" max="22" > <label for="Filter-Price-min-2" class="collection-sidebar__filter-price__label" >From</label> </div> <div class="collection-sidebar__filter-price__item collection-sidebar__filter-price__item--separator"> - </div> <div class="collection-sidebar__filter-price__item collection-sidebar__filter-price__item--to"> <span class="collection-sidebar__filter-price__currency">$</span> <input name="filter.v.price.lte" id="Filter-Price-max-2" class="collection-sidebar__filter-price__input price-range__number" type="number" inputmode="numeric" placeholder="22" min="0" max="22" > <label for="Filter-Price-max-2" class="collection-sidebar__filter-price__label" >To</label> </div> </div> <div class="price-range__group"> <div class="price-range__track"> <label class="u-hidden-visually" for="Filter-Price-Track-1" >Price range mininum</label > <input class="price-range__input"value="0"min="0" max="22" type="range" tabindex="-1" id="Filter-Price-Track-1" > <label class="u-hidden-visually" for="Filter-Price-Track-2" >Price range maximum</label > <input class="price-range__input"value="22"min="0" max="22" type="range" tabindex="-1" id="Filter-Price-Track-2" > </div> </div> </price-range> </div> </details-content> </details></accordion-group> <noscript> <input type="submit" class="collection-sidebar__filter-submit c-btn c-btn--primary" value="Apply" > </noscript> </form> </div> </div> <div class="collection-sidebar__draw-actions"><button type="button" data-url="/collections/paint-kits-diy" class="c-btn c-btn--hollow c-btn--full js-filter-trigger" disabled > Clear all </button> <button type="button" class="c-btn c-btn--primary c-btn--no-border c-btn--full js-close-mfp" > View (11) </button> </div> </aside> </div> <div class="o-layout__item u-1/1" > <div class=" collection__cards o-layout o-layout--small o-layout--small@tab-down " > <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8663876141310" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/gingerbred-man-friends-ornament-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3190.jpg?v=1727280174 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/gingerbred-man-friends-ornament-paint-kit" class="product-card__link" title="Gingerbred Man & Friends Ornament Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Gingerbred Man & Friends Ornament Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/gingerbred-man-friends-ornament-paint-kit" class="product-card__link" tabindex="-1" title="Gingerbred Man & Friends Ornament Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$18.74</span> </span> <span class="price__compare" ><span class="money">$24.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/gingerbred-man-friends-ornament-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Gingerbred Man & Friends Ornament Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Gingerbred Man & Friends Ornament Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8664665587966" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-ghosts-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/HalloweenWelcomeGhostsPaintKit.jpg?v=1727275176 2048w 1536h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-ghosts-paint-kit" class="product-card__link" title="Halloween Ghosts Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Halloween Ghosts Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-ghosts-paint-kit" class="product-card__link" tabindex="-1" title="Halloween Ghosts Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/halloween-ghosts-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Halloween Ghosts Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Halloween Ghosts Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8664656380158" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-gnome-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3171.jpg?v=1727274943 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-gnome-paint-kit" class="product-card__link" title="Halloween Gnome Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Halloween Gnome Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-gnome-paint-kit" class="product-card__link" tabindex="-1" title="Halloween Gnome Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/halloween-gnome-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Halloween Gnome Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Halloween Gnome Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8664685641982" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-pumpkin-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3188.jpg?v=1727279046 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-pumpkin-paint-kit" class="product-card__link" title="Halloween Pumpkin Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Halloween Pumpkin Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/halloween-pumpkin-paint-kit" class="product-card__link" tabindex="-1" title="Halloween Pumpkin Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/halloween-pumpkin-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Halloween Pumpkin Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Halloween Pumpkin Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8664654676222" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/happy-easter-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3176.jpg?v=1727273465 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/happy-easter-paint-kit" class="product-card__link" title="Happy Easter Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Happy Easter Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/happy-easter-paint-kit" class="product-card__link" tabindex="-1" title="Happy Easter Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/happy-easter-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Happy Easter Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Happy Easter Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8664020582654" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/hello-fall-gnome-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3170.jpg?v=1727225345 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/hello-fall-gnome-paint-kit" class="product-card__link" title="Hello Fall Gnome Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Hello Fall Gnome Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/hello-fall-gnome-paint-kit" class="product-card__link" tabindex="-1" title="Hello Fall Gnome Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/hello-fall-gnome-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Hello Fall Gnome Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Hello Fall Gnome Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8664019337470" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/hello-fall-pumpkin-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3169.jpg?v=1727225030 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/hello-fall-pumpkin-paint-kit" class="product-card__link" title="Hello Fall Pumpkin Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Hello Fall Pumpkin Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/hello-fall-pumpkin-paint-kit" class="product-card__link" tabindex="-1" title="Hello Fall Pumpkin Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/hello-fall-pumpkin-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Hello Fall Pumpkin Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Hello Fall Pumpkin Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8663884333310" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/hello-winter-sign-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3172.jpg?v=1727203627 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/hello-winter-sign-paint-kit" class="product-card__link" title="Hello Winter Sign Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Hello Winter Sign Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/hello-winter-sign-paint-kit" class="product-card__link" tabindex="-1" title="Hello Winter Sign Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/hello-winter-sign-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Hello Winter Sign Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Hello Winter Sign Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8663885644030" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/howdy-sign-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3173.jpg?v=1727204589 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/howdy-sign-paint-kit" class="product-card__link" title="Howdy Sign Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Howdy Sign Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/howdy-sign-paint-kit" class="product-card__link" tabindex="-1" title="Howdy Sign Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/howdy-sign-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Howdy Sign Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Howdy Sign Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8664689213694" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/rudolph-christmas-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3187.jpg?v=1727279517 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/rudolph-christmas-paint-kit" class="product-card__link" title="Rudolph Christmas Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Rudolph Christmas Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/rudolph-christmas-paint-kit" class="product-card__link" tabindex="-1" title="Rudolph Christmas Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$22.49</span> </span> <span class="price__compare" ><span class="money">$29.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/rudolph-christmas-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Rudolph Christmas Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Rudolph Christmas Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> <div class="o-layout__item u-1/2 u-1/3@tab u-1/4-grid-desk"> <product-card rendered data-product-id="8663876305150" class="product-card js-product js-product-card product-card--fit product-card--left product-card--trigger-icon product-card--sale product-card--left product-card--hover-zoom" image-container-ratio="1:1" image-hover="zoom" image-fit section-id="template--17885006266622__product-grid" quick-shop-trigger="icon" > <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class="product-card-top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="/collections/paint-kits-diy/products/santa-friends-ornament-paint-kit" class="product-card__link product-card__link--full-opacity" tabindex="-1" > <div class=" product-card__media product-card__media--hover-zoom " ><product-card-spinner class="theme-spinner product-card__spinner" > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </product-card-spinner> <img class="product-card__img" src="//www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=300" srcset="//www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=180 180w 135h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=360 360w 270h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=540 540w 405h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=720 720w 540h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=900 900w 675h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=1080 1080w 810h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=1296 1296w 972h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235&width=1512 1512w 1134h, //www.deviousdesigns.ca/cdn/shop/files/IMG_3189.jpg?v=1727280235 4032w 3024h" sizes="(min-width: 1366px) calc((80vw - 144px) / 4), (min-width: 981px) calc((80vw - 126px) / 3), (min-width: 768px) calc((100vw - 66px) / 3), (min-width: 561px) calc((100vw - 51px) / 2), calc(50vw - 54px)" width="300" height="225" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 225" width="300" height="225" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="225"></rect> </svg> </image-skeleton> </div> </a> </div> </div><button quickshop-trigger class="quick-shop__trigger js-quickshop-trigger" aria-hidden="true" tabindex="-1"> <svg class="icon-svg icon icon--quickbuy" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.3431 4.34315C19.8434 2.84285 21.8783 2 24 2C26.1217 2 28.1566 2.84285 29.6569 4.34315C31.1571 5.84344 32 7.87827 32 10V13C32 13.5523 32.4477 14 33 14C33.5523 14 34 13.5523 34 13V10C34 7.34784 32.9464 4.8043 31.0711 2.92893C29.1957 1.05357 26.6522 0 24 0C21.3478 0 18.8043 1.05357 16.9289 2.92893C15.0536 4.8043 14 7.34784 14 10V13C14 13.5523 14.4477 14 15 14C15.5523 14 16 13.5523 16 13V10C16 7.87827 16.8429 5.84344 18.3431 4.34315ZM6 19C6 18.4477 6.44772 18 7 18H41C41.5523 18 42 18.4477 42 19V28.625C42 29.1773 42.4477 29.625 43 29.625C43.5523 29.625 44 29.1773 44 28.625V19C44 17.3431 42.6569 16 41 16H7C5.34315 16 4 17.3431 4 19V45C4 46.6569 5.34315 48 7 48H25C25.5523 48 26 47.5523 26 47C26 46.4477 25.5523 46 25 46H7C6.44772 46 6 45.5523 6 45V19ZM36.5 33C37.0523 33 37.5 33.4477 37.5 34V39.5H43C43.5523 39.5 44 39.9477 44 40.5C44 41.0523 43.5523 41.5 43 41.5H37.5V47C37.5 47.5523 37.0523 48 36.5 48C35.9477 48 35.5 47.5523 35.5 47V41.5H30C29.4477 41.5 29 41.0523 29 40.5C29 39.9477 29.4477 39.5 30 39.5H35.5V34C35.5 33.4477 35.9477 33 36.5 33Z" fill="black"/> </svg> </button></div> <div class="product-card__details"> <a product-card-link href="/collections/paint-kits-diy/products/santa-friends-ornament-paint-kit" class="product-card__link" title="Santa & Friends Ornament Paint Kit" ><h3 class="product-card__title f-family--body f-caps--false f-space--0"> <product-card-title>Santa & Friends Ornament Paint Kit</product-card-title> </h3> </a> <div class="product-card__details__hover u-medium"> <a product-card-link href="/collections/paint-kits-diy/products/santa-friends-ornament-paint-kit" class="product-card__link" tabindex="-1" title="Santa & Friends Ornament Paint Kit" ><product-card-price class="price"><!-- snippet/product-price.liquid --> <span id="" class="price" ><span class="price__number price__number--sale"> <span class="money">$18.74</span> </span> <span class="price__compare" ><span class="money">$24.99</span> </span></span> </product-card-price></a><product-card-variant-swatches></product-card-variant-swatches></div> </div><quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit data-product-url="/products/santa-friends-ornament-paint-kit" notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title">Santa & Friends Ornament Paint Kit </h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <!-- snippet/product-grid-label.liquid --> <ul class="product-card__label__items o-list-bare"><li class="product-card__label product-card__label--sale label label--discount"><p class="product-card__label-text label__text">On Sale</p></li> </ul> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><h3 class="product-card__title f-family--body f-caps--false f-space--0"> Santa & Friends Ornament Paint Kit </h3></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </product-card> </div> </div> </div> </div> </div> </div> </div> <div class="o-page-loader"> <div role="progressbar" class="o-page-loader__holder"> <span class="o-page-loader__line o-page-loader__line--1"></span> <span class="o-page-loader__line o-page-loader__line--2"></span> </div> </div> </dynamic-product-search> </section> </div> </div> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--17885006495998__footer-newsletter" class="shopify-section shopify-section-group-footer-group js-section__newsletter"><style type="text/css"> .section--sections--17885006495998__footer-newsletter .newsletter { background-color: #4b4a4a; } </style> <section class=" section section-newsletter section--sections--17885006495998__footer-newsletter section--mb-0 " data-section-id="sections--17885006495998__footer-newsletter" data-section-type="home-newsletter" style=" --space-top: 0px; --space-bottom: 0px " > <div class="container container--full container--p-0"> <div class="newsletter newsletter--light newsletter_divider--light"> <div class=" newsletter__content container section--padded " > <div class="newsletter__title"> <h2 class="section__title-text"> Newsletter </h2> <div class="section__title-desc rte"><p>Join our mailing list and receive 10% off your first order over $50, either in-store or online. By subscribing, you agree to our terms and conditions.</p></div> </div> <div class="newsletter__form-wrapper"> <form method="post" action="/contact#newsletter" id="newsletter" accept-charset="UTF-8" class="newsletter__form-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="o-layout o-layout--small"> <div class="o-layout__item u-1/1 u-7/8@tab u-2/3@desk"> <input type="hidden" name="contact[tags]" value="newsletter"> <label for="Email-sections--17885006495998__footer-newsletter" class="u-hidden-visually">Email</label> <input type="email" name="contact[email]" id="Email-sections--17885006495998__footer-newsletter" class="newsletter__input" value="" placeholder="email@example.com" autocorrect="off" autocapitalize="off" > </div> <div class="o-layout__item u-1/1 u-7/8@tab u-1/3@desk"> <button type="submit" class="c-btn c-btn--full c-btn--primary newsletter__btn" name="commit" id="Subscribe-Footer" > Subscribe </button> </div> </div> </form> </div> </div> </div> </div> </section> </div><div id="shopify-section-sections--17885006495998__footer" class="shopify-section shopify-section-group-footer-group js-section__footer"><style type="text/css"> .footer, .footer__bottom { background-color: #000000; } </style> <footer role="contentinfo" id="footer" class="footer footer--light footer-divider" > <div class="container"> <div class="footer__content"> <div class="o-layout"> <div class="o-layout__item u-1/1 u-1/2@tab u-1/3@desk" > <div class="footer-nav"> <h3 class="footer-nav__title h5">Menu</h3> <ul class="footer-nav__items o-list-bare"> <li class="footer-nav__item"> <a href="/" class="footer-nav__link">Home</a> </li> <li class="footer-nav__item"> <a href="/collections" class="footer-nav__link">Shop</a> </li> <li class="footer-nav__item"> <a href="/pages/welcome-to-devious-designs" class="footer-nav__link">About Us</a> </li> <li class="footer-nav__item"> <a href="/pages/contact" class="footer-nav__link">Contact Us</a> </li> <li class="footer-nav__item"> <a href="/pages/faqs" class="footer-nav__link">FAQs</a> </li> <li class="footer-nav__item"> <a href="/pages/privacy-policy" class="footer-nav__link">Privacy Policy</a> </li> <li class="footer-nav__item"> <a href="/pages/terms-and-conditions" class="footer-nav__link">Terms and Conditions</a> </li> </ul> </div> </div> <div class="o-layout__item u-1/1 u-1/2@tab u-1/3@desk" > <div class="footer-nav"> <h3 class="footer-nav__title h5">Mission Statement</h3> <div class="footer-nav__text rte"> <p>At Devious Designs, we're committed to crafting unique, high-quality products that inspire and captivate. Through innovative design, meticulous craftsmanship, and excellent customer service, we bring your creative visions to life with precision and passion.</p> </div> </div> </div> <div class="o-layout__item u-1/1 u-1/2@tab u-1/3@desk" > <div class="footer-nav"> <h3 class="footer-nav__title h5">Contact</h3> <p class="footer-nav__text"> <a aria-label="Email" href="mailto:sales@deviousdesigns.ca" class="footer-nav__text-link">sales@deviousdesigns.ca</a> </p> <p class="footer-nav__text footer-nav__text--address"> 24A Main Street Main North<br> Alexandria Ontario<br> K0C 1A0 Canada </p> <div class="footer-nav__social-wrapper"> <ul class="social-links"><li class="social-links__item"> <a href="https://www.facebook.com/Devious-Designs-124821072324291" class="social-links__link icon-fallback" target="_blank" rel="noopener"> <i class="icon icon--facebook" aria-hidden="true" ></i><span class="icon-fallback__text">Facebook</span></a> </li><li class="social-links__item"> <a href="https://www.instagram.com/deviousdesigns.ca/" class="social-links__link icon-fallback" target="_blank" rel="noopener"> <i class="icon icon--instagram" aria-hidden="true" ></i><span class="icon-fallback__text">Instagram</span></a> </li><li class="social-links__item"> <a href="https://www.etsy.com/ca/shop/DeviousDesignsShop" class="social-links__link icon-fallback" target="_blank" rel="noopener"> <i class="icon icon--custom-svg icon--custom_3" aria-hidden="true" ><?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="40px" height="40px" viewbox="0 0 40 40" enable-background="new 0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"> <g> <path display="none" fill="#EB6D20" d="M20.153,4.657h-0.308c-8.389,0-15.188,6.8-15.188,15.189v0.307 c0,8.388,6.799,15.189,15.188,15.189h0.308c8.388,0,15.189-6.801,15.189-15.189v-0.307C35.341,11.457,28.541,4.657,20.153,4.657z"></path> <path fill="#FFFFFF" d="M26.674,33.136h-0.003c0-0.003-0.003-0.003-0.003-0.003h-8.864c-1.233,0-2.233-0.998-2.233-2.232v-9.874 h6.039c2.756,0,2.909,4.266,2.909,4.266h1.675l0.229-10.965H24.67c0,0-0.381,4.796-3.059,4.796h-6.04V7.093h10.721 c2.869,0,3.554,6.244,3.554,6.244h1.979V4.658l-2.53,0.212c-0.736,0.061-1.479,0.093-2.221,0.093H6.434v1.676 c0,0,4.379,0,4.379,2.528v21.734c0,2.919-4.417,2.919-4.417,2.919v1.522h26.27c0.075-2.057,0.939-8.985,0.939-8.985H32.13 C30.278,31.754,28.705,33.136,26.674,33.136z"></path> </g> </svg> </i></a> </li></ul> </div> <div class="footer-nav__follow_on_shop"> <script defer="defer" async type="module" src="//www.deviousdesigns.ca/cdn/shopifycloud/shop-js/modules/client.login-button_PyB0yoLG.en.esm.js"></script> <script defer="defer" async type="module" src="//www.deviousdesigns.ca/cdn/shopifycloud/shop-js/modules/chunk.common_Ckk3SCTm.esm.js"></script> <script type="module"> await import("//www.deviousdesigns.ca/cdn/shopifycloud/shop-js/modules/client.login-button_PyB0yoLG.en.esm.js"); await import("//www.deviousdesigns.ca/cdn/shopifycloud/shop-js/modules/chunk.common_Ckk3SCTm.esm.js"); </script> <shop-login-button action="follow" proxy="true"></shop-login-button> </div></div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="container container--full"> <div class="footer__bottom__left"><div class="localize footer-localize footer__bottom__left-item localize--single"><form method="post" action="/localization" id="FooterLocalizeForm" accept-charset="UTF-8" class="localize__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="/collections/paint-kits-diy" /><div class="localize__item__wrapper js-localize-wrapper"> <h2 class="u-hidden-visually" id="country-heading-footer"> Country </h2> <button type="button" class="localize__toggle js-localize-trigger" aria-expanded="false" aria-controls="country-list-footer" aria-describedby="country-heading-footer" > Canada (CAD $)<i class="icon icon--down"></i> </button> <div id="country-list-footer" class="localize__items localize__items--country js-localize-box o-list-bare" > <ul class="localize__items-wrapper"><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AU" >Australia <span class="localization-form__country" >(AUD $)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AT" >Austria <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BE" >Belgium <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item selected" href="#" aria-current="true" data-value="CA" >Canada <span class="localization-form__country" >(CAD $)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CZ" >Czechia <span class="localization-form__country" >(CZK Kč)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DK" >Denmark <span class="localization-form__country" >(DKK kr.)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="FI" >Finland <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="FR" >France <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DE" >Germany <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="HK" >Hong Kong SAR <span class="localization-form__country" >(HKD $)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="IE" >Ireland <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="IL" >Israel <span class="localization-form__country" >(ILS ₪)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="IT" >Italy <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="JP" >Japan <span class="localization-form__country" >(JPY ¥)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MY" >Malaysia <span class="localization-form__country" >(MYR RM)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NL" >Netherlands <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NZ" >New Zealand <span class="localization-form__country" >(NZD $)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NO" >Norway <span class="localization-form__country" >(CAD $)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PL" >Poland <span class="localization-form__country" >(PLN zł)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PT" >Portugal <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SG" >Singapore <span class="localization-form__country" >(SGD $)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KR" >South Korea <span class="localization-form__country" >(KRW ₩)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ES" >Spain <span class="localization-form__country" >(EUR €)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SE" >Sweden <span class="localization-form__country" >(SEK kr)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CH" >Switzerland <span class="localization-form__country" >(CHF CHF)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AE" >United Arab Emirates <span class="localization-form__country" >(AED د.إ)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GB" >United Kingdom <span class="localization-form__country" >(GBP £)</span ></a > </li><li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="US" >United States <span class="localization-form__country" >(USD $)</span ></a > </li></ul> </div> <input type="hidden" name="country_code" value="CA" data-disclosure-input > </div></form></div><div class="footer__icons footer__bottom__left-item"> <ul class="footer__icons-items o-list-bare"> <li class="footer__icons-item"> <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li> <li class="footer__icons-item"> <svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li> <li class="footer__icons-item"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li> <li class="footer__icons-item"> <svg class="payment-icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> </li> <li class="footer__icons-item"> <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li> <li class="footer__icons-item"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li> <li class="footer__icons-item"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> </li> <li class="footer__icons-item"> <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li> <li class="footer__icons-item"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg> </li> </ul> </div></div> <div class="footer__bottom__right"> <div class="footer-copyright"> <p class="footer-copyright__text"> <span class="footer-copyright__span footer-copyright__span--powered"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore"> </a></span> <span class="footer-copyright__span footer-copyright__span--shop" >&copy; 2024, Devious Designs</span> </p> </div> </div> </div> </div> </footer> </div> <!-- END sections: footer-group --> </div><script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/predictive-search.js?v=116672848999116016901720735715" type="module"></script><div class="search-draw js-search-draw search-draw--dark mobile-draw mfp-hide"> <div class="search__head"> <div class="search__label"> <h3 class="search__label-title">Search</h3> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="search-draw__wrapper"> <div class="search__inner"> <predictive-search type="sidebar" search-url="/search"> <search-form> <form action="/search" method="get" class="search__form" role="search"> <div class="search-form__input-wrapper"> <input id="sidebar-search" type="search" name="q" value="" class="search__form-input js-search-input" placeholder="Search our store..." aria-label="Search our store..."role="combobox" aria-expanded="false" aria-owns="sidebar-predictive-search-results" aria-controls="sidebar-predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <input name="options[prefix]" type="hidden" value="last"> <button type="submit" class="search__form-submit" aria-label="Search"> <svg class="icon-svg icon icon-search" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M29.3137 10.2365C35.5621 16.4849 35.5621 26.6155 29.3137 32.8639C23.0653 39.1123 12.9347 39.1123 6.68629 32.8639C0.437903 26.6155 0.437903 16.4849 6.68629 10.2365C12.9347 3.98807 23.0653 3.98807 29.3137 10.2365ZM30.7279 8.82225C37.7574 15.8517 37.7574 27.2487 30.7279 34.2781C23.6985 41.3075 12.3015 41.3075 5.27208 34.2781C-1.75736 27.2487 -1.75736 15.8517 5.27208 8.82225C12.3015 1.79281 23.6985 1.79281 30.7279 8.82225ZM34.5779 34.9792C34.1873 34.5886 33.5542 34.5886 33.1636 34.9792C32.7731 35.3697 32.7731 36.0029 33.1636 36.3934L44.4774 47.7071C44.8679 48.0976 45.501 48.0976 45.8916 47.7071C46.2821 47.3166 46.2821 46.6834 45.8916 46.2929L34.5779 34.9792Z" fill="currentColor"/> </svg> </button> </div><predictive-search-results tabindex="-1" hidden></predictive-search-results></form> </search-form> </predictive-search type="sidebar" search-url="/search"> <div class="search__content"><recent-searches class="search__nav" hidden> <h4 class="search__nav-title h5">Recent searches</h4> <ul class="list-menu"></ul> </recent-searches> <div class="search__nav"> <h4 class="search__nav-title h5">Main menu</h4> <ul class="list-menu"> <li class="list-menu__item"> <a href="/" class="list-menu__link" ><span class="list-menu__text">Home</span></a > </li> <li class="list-menu__item"> <a href="/collections" class="list-menu__link" ><span class="list-menu__text">Shop</span></a > </li> <li class="list-menu__item"> <a href="/pages/promotional-merchandise" class="list-menu__link" ><span class="list-menu__text">Promotional Merchandise</span></a > </li> <li class="list-menu__item"> <a href="/pages/ontario-made" class="list-menu__link" ><span class="list-menu__text">Ontario Made</span></a > </li> <li class="list-menu__item"> <a href="/pages/welcome-to-devious-designs" class="list-menu__link" ><span class="list-menu__text">About Us</span></a > </li> <li class="list-menu__item"> <a href="/pages/contact" class="list-menu__link" ><span class="list-menu__text">Contact Us</span></a > </li> </ul> </div> </div> </div> </div> </div> <back-to-top-button class="back-to-top-button back-to-top-button--dark" aria-label="Back to top" type="button" role="button" tabindex="0" align-right > <i class="back-to-top-button__icon icon icon--up" aria-hidden="true"></i> <span class="visually-hidden">Back to top</span> </back-to-top-button> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/back-to-top-button.js?v=137321485805967723061720735714" type="module"></script> <div class="js-cart-draw mfp-hide cart-draw mobile-draw cart-draw--dark"> <div class="cart-draw__wrapper"> <style> .cart { --drawer-background: #ffffff; } </style> <div id="cart-drawer-templates" style="display: none"><template id="template-cart"> <cart-full class="cart__wrapper"><free-shipping-bar class=" free-shipping-bar free-shipping-bar--align-left " value="0" minimum-value="12500" style="--track-color: linear-gradient(136deg, rgba(10, 234, 237, 1) 11%, rgba(250, 13, 253, 1) 84%)" > <free-shipping-bar-text class="free-shipping-bar__text"><span class="free-shipping-bar__icon"> <svg class="icon-svg icon-selection" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none" style="--color: currentColor" ><circle cx="5" cy="18" r="2" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="19" cy="18" r="2" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M3,18H1.5a1,1,0,0,1-1-1V13.015A1,1,0,0,1,.919,12.2L4,11l.811-4.243A1,1,0,0,1,5.781,6H9.5V5a1,1,0,0,1,1-1h12a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H21" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><line x1="7" y1="18" x2="17" y2="18" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></line><line x1="9.5" y1="6" x2="9.5" y2="16" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="15" x2="2" y2="15" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></line><line x1="4" y1="11" x2="9.5" y2="11" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></line></svg> </span><amount-to-spend >Spend <b><money-value class="money">$125</money-value></b> to get free shipping</amount-to-spend> <amount-left hidden >Spend <b><money-value class="money">$125</money-value> more</b> to get free shipping</amount-left> <minimum-reached hidden >Congratulations! You get <b>free</b> shipping.</minimum-reached> </free-shipping-bar-text> <free-shipping-bar-track class="free-shipping-bar__track" style="--displacement: 100%" ></free-shipping-bar-track><free-shipping-bar-goal-animation class="free-shipping-bar__animation" data-url="//www.deviousdesigns.ca/cdn/shop/t/14/assets/animation.confetti.json?v=178447643211108689651720735715" ></free-shipping-bar-goal-animation></free-shipping-bar><cart-contents class="cart__contents"> <cart-items class="cart__items" form-id="drawer-cart" ></cart-items> <cart-recommendations class=" cart-recommendations " id="drawer-cart-recommendations--recommendations" section-id="drawer-cart-recommendations" product-recommendations-root="/recommendations/products" product-recommendations-type="related" hidden > <cart-recommendations-title class="cart-recommendations__title cart-recommendations__title--plain"><p class="cart-recommendations__title-text cart-recommendations__title-text--reduced">You may also like...</p></cart-recommendations-title> <items-scroll class="mini-navigation" scroll-bar-disabled snap="start" > <div class=" grid-layout grid-layout--1 grid-layout--1@mob " data-items cart-recommendations-content ></div> </items-scroll> </cart-recommendations> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/items-scroll.js?v=161921959391978756711720735714" type="module"></script> <div id="drawer-cart-recommendations--templates" style="display: none"><template id="drawer-cart-recommendations--template-cart-recommendations-card"> <product-card-mini class="product-card product-card--mini js-product js-product-card product-card--fit product-card--media-ratio-1:1 product-card--hover-zoom" image-container-ratio="1:1" image-fit quick-shop-trigger="button" > <a product-card-link href="#" class="product-card__link"><span class="visually-hidden"></span></a> <div class="product-card__top"> <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"> <a product-card-link href="#" tabindex="-1"> <div class=" product-card__media "> <img class="product-card__img" src="" srcset="//www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_120x120.png?v=113555733946226816651720735715 120w 120h, //www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_240x240.png?v=113555733946226816651720735715 240w 240h, //www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_360x360.png?v=113555733946226816651720735715 360w 360h, //www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_480x480.png?v=113555733946226816651720735715 480w 480h, //www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_620x620.png?v=113555733946226816651720735715 620w 620h, //www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_740x740.png?v=113555733946226816651720735715 740w 740h, " sizes="(min-width: 504px) 74px, calc((100vw - 96px - 18px - 24px) * 0.3)" width="300" height="300" alt="" loading="lazy" product-card-image > <image-skeleton aria-label="Loading image: "> <svg id="visual" viewBox="0 0 300 300" width="300" height="300" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="300" height="300"></rect> </svg> </image-skeleton> </div> </a> </div> </div> </div><div class="product-card__details"> <h3 class="product-card__title f-family--body f-caps--false f-space--0"><product-card-title></product-card-title></h3><product-card-price class="product-card__price"></product-card-price> <product-card-button class="product-card-btn"></product-card-button></div><product-card-quick-shop></product-card-quick-shop></product-card-mini> </template><template id="drawer-cart-recommendations--template-quick-shop"> <quick-shop placeholder load-on="click" class="quick-shop--drawer-dark quick-shop--media-ratio-1:1" image-container-ratio="1:1" image-sizes="(min-width: 444px) 360px, calc(100vw - 24px - 18px * 2)" image-fit notify-on-add > <div class="quick-shop__wrapper"> <div class="quick-shop__header"> <div class="product-card__details"> <span class="product-card__link"> <h3 class="quick-shop__title"><div class="skeleton-text"></div></h3> </span> </div> <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <div class="quick-shop__main"> <div class="product-card__wrapper"> <div class=" product-card__media product-card__media--modal product-card__media--fit " > <div class=" o-ratio o-ratio--1:1 " > <div class="o-ratio__content"><div class="skeleton-image skeleton-image--1:1"></div></div> </div> </div> </div> <div class="product-card__details is-hidden-in-drawer"><div class="skeleton-text"></div></div> <div class="product-card__price"> <div class="price skeleton-text skeleton-text--small skeleton-text--1/4"></div> </div> <hr class="product-form__divider"> <div class="product-form__content"> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--small skeleton-text--1/3"></span> <div class="skeleton-text"></div> </div> </div> <div class="quick-shop__buttons"> <div class="product-form__add"> <div class="product-form__add-btn skeleton-button"> <span class="skeleton-text skeleton-text--inverse skeleton-text--small skeleton-text--inline skeleton-text--1/2" ></span> </div> </div> </div> <div class="quick-shop__footer"><div class="product-card__description"> <div class="skeleton-text"></div> <div class="skeleton-text"></div> <span class="skeleton-text skeleton-text--1/3"></span> </div><div class="product-card__more"> <span class="skeleton-text skeleton-text--small skeleton-text--inline skeleton-text--1/3"></span> </div> </div> </div> </quick-shop> </template><template id="drawer-cart-recommendations--template-sold-out-button"> <button type="button" class="link" disabled="disabled">Sold out</button> </template> <template id="drawer-cart-recommendations--template-quick-shop-button"> <button type="button" class="link link--underline js-quickshop-trigger" aria-hidden="true" tabindex="-1">Quick view</button> </template> <template id="drawer-cart-recommendations--template-add-to-cart-form"> <product-form > <form action="/cart/add" method="post" enctype="multipart/form-data"> <input type="hidden" name="form_type" value="product"> <input type="hidden" name="id" value="" /> <button type="submit" class="link link--underline" name="add" aria-hidden="true" tabindex="-1"> <span class="product-card-btn__text">+ Add to cart</span> <span class="product-card-btn__tick"><i class="icon icon--tick"></i></span> <product-card-button-spinner class="product-card-btn__spinner"> <div class="theme-spinner " > <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> <div class="theme-spinner__border"></div> </div> </product-card-button-spinner> </button> </form> </product-form> </template> </div> <script src="//www.deviousdesigns.ca/cdn/shop/t/14/assets/cart-recommendations.js?v=177864860991488360341720735715" type="module"></script> </cart-contents> <div class="cart__controls"> <div class="cart__details"><div class="cart__order-details"> <cart-discounts> <discount-list></discount-list> </cart-discounts> <noscript> <p class="cart__total"> <span>Subtotal</span><cart-total class="money"></cart-total> </p> </noscript><p class="cart__total"> <span>Subtotal</span><cart-total class="money"></cart-total> </p><p class="cart__message">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout </p> </div> </div> <div class="cart__actions"> <div class=" cart__buttons cart__buttons--view-cart " > <form id="drawer-cart" action="/cart" method="post" class="cart__form" novalidate><a href="/cart" class="c-btn c-btn--hollow c-btn--full cart__view">View cart</a><noscript> <button type="submit" name="update" class="c-btn c-btn--hollow cart__button-update update-cart"> Update Cart </button> </noscript> <button type="submit" class="c-btn c-btn--full c-btn--primary cart__checkout" name="checkout"><svg class="icon-svg icon-selection" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none" style="--color: #ffffff" ><path d="M20.5,11.5a2,2,0,0,0-2-2H5.5a2,2,0,0,0-2,2v10a2,2,0,0,0,2,2h13a2,2,0,0,0,2-2Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.5,6a5.5,5.5,0,0,1,11,0V9.5H6.5Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="12" cy="16.5" r="1.25" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></circle></svg> <span>Check Out</span></button> </form></div> </div> </div> </cart-full> </template> <template id="template-cart-item"> <cart-item class="cart-item cart-item--media-ratio-1:1 cart-item--media-fit " image-container-ratio="1:1" image-fit > <div class="cart-item__media"> <a cart-item-url href="#" class="o-ratio o-ratio--1:1 o-ratio--bg-product" > <cart-item-image-container class="o-ratio__content"> <img class="cart-item__image" src="" srcset="//www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_120x120.png?v=113555733946226816651720735715 120w 120h, //www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_240x240.png?v=113555733946226816651720735715 240w 240h, //www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_360x360.png?v=113555733946226816651720735715 360w 360h, //www.deviousdesigns.ca/cdn/shop/t/14/assets/placeholder_480x480.png?v=113555733946226816651720735715 480w 480h, " sizes="(min-width: 504px) 81px, 80px" width="120" height="120" alt="Loading..." loading="lazy" > <image-skeleton aria-label="Loading image: Loading..."> <svg id="visual" viewBox="0 0 120 120" width="120" height="120" xmlns="http://www.w3.org/2000/svg" > <rect x="0" y="0" width="120" height="120"></rect> </svg> </image-skeleton> </cart-item-image-container> </a> </div> <cart-item-details class="cart-item__details "><div class="cart-item__header"> <a cart-item-url href="#"> <div class="cart-item__heading f-family--body"> <cart-item-title></cart-item-title> </div> </a> </div> <div class="cart-item__price"> <cart-item-spinner></cart-item-spinner> <cart-item-final-line-price></cart-item-final-line-price> <cart-item-original-line-price></cart-item-original-line-price> </div> <cart-item-micro-copy class="cart-item__micro-copy"> <cart-item-default-property></cart-item-default-property> <cart-item-properties></cart-item-properties><cart-item-unit-price></cart-item-unit-price> <cart-item-selling-plan-allocation></cart-item-selling-plan-allocation></cart-item-micro-copy> </cart-item-details> <div class="cart-item__qty"> <cart-item-quantity></cart-item-quantity><a cart-item-remove href="#" class="cart-item__remove"> <svg class="icon-selection" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" > <title>Remove</title> <path d="M10.5339 13.0592H3.4662C3.33362 13.0592 3.20235 13.0331 3.07987 12.9823C2.9574 12.9316 2.84612 12.8572 2.7524 12.7634C2.65869 12.6697 2.58436 12.5583 2.53368 12.4358C2.483 12.3133 2.45695 12.182 2.45703 12.0495V2.96289H11.543V12.0495C11.543 12.3171 11.4367 12.5738 11.2475 12.7631C11.0582 12.9523 10.8015 13.0586 10.5339 13.0586V13.0592Z" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.48584 10.0281V5.99023" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.51416 10.0281V5.99023" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.4375 2.96289H13.5625" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.5144 0.943359H5.48573C5.35315 0.943359 5.22188 0.969482 5.0994 1.02023C4.97693 1.07099 4.86565 1.14537 4.77193 1.23914C4.67822 1.33292 4.60389 1.44423 4.55321 1.56674C4.50253 1.68924 4.47649 1.82053 4.47656 1.95311V2.96228H9.52415V1.95311C9.52415 1.68546 9.41782 1.42878 9.22857 1.23952C9.03931 1.05027 8.78263 0.943943 8.51498 0.943943L8.5144 0.943359Z" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <cart-item-errors class="cart-item__errors"></cart-item-errors> </div> <cart-item-discounts class="cart-item__discounts"> <discount-list></discount-list> </cart-item-discounts> </cart-item> </template> <template id="template-quantity-input"> <quantity-input> <button minus type="button" aria-label="Reduce item quantity by one"> <span aria-hidden="true">&minus;</span> </button> <input type="number" value="1" min="0" step="1" name="quantity" autocomplete="off" form="drawer-cart" data-form-type="other" /> <button plus type="button" aria-label="Increase item quantity by one"> <span aria-hidden="true">+</span> </button> </quantity-input> </template> </div><div class="cart-draw__head"> <h3 class="cart-draw__title">Shopping Cart</h3><cart-quantity-info class="cart-draw__quantity-info" hidden >(<items-count>0</items-count>&nbsp;<info-content>items</info-content >)</cart-quantity-info > <button title="Close (Esc)" type="button" class="mfp-close mfp-close--custom js-close-mfp" aria-label="close"> <i class="icon icon--close-l"></i> </button> </div> <interactive-cart id="drawer-cart" class="cart cart--draw" drawer note-inside-accordion height-control="360" ><cart-empty> <div class="cart-empty"> <p class="cart-empty__title">Your cart is currently empty</p> <a href="/" class="c-btn c-btn--primary c-btn--wide">Shop now</a> </div> </cart-empty> </interactive-cart> </div> </div> <script> // Get all announcement bars on the page and check if they've been dismissed const announcementBars = document.querySelectorAll('announcement-bar'); if (announcementBars.length > 0) { announcementBars.forEach((announcementBar) => { const sectionId = announcementBar.getAttribute('id'); const sessionStorageValue = sessionStorage.getItem(sectionId); if (sessionStorageValue === '0') { announcementBar.setAttribute('hidden', 'hidden'); } }); } </script> <!-- Creative theme by Safe As Milk - http://safeasmilk.co/ --> <!-- Theme version 8.0.0 --> <div id="shopify-block-14916611450974054565" class="shopify-block shopify-app-block"> <!-- BEGIN app snippet: theme_setup_app_id --><script type="text/javascript"> (function () { window.TABARNAPP_LOADED_FROM_APP_EMBED = ["AD"]; })(); </script> <!-- END app snippet --> <!-- BEGIN app snippet: theme_block_checkout_ctas --><script type="text/javascript"> (function () { [ ".carthook_checkout", "button[name='checkout']", "input[type='submit'][name='checkout']", "a[href*='checkout']", ".shopify-payment-button", ".rebuy-cart__checkout-button", ".ast-cart__checkout", "form[action*=\"/checkout\"] button[type=\"submit\"]", "form[action*=\"/checkout\"] input[type=\"submit\"]" ].forEach(selector => document.querySelectorAll(selector).forEach(button => button.setAttribute("disabled", ""))); })(); </script> <!-- END app snippet --> <link href="https://cdn.shopify.com/extensions/d94514ab-f439-4d3c-94bf-9e94c8943b16/adg-1.0.45/assets/automatic-discount-v2.css" rel="stylesheet" /> <script type="text/javascript" src="https://cdn.shopify.com/extensions/d94514ab-f439-4d3c-94bf-9e94c8943b16/adg-1.0.45/assets/automatic-discount-v2.js?shop=deviousdesignsshop.myshopify.com" defer> </script> </div></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10