{"id":8,"date":"2026-08-31T22:53:35","date_gmt":"2026-08-31T22:53:35","guid":{"rendered":"https:\/\/imageandthread.ca\/?page_id=8"},"modified":"2026-10-06T19:27:34","modified_gmt":"2026-10-06T19:27:34","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/imageandthread.ca\/fr\/","title":{"rendered":"acceuil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-916088c e-con e-atomic-element e-flexbox-base e-default-div e-642c3c9 \" data-id=\"916088c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"916088c\">\n    \t\t\t<h4 data-interaction-id=\"94460db\" class=\"e-94460db-37a1aa3 e-heading-base e-default-h4\">English &amp; French Apparel \u2022 V\u00eatements en anglais et en fran\u00e7ais<\/h4>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ca28c7b e-con-full e-flex e-con e-parent\" data-id=\"ca28c7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5726d33 elementor-widget elementor-widget-html\" data-id=\"5726d33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   IMAGE & THREAD \u2014 HOME PAGE\n   CONTENT STARTS AT HERO\n========================================================= *\/\n\n#iat-home,\n#iat-home * {\n    box-sizing: border-box;\n}\n\/* Cache le titre WordPress\/Astra de la page Shop *\/\n.page .entry-header,\n.page .entry-title {\n    display: none !important;\n}\n#iat-home {\n    --green: #064c39;\n    --green-dark: #033d2d;\n\n    --cream: #f4ecdf;\n    --cream-light: #faf6ef;\n    --cream-mid: #eee2d3;\n    --cream-deep: #e8dac8;\n\n    --gold: #c4a04a;\n\n    --text: #173d30;\n    --text-soft: #53675e;\n\n    --white: #ffffff;\n\n    width: 100%;\n    margin: 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: var(--cream);\n    color: var(--text);\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n#iat-home h1,\n#iat-home h2,\n#iat-home h3,\n#iat-home h4 {\n    margin-top: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n}\n\n#iat-home p {\n    margin-top: 0;\n}\n\n#iat-home a {\n    color: inherit;\n    text-decoration: none !important;\n}\n\n#iat-home img {\n    display: block;\n    width: 100%;\n}\n\n#iat-home button,\n#iat-home input {\n    font: inherit;\n}\n\n\n\/* =========================================================\n   GLOBAL WIDTH\n========================================================= *\/\n\n.iat-wrap {\n    width: min(1280px, calc(100% - 64px));\n    margin: 0 auto;\n}\n\n.iat-wide-wrap {\n    width: min(1460px, calc(100% - 52px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   SECTION HEADINGS\n========================================================= *\/\n\n.iat-section-header {\n    max-width: 720px;\n    margin: 0 auto 31px;\n    text-align: center;\n}\n\n.iat-gold-line {\n    width: 44px;\n    height: 2px;\n    margin: 0 auto 13px;\n    background: var(--gold);\n}\n\n.iat-section-header h2 {\n    margin: 0 0 8px;\n    color: var(--green);\n    font-size: clamp(34px, 2.7vw, 46px);\n    line-height: 1.04;\n}\n\n.iat-section-header p {\n    margin: 0;\n    color: var(--text-soft);\n    font-size: 13px;\n    line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.iat-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n\n    min-height: 52px;\n\n    padding: 0 22px;\n\n    gap: 24px;\n\n    border: 1px solid transparent !important;\n    outline: 0 !important;\n\n    border-radius: 4px;\n\n    background: var(--green);\n    color: var(--cream) !important;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: 1.1px;\n\n    white-space: nowrap;\n\n    transition:\n        background .22s ease,\n        box-shadow .22s ease;\n}\n\n.iat-button:hover {\n    background: var(--green-dark);\n    color: var(--cream) !important;\n\n    box-shadow:\n        0 9px 22px rgba(6,76,57,.12);\n}\n\n.iat-button-french {\n    background: #0a5944;\n\n    border:\n        1px solid rgba(244,236,223,.35) !important;\n\n    color: var(--cream) !important;\n}\n\n.iat-button-french:hover {\n    background: var(--green-dark);\n    color: var(--cream) !important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.iat-hero {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        51% 49%;\n\n    min-height: 465px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--cream) 0%,\n            var(--cream) 51%,\n            #eadfce 51%,\n            #eadfce 100%\n        );\n}\n\n.iat-hero::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: -120px;\n    top: -130px;\n\n    width: 390px;\n    height: 390px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(196,160,74,.045);\n\n    pointer-events: none;\n}\n\n.iat-hero-copy {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n\n    justify-content: center;\n    align-items: flex-start;\n\n    min-width: 0;\n\n    padding:\n        54px\n        clamp(46px, 5.7vw, 96px);\n}\n\n.iat-hero-kicker {\n    margin: 0 0 16px;\n\n    color: var(--green);\n\n    font-size: 11px;\n    font-weight: 700;\n\n    letter-spacing: 1.8px;\n    line-height: 1.4;\n}\n\n.iat-hero h1 {\n    width: 100%;\n    max-width: 700px;\n\n    margin: 0 0 18px;\n\n    color: var(--green);\n\n    font-size:\n        clamp(53px, 4.25vw, 70px);\n\n    font-weight: 700;\n\n    line-height: .99;\n\n    letter-spacing: -1.1px;\n\n    text-transform: uppercase;\n}\n\n.iat-hero-line {\n    display: block;\n    white-space: nowrap;\n}\n\n.iat-hero-description {\n    max-width: 510px;\n\n    margin: 0 0 28px;\n\n    color: var(--text-soft);\n\n    font-size: 15px;\n    line-height: 1.6;\n}\n\n.iat-hero-actions {\n    display: flex;\n    flex-wrap: nowrap;\n\n    gap: 15px;\n}\n\n.iat-hero-actions .iat-button:first-child {\n    min-width: 165px;\n}\n\n.iat-hero-actions .iat-button-french {\n    min-width: 238px;\n}\n\n.iat-hero-image {\n    min-height: 465px;\n\n    background-image:\n        url('https:\/\/imageandthread.ca\/wp-content\/uploads\/2026\/09\/b0384130-2159-443a-bac1-e1e1251340a5.png');\n\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: 58% center;\n\n    background-color: #e8ded2;\n}\n\n\n\/* =========================================================\n   SHOP BY CATEGORY\n========================================================= *\/\n\n.iat-category-section {\n    position: relative;\n\n    padding:\n        48px 0 70px;\n\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--cream) 0%,\n            #f7f0e7 100%\n        );\n}\n\n\n\/* =========================================================\n   GOLD THREAD WAVE\n========================================================= *\/\n\n.iat-category-section::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    top: 67%;\n\n    width: 100%;\n    height: 38px;\n\n    background-image:\n        url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C100 38 150 3 250 20 S400 38 500 20 S650 3 750 20 S900 38 1000 20 S1100 3 1200 20' fill='none' stroke='%23c4a04a' stroke-width='1.25'\/%3E%3C\/svg%3E\");\n\n    background-repeat: repeat-x;\n    background-size: 1200px 38px;\n    background-position: center;\n\n    z-index: 0;\n\n    pointer-events: none;\n}\n\n.iat-category-section\n.iat-wide-wrap {\n    position: relative;\n    z-index: 1;\n}\n\n.iat-category-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0,1fr));\n\n    gap: 18px;\n}\n\n\n\/* =========================================================\n   CATEGORY CARDS \u2014 HOVER FIX\n========================================================= *\/\n\n#iat-home a.iat-category-card,\n#iat-home a.iat-category-card:link,\n#iat-home a.iat-category-card:visited,\n#iat-home a.iat-category-card:hover,\n#iat-home a.iat-category-card:active,\n#iat-home a.iat-category-card:focus,\n#iat-home a.iat-category-card:focus-visible {\n\n    position: relative;\n\n    display: block;\n\n    min-height: 330px;\n\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0 !important;\n    border-width: 0 !important;\n    border-style: none !important;\n    border-color: transparent !important;\n\n    outline: 0 !important;\n    outline-offset: 0 !important;\n\n    border-radius: 7px;\n\n    background: var(--green);\n\n    color: #fff !important;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 8px 24px rgba(27,54,42,.08) !important;\n\n    isolation: isolate;\n\n    transform: none !important;\n\n    -webkit-tap-highlight-color:\n        transparent;\n\n    -webkit-backface-visibility:\n        hidden;\n\n    backface-visibility:\n        hidden;\n}\n\n#iat-home\n.iat-category-card > img {\n\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center top;\n\n    z-index: -2;\n\n    transform:\n        scale(1.001);\n\n    transition:\n        transform .45s ease;\n}\n\n#iat-home\n.iat-category-card::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -1;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(0,24,17,.90) 0%,\n            rgba(0,24,17,.56) 30%,\n            rgba(0,24,17,.12) 67%,\n            rgba(0,24,17,0) 100%\n        );\n}\n\n.iat-category-info {\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    padding:\n        26px 63px 24px 24px;\n}\n\n.iat-category-info h3 {\n    margin: 0 0 7px;\n\n    color: #fff;\n\n    font-size: 31px;\n    line-height: 1.05;\n}\n\n.iat-category-info p {\n    margin: 0;\n\n    max-width: 290px;\n\n    color:\n        rgba(255,255,255,.93);\n\n    font-size: 12px;\n    line-height: 1.45;\n}\n\n.iat-category-arrow {\n    position: absolute;\n\n    right: 18px;\n    bottom: 19px;\n\n    width: 37px;\n    height: 37px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border:\n        1px solid rgba(255,255,255,.9);\n\n    border-radius: 50%;\n\n    color: #fff;\n\n    font-size: 17px;\n}\n\n@media (hover:hover) {\n\n    #iat-home a.iat-category-card:hover,\n    #iat-home a.iat-category-card:focus,\n    #iat-home a.iat-category-card:focus-visible {\n\n        border: 0 !important;\n\n        outline: 0 !important;\n\n        transform: none !important;\n\n        box-shadow:\n            0 10px 28px rgba(27,54,42,.10) !important;\n    }\n\n    #iat-home\n    a.iat-category-card:hover > img {\n\n        transform:\n            scale(1.035);\n    }\n\n}\n\n\n\/* =========================================================\n   MORE THAN CLOTHING\n========================================================= *\/\n\n.iat-story {\n    width: 100%;\n\n    padding:\n        66px 24px;\n\n    background:\n        var(--cream-light);\n}\n\n.iat-story-inner {\n    width:\n        min(1200px, 100%);\n\n    margin:\n        0 auto;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        .78fr 1.22fr;\n\n    align-items:\n        center;\n\n    gap:\n        64px;\n}\n\n.iat-story-copy {\n    max-width:\n        420px;\n}\n\n.iat-story-copy\n.iat-gold-line {\n    margin-left:\n        0;\n}\n\n.iat-story-copy h2 {\n    margin:\n        0 0 20px;\n\n    color:\n        var(--green);\n\n    font-size:\n        clamp(42px, 3.7vw, 56px);\n\n    line-height:\n        .98;\n}\n\n.iat-story-copy p {\n    margin:\n        0 0 20px;\n\n    color:\n        var(--text-soft);\n\n    font-size:\n        14px;\n\n    line-height:\n        1.7;\n}\n\n.iat-story-btn {\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        space-between;\n\n    gap:\n        34px;\n\n    margin-top:\n        5px;\n\n    padding:\n        15px 20px;\n\n    background:\n        var(--green);\n\n    color:\n        var(--cream) !important;\n\n    border:\n        1px solid var(--green);\n\n    border-radius:\n        3px;\n\n    font-size:\n        12px;\n\n    font-weight:\n        700;\n\n    letter-spacing:\n        1.1px;\n\n    text-decoration:\n        none !important;\n}\n\n.iat-story-btn:hover {\n    background:\n        var(--green-dark);\n\n    color:\n        var(--cream) !important;\n}\n\n\n\/* =========================================================\n   TWO SQUARE STORY IMAGES\n========================================================= *\/\n\n.iat-story-images {\n    width:\n        100%;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0,1fr));\n\n    gap:\n        12px;\n}\n\n.iat-story-image {\n    position:\n        relative;\n\n    width:\n        100%;\n\n    aspect-ratio:\n        1 \/ 1;\n\n    overflow:\n        hidden;\n\n    background:\n        var(--cream-deep);\n\n    border-radius:\n        4px;\n}\n\n.iat-story-image img {\n    display:\n        block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    object-fit:\n        cover;\n\n    object-position:\n        center;\n\n    transition:\n        transform .45s ease;\n}\n\n@media (hover:hover) {\n\n    .iat-story-image:hover img {\n        transform:\n            scale(1.025);\n    }\n\n}\n\n\n\/* =========================================================\n   NEW ARRIVALS \u2014 DYNAMIC WOOCOMMERCE CAROUSEL\n========================================================= *\/\n\n.iat-new-arrivals {\n    position: relative;\n    padding: 66px 0 72px;\n    overflow: hidden;\n    background: var(--cream-mid);\n}\n\n.iat-new-arrivals::before {\n    content: \"\";\n    position: absolute;\n    width: 330px;\n    height: 330px;\n    right: -150px;\n    top: -140px;\n    border-radius: 50%;\n    background: rgba(196,160,74,.055);\n    pointer-events: none;\n}\n\n.iat-arrivals-top {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 30px;\n    margin-bottom: 28px;\n}\n\n.iat-arrivals-heading {\n    max-width: 680px;\n}\n\n.iat-arrivals-heading .iat-gold-line {\n    margin-left: 0;\n}\n\n.iat-arrivals-kicker {\n    margin: 0 0 9px;\n    color: var(--gold);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1.8px;\n    text-transform: uppercase;\n}\n\n.iat-arrivals-heading h2 {\n    margin: 0 0 8px;\n    color: var(--green);\n    font-size: clamp(38px, 3.2vw, 52px);\n    line-height: 1.02;\n}\n\n.iat-arrivals-heading p {\n    margin: 0;\n    color: var(--text-soft);\n    font-size: 14px;\n    line-height: 1.6;\n}\n\n.iat-arrivals-actions {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    flex-shrink: 0;\n}\n\n.iat-arrivals-all {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-height: 44px;\n    padding: 0 16px;\n    border: 1px solid rgba(6,76,57,.22) !important;\n    border-radius: 4px;\n    color: var(--green) !important;\n    background: rgba(255,255,255,.28);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .8px;\n    transition: background .2s ease, border-color .2s ease;\n}\n\n.iat-arrivals-all:hover {\n    background: var(--cream-light);\n    border-color: rgba(6,76,57,.34) !important;\n}\n\n.iat-carousel-button {\n    width: 44px;\n    height: 44px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 1px solid rgba(6,76,57,.20) !important;\n    border-radius: 50%;\n    background: var(--cream-light);\n    color: var(--green);\n    cursor: pointer;\n    font-size: 18px;\n    transition: background .2s ease, color .2s ease, transform .2s ease;\n}\n\n.iat-carousel-button:hover {\n    background: var(--green);\n    color: var(--cream);\n    transform: translateY(-1px);\n}\n\n.iat-carousel-button:disabled {\n    opacity: .35;\n    cursor: default;\n    transform: none;\n}\n\n.iat-arrivals-viewport {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n}\n\n.iat-arrivals-track {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: calc((100% - 48px) \/ 4);\n    gap: 16px;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    padding: 2px 2px 10px;\n}\n\n.iat-arrivals-track::-webkit-scrollbar {\n    display: none;\n}\n\n.iat-arrival-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    overflow: hidden;\n    scroll-snap-align: start;\n    border: 0 !important;\n    outline: 0 !important;\n    border-radius: 7px;\n    background: var(--cream-light);\n    box-shadow: 0 5px 18px rgba(27,54,42,.07);\n    transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.iat-arrival-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 28px rgba(27,54,42,.11);\n}\n\n.iat-arrival-image-wrap {\n    position: relative;\n    aspect-ratio: 1 \/ 1.12;\n    overflow: hidden;\n    background: var(--cream-deep);\n}\n\n.iat-arrival-image-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center top;\n    transition: transform .4s ease;\n}\n\n.iat-arrival-card:hover .iat-arrival-image-wrap img {\n    transform: scale(1.025);\n}\n\n.iat-new-badge {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 2;\n    padding: 7px 10px;\n    border-radius: 999px;\n    background: rgba(6,76,57,.94);\n    color: #fff;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 1px;\n}\n\n.iat-arrival-content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    padding: 17px 16px 18px;\n}\n\n.iat-arrival-content h3 {\n    margin: 0 0 9px;\n    color: var(--green);\n    font-size: 19px;\n    line-height: 1.22;\n}\n\n.iat-arrival-price {\n    margin: auto 0 12px !important;\n    color: var(--text);\n    font-size: 13px !important;\n    font-weight: 700;\n}\n\n.iat-arrival-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    color: var(--green);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .8px;\n    text-transform: uppercase;\n}\n\n.iat-arrivals-status {\n    width: 100%;\n    min-height: 160px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 25px;\n    color: var(--text-soft);\n    text-align: center;\n    font-size: 13px;\n}\n\n.iat-arrivals-status.is-error {\n    color: #7f3d36;\n}\n\n\/* =========================================================\n   VALUES\n========================================================= *\/\n\n.iat-values {\n    padding:\n        56px 0;\n\n    background:\n        var(--cream);\n}\n\n.iat-values-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    max-width:\n        1110px;\n\n    margin:\n        0 auto;\n}\n\n.iat-value {\n    padding:\n        12px 46px;\n\n    text-align:\n        center;\n}\n\n.iat-value + .iat-value {\n    border-left:\n        1px solid rgba(6,76,57,.13);\n}\n\n.iat-value-icon {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width:\n        49px;\n\n    height:\n        49px;\n\n    margin:\n        0 auto 15px;\n\n    border-radius:\n        50%;\n\n    background:\n        rgba(196,160,74,.13);\n}\n\n.iat-value-icon svg {\n    width:\n        24px;\n\n    height:\n        24px;\n\n    fill:\n        none;\n\n    stroke:\n        var(--gold);\n\n    stroke-width:\n        1.5;\n}\n\n.iat-value h3 {\n    margin:\n        0 0 8px;\n\n    color:\n        var(--green);\n\n    font-size:\n        21px;\n}\n\n.iat-value p {\n    max-width:\n        285px;\n\n    margin:\n        0 auto;\n\n    color:\n        var(--text-soft);\n\n    font-size:\n        12px;\n\n    line-height:\n        1.55;\n}\n\n\n\/* =========================================================\n   GIFT FEATURE\n========================================================= *\/\n\n.iat-gift {\n    padding:\n        62px 0;\n\n    background:\n        var(--cream-mid);\n}\n\n.iat-gift-grid {\n    display: grid;\n\n    grid-template-columns:\n        54% 46%;\n\n    min-height:\n        355px;\n\n    overflow:\n        hidden;\n\n    border-radius:\n        7px;\n\n    background:\n        var(--green);\n\n    box-shadow:\n        0 10px 30px rgba(27,54,42,.07);\n}\n\n.iat-gift-image {\n    background-image:\n        url('https:\/\/imageandthread.ca\/wp-content\/uploads\/2026\/09\/gift.jpg');\n\n    background-size:\n        cover;\n\n    background-position:\n        center;\n\n    background-repeat:\n        no-repeat;\n}\n\n.iat-gift-copy {\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    justify-content:\n        center;\n\n    align-items:\n        flex-start;\n\n    padding:\n        45px 50px;\n\n    background:\n        var(--green);\n\n    color:\n        var(--cream);\n}\n\n.iat-gift-copy\n.iat-gold-line {\n    margin-left:\n        0;\n}\n\n.iat-gift-copy h2 {\n    margin:\n        0 0 13px;\n\n    color:\n        var(--cream);\n\n    font-size:\n        clamp(34px,3vw,46px);\n\n    line-height:\n        1.06;\n}\n\n.iat-gift-copy p {\n    max-width:\n        410px;\n\n    margin:\n        0 0 23px;\n\n    color:\n        rgba(248,242,237,.9);\n\n    font-size:\n        14px;\n\n    line-height:\n        1.62;\n}\n\n.iat-gift-copy\n.iat-button {\n    background:\n        var(--cream);\n\n    color:\n        var(--green) !important;\n}\n\n\n\/* =========================================================\n   NEWSLETTER\n========================================================= *\/\n\n.iat-newsletter {\n    padding:\n        43px 20px 46px;\n\n    background:\n        var(--green);\n\n    color:\n        var(--cream);\n\n    text-align:\n        center;\n}\n\n.iat-newsletter h2 {\n    margin:\n        0 0 7px;\n\n    color:\n        var(--cream);\n\n    font-size:\n        38px;\n}\n\n.iat-newsletter p {\n    margin:\n        0 0 19px;\n\n    color:\n        rgba(248,242,237,.9);\n\n    font-size:\n        12px;\n}\n\n.iat-newsletter-form {\n    display:\n        flex;\n\n    width:\n        min(550px,100%);\n\n    margin:\n        0 auto;\n}\n\n.iat-newsletter-form input {\n    flex:\n        1;\n\n    min-width:\n        0;\n\n    padding:\n        14px 17px;\n\n    border:\n        none;\n\n    outline:\n        none;\n\n    border-radius:\n        4px 0 0 4px;\n\n    background:\n        #fff;\n\n    font-size:\n        12px;\n}\n\n.iat-newsletter-form button {\n    padding:\n        0 23px;\n\n    border:\n        none;\n\n    border-radius:\n        0 4px 4px 0;\n\n    background:\n        var(--gold);\n\n    color:\n        #fff;\n\n    cursor:\n        pointer;\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n.iat-footer {\n    padding:\n        40px 0 20px;\n\n    background:\n        var(--cream-light);\n}\n\n.iat-footer-grid {\n    display:\n        grid;\n\n    grid-template-columns:\n        1.5fr 1fr 1fr 1fr;\n\n    gap:\n        45px;\n}\n\n.iat-footer-brand {\n    color:\n        var(--green);\n}\n\n.iat-footer-logo {\n    margin-bottom:\n        9px;\n\n    font-family:\n        Georgia, \"Times New Roman\", serif;\n\n    font-size:\n        25px;\n}\n\n.iat-footer-tagline {\n    margin:\n        0 0 11px;\n\n    font-size:\n        11px;\n}\n\n.iat-footer-gold {\n    width:\n        115px;\n\n    height:\n        1px;\n\n    background:\n        var(--gold);\n}\n\n.iat-footer h4 {\n    margin:\n        0 0 10px;\n\n    color:\n        var(--green);\n\n    font-size:\n        15px;\n}\n\n.iat-footer a {\n    display:\n        block;\n\n    margin:\n        6px 0;\n\n    color:\n        var(--text);\n\n    font-size:\n        11px;\n}\n\n.iat-footer-bottom {\n    display:\n        flex;\n\n    justify-content:\n        space-between;\n\n    gap:\n        20px;\n\n    margin-top:\n        29px;\n\n    padding-top:\n        15px;\n\n    border-top:\n        1px solid rgba(5,75,56,.08);\n\n    color:\n        var(--text-soft);\n\n    font-size:\n        10px;\n}\n\n.iat-footer-legal {\n    display:\n        flex;\n\n    gap:\n        14px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n    .iat-category-grid {\n        grid-template-columns: repeat(2, minmax(0,1fr));\n        gap: 14px;\n    }\n\n    .iat-wrap {\n        width:\n            min(100% - 44px,920px);\n    }\n\n    .iat-wide-wrap {\n        width:\n            min(100% - 36px,1000px);\n    }\n\n    .iat-hero-copy {\n        padding:\n            42px 32px;\n    }\n\n    .iat-hero h1 {\n        font-size:\n            47px;\n    }\n\n    .iat-hero-actions {\n        flex-wrap:\n            wrap;\n    }\n\n    #iat-home\n    a.iat-category-card {\n        min-height:\n            300px;\n    }\n\n    .iat-story-inner {\n        grid-template-columns:\n            .85fr 1.15fr;\n\n        gap:\n            34px;\n    }\n\n    .iat-arrivals-track {\n        grid-auto-columns: calc((100% - 18px) \/ 2.15);\n        gap: 12px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n    .iat-wrap,\n    .iat-wide-wrap {\n        width:\n            100%;\n\n        padding-left:\n            15px;\n\n        padding-right:\n            15px;\n    }\n\n\n    \/* HERO *\/\n\n    .iat-hero {\n        display:\n            flex;\n\n        flex-direction:\n            column;\n\n        min-height:\n            0;\n\n        background:\n            var(--cream);\n    }\n\n    .iat-hero-image {\n        order:\n            1;\n\n        min-height:\n            300px;\n\n        background-position:\n            63% center;\n    }\n\n    .iat-hero-copy {\n        order:\n            2;\n\n        align-items:\n            center;\n\n        padding:\n            34px 20px 40px;\n\n        text-align:\n            center;\n    }\n\n    .iat-hero h1 {\n        font-size:\n            35px;\n    }\n\n    .iat-hero-line {\n        white-space:\n            normal;\n    }\n\n    .iat-hero-description {\n        font-size:\n            13px;\n    }\n\n    .iat-hero-actions {\n        width:\n            100%;\n\n        display:\n            grid;\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            8px;\n    }\n\n    .iat-hero-actions\n    .iat-button {\n        width:\n            100%;\n\n        min-width:\n            0 !important;\n    }\n\n\n    \/* CATEGORY *\/\n\n    .iat-category-section {\n        padding:\n            40px 0 55px;\n    }\n\n    .iat-category-section::after {\n        top:\n            66%;\n\n        height:\n            30px;\n\n        background-size:\n            800px 30px;\n    }\n\n    .iat-category-grid {\n        grid-template-columns:\n            1fr;\n\n        gap:\n            12px;\n    }\n\n    #iat-home\n    a.iat-category-card {\n        min-height:\n            285px;\n    }\n\n\n    \/* STORY *\/\n\n    .iat-story {\n        padding:\n            48px 15px;\n    }\n\n    .iat-story-inner {\n        grid-template-columns:\n            1fr;\n\n        gap:\n            30px;\n    }\n\n    .iat-story-copy {\n        max-width:\n            none;\n\n        text-align:\n            center;\n    }\n\n    .iat-story-copy\n    .iat-gold-line {\n        margin-left:\n            auto;\n\n        margin-right:\n            auto;\n    }\n\n    .iat-story-copy h2 {\n        font-size:\n            36px;\n    }\n\n    .iat-story-images {\n        gap:\n            7px;\n    }\n\n\n    \/* NEW ARRIVALS *\/\n\n    .iat-new-arrivals {\n        padding: 50px 0 56px;\n    }\n\n    .iat-arrivals-top {\n        align-items: flex-start;\n        margin-bottom: 22px;\n    }\n\n    .iat-arrivals-heading h2 {\n        font-size: 36px;\n    }\n\n    .iat-arrivals-actions {\n        gap: 7px;\n    }\n\n    .iat-arrivals-all {\n        display: none;\n    }\n\n    .iat-carousel-button {\n        width: 40px;\n        height: 40px;\n    }\n\n    .iat-arrivals-track {\n        width: calc(100% + 15px);\n        grid-auto-columns: 78%;\n        gap: 11px;\n        padding-right: 15px;\n    }\n\n    .iat-arrival-content h3 {\n        font-size: 18px;\n    }\n\n\n    \/* VALUES *\/\n\n    .iat-values-grid {\n        grid-template-columns:\n            1fr;\n    }\n\n    .iat-value {\n        padding:\n            25px 15px;\n    }\n\n    .iat-value + .iat-value {\n        border-left:\n            none;\n\n        border-top:\n            1px solid rgba(6,76,57,.12);\n    }\n\n\n    \/* GIFT *\/\n\n    .iat-gift-grid {\n        display:\n            flex;\n\n        flex-direction:\n            column;\n\n        min-height:\n            0;\n    }\n\n    .iat-gift-image {\n        min-height:\n            255px;\n    }\n\n    .iat-gift-copy {\n        padding:\n            32px 24px;\n\n        align-items:\n            center;\n\n        text-align:\n            center;\n    }\n\n\n    \/* NEWSLETTER *\/\n\n    .iat-newsletter-form {\n        flex-direction:\n            column;\n\n        gap:\n            7px;\n    }\n\n    .iat-newsletter-form input,\n    .iat-newsletter-form button {\n        width:\n            100%;\n\n        min-height:\n            46px;\n\n        border-radius:\n            4px;\n    }\n\n\n    \/* FOOTER *\/\n\n    .iat-footer-grid {\n        grid-template-columns:\n            1fr 1fr;\n    }\n\n    .iat-footer-brand {\n        grid-column:\n            1 \/ -1;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:390px) {\n\n    .iat-hero-image {\n        min-height:\n            270px;\n    }\n\n    .iat-hero h1 {\n        font-size:\n            31px;\n    }\n\n    #iat-home\n    a.iat-category-card {\n        min-height:\n            245px;\n    }\n\n    .iat-story-images {\n        grid-template-columns:\n            1fr 1fr;\n    }\n\n    .iat-arrivals-track {\n        grid-auto-columns: 84%;\n    }\n\n    .iat-footer-grid {\n        grid-template-columns:\n            1fr;\n    }\n\n    .iat-footer-brand {\n        grid-column:\n            auto;\n    }\n\n}\n\n<\/style>\n\n\n<div id=\"iat-home\">\n\n\n    <!-- =====================================================\n         HERO\n    ====================================================== -->\n\n    <section class=\"iat-hero\">\n\n        <div class=\"iat-hero-copy\">\n\n            <div class=\"iat-hero-kicker\">\n                FAITH \u2022 INSPIRATION \u2022 EVERYDAY WEAR\n            <\/div>\n\n            <h1>\n\n                <span class=\"iat-hero-line\">\n                    MESSAGES\n                <\/span>\n\n                <span class=\"iat-hero-line\">\n                    MADE TO WEAR\n                <\/span>\n\n            <\/h1>\n\n            <p class=\"iat-hero-description\">\n                Thoughtful designs made for everyday life.\n                <br>\n                Wear what matters. Share what inspires you.\n            <\/p>\n\n            <div class=\"iat-hero-actions\">\n\n                <a\n                    href=\"\/shop\/\"\n                    class=\"iat-button\">\n\n                    <span>SHOP NOW<\/span>\n                    <span>\u2192<\/span>\n\n                <\/a>\n\n                <a\n                    href=\"https:\/\/imageandthread.ca\/fr\/\"\n                    class=\"iat-button iat-button-french\">\n\n                    <span>MAGASINER EN FRAN\u00c7AIS<\/span>\n                    <span>\u2192<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"iat-hero-image\"><\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         SHOP BY CATEGORY\n    ====================================================== -->\n\n    <section class=\"iat-category-section\">\n\n        <div class=\"iat-wide-wrap\">\n\n            <div class=\"iat-section-header\">\n\n                <div class=\"iat-gold-line\"><\/div>\n\n                <h2>\n                    SHOP BY CATEGORY\n                <\/h2>\n\n                <p>\n                    Find something meaningful for every style and every personality.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"iat-category-grid\">\n\n\n                <a\n                    href=\"\/product-category\/women\/\"\n                    class=\"iat-category-card\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/imageandthread.ca\/wp-content\/uploads\/2026\/10\/43dbd2f6-6f5b-44a9-8195-e3386d7703c0.jpg\"\n                        alt=\"Women's clothing\">\n\n                    <div class=\"iat-category-info\">\n\n                        <h3>\n                            Women\n                        <\/h3>\n\n                        <p>\n                            Everyday pieces with something meaningful to say.\n                        <\/p>\n\n                    <\/div>\n\n                    <span class=\"iat-category-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/a>\n\n\n                <a\n                    href=\"\/product-category\/men\/\"\n                    class=\"iat-category-card\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/imageandthread.ca\/wp-content\/uploads\/2026\/09\/stylehomme.jpg\"\n                        alt=\"Men's clothing\">\n\n                    <div class=\"iat-category-info\">\n\n                        <h3>\n                            Men\n                        <\/h3>\n\n                        <p>\n                            Simple, comfortable designs made with purpose.\n                        <\/p>\n\n                    <\/div>\n\n                    <span class=\"iat-category-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/a>\n\n\n                <a\n                    href=\"product-category\/kids\"\n                    class=\"iat-category-card\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/imageandthread.ca\/wp-content\/uploads\/2026\/09\/kid.jpg\"\n                        alt=\"Kids clothing\">\n\n                    <div class=\"iat-category-info\">\n\n                        <h3>\n                            Kids\n                        <\/h3>\n\n                        <p>\n                            Fun, positive designs made for little personalities.\n                        <\/p>\n\n                    <\/div>\n\n                    <span class=\"iat-category-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/a>\n<a\n    href=\"https:\/\/imageandthread.ca\/digital-products\/\"\n    class=\"iat-category-card\">\n\n    <img decoding=\"async\"\n        src=\"TON-IMAGE-DIGITAL-PRODUCTS.jpg\"\n        alt=\"Digital products\">\n\n    <div class=\"iat-category-info\">\n\n        <h3>\n            Digital Products\n        <\/h3>\n\n        <p>\n            Printable designs and digital downloads made to inspire.\n        <\/p>\n\n    <\/div>\n\n    <span class=\"iat-category-arrow\">\n        \u2192\n    <\/span>\n\n<\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         MORE THAN CLOTHING\n    ====================================================== -->\n\n    <section class=\"iat-story\">\n\n        <div class=\"iat-story-inner\">\n\n\n            <div class=\"iat-story-copy\">\n\n                <div class=\"iat-gold-line\"><\/div>\n\n                <h2>\n                    More than<br>\n                    clothing.\n                <\/h2>\n\n                <p>\n                    Image &amp; Thread creates pieces that carry a message.\n                <\/p>\n\n                <p>\n                    Faith, hope, encouragement and a little joy \u2014 designed to be worn, enjoyed and shared.\n                <\/p>\n\n                <a\n                    href=\"https:\/\/imageandthread.ca\/about\/\"\n                    class=\"iat-story-btn\">\n\n                    <span>\n                        OUR STORY\n                    <\/span>\n\n                    <span>\n                        \u2192\n                    <\/span>\n\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"iat-story-images\">\n\n\n                <div class=\"iat-story-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/imageandthread.ca\/wp-content\/uploads\/2026\/09\/image-thread-adults.jpg\"\n                        alt=\"Image and Thread adult apparel\">\n\n                <\/div>\n\n\n                <div class=\"iat-story-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/imageandthread.ca\/wp-content\/uploads\/2026\/09\/image-thread-kids.jpg\"\n                        alt=\"Image and Thread kids apparel\">\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         NEW ARRIVALS \u2014 AUTOMATIC WOOCOMMERCE CAROUSEL\n    ====================================================== -->\n\n    <section class=\"iat-new-arrivals\" id=\"new-arrivals\">\n\n        <div class=\"iat-wrap\">\n\n            <div class=\"iat-arrivals-top\">\n\n                <div class=\"iat-arrivals-heading\">\n\n                    <div class=\"iat-gold-line\"><\/div>\n\n                    <p class=\"iat-arrivals-kicker\">\n                        JUST ADDED\n                    <\/p>\n\n                    <h2>\n                        NEW ARRIVALS\n                    <\/h2>\n\n                    <p>\n                        Discover our latest designs, newest releases and fresh favorites.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"iat-arrivals-actions\">\n\n                    <a href=\"\/store\/\" class=\"iat-arrivals-all\">\n                        VIEW ALL <span>\u2192<\/span>\n                    <\/a>\n\n                    <button\n                        class=\"iat-carousel-button\"\n                        id=\"iat-arrivals-prev\"\n                        type=\"button\"\n                        aria-label=\"Previous products\">\n                        \u2190\n                    <\/button>\n\n                    <button\n                        class=\"iat-carousel-button\"\n                        id=\"iat-arrivals-next\"\n                        type=\"button\"\n                        aria-label=\"Next products\">\n                        \u2192\n                    <\/button>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"iat-arrivals-viewport\">\n\n                <div\n                    class=\"iat-arrivals-track\"\n                    id=\"iat-arrivals-track\"\n                    aria-live=\"polite\">\n\n                    <div class=\"iat-arrivals-status\">\n                        Loading our newest products\u2026\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         VALUES\n    ====================================================== -->\n\n    <section class=\"iat-values\">\n\n        <div class=\"iat-wrap\">\n\n            <div class=\"iat-values-grid\">\n\n\n                <div class=\"iat-value\">\n\n                    <div class=\"iat-value-icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <path d=\"M12 21s-7-4.6-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 11c0 5.4-7 10-7 10z\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        Designed with Purpose\n                    <\/h3>\n\n                    <p>\n                        Meaningful designs created to be worn, shared and remembered.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"iat-value\">\n\n                    <div class=\"iat-value-icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <path d=\"M20 6L9 17l-5-5\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        Made for Everyday Life\n                    <\/h3>\n\n                    <p>\n                        Comfortable pieces selected with quality, style and everyday wear in mind.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"iat-value\">\n\n                    <div class=\"iat-value-icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <circle\n                                cx=\"12\"\n                                cy=\"12\"\n                                r=\"9\">\n                            <\/circle>\n\n                            <path d=\"M3 12h18\"><\/path>\n\n                            <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"><\/path>\n\n                            <path d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        International Shipping\n                    <\/h3>\n\n                    <p>\n                        Shop from wherever you are. We ship Image &amp; Thread internationally.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         GIFT FEATURE\n    ====================================================== -->\n\n    <section class=\"iat-gift\">\n\n        <div class=\"iat-wrap\">\n\n            <div class=\"iat-gift-grid\">\n\n                <div class=\"iat-gift-image\"><\/div>\n\n\n                <div class=\"iat-gift-copy\">\n\n                    <div class=\"iat-gold-line\"><\/div>\n\n                    <h2>\n                        Give something\n                        that means something.\n                    <\/h2>\n\n                    <p>\n                        Discover thoughtful designs made for birthdays,\n                        celebrations, encouragement or simply showing\n                        someone you care.\n                    <\/p>\n\n                    <a\n                        href=\"\/shop\/\"\n                        class=\"iat-button\">\n\n                        <span>\n                            SHOP GIFTS\n                        <\/span>\n\n                        <span>\n                            \u2192\n                        <\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         NEWSLETTER\n    ====================================================== -->\n\n    <section class=\"iat-newsletter\">\n\n        <h2>\n            Stay Inspired\n        <\/h2>\n\n        <p>\n            Be the first to discover new designs, collections and special releases.\n        <\/p>\n\n        <form\n            id=\"iat-newsletter\"\n            class=\"iat-newsletter-form\">\n\n            <input\n                type=\"email\"\n                placeholder=\"Your email address\"\n                required>\n\n            <button type=\"submit\">\n                Subscribe\n            <\/button>\n\n        <\/form>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         FOOTER\n    ====================================================== -->\n\n    <footer class=\"iat-footer\">\n\n        <div class=\"iat-wrap\">\n\n            <div class=\"iat-footer-grid\">\n\n\n                <div class=\"iat-footer-brand\">\n\n                    <div class=\"iat-footer-logo\">\n                        IMAGE &amp; THREAD\n                    <\/div>\n\n                    <p class=\"iat-footer-tagline\">\n                        Messages made to wear.\n                    <\/p>\n\n                    <div class=\"iat-footer-gold\"><\/div>\n\n                <\/div>\n\n\n                <div>\n\n                    <h4>\n                        Shop\n                    <\/h4>\n\n                    <a href=\"\/product-category\/women\/\">\n                        Women\n                    <\/a>\n\n                    <a href=\"\/product-category\/men\/\">\n                        Men\n                    <\/a>\n\n                    <a href=\"\/kids\/\">\n                        Kids\n                    <\/a>\n\n                    <a href=\"\/new-arrivals\/\">\n                        New Arrivals\n                    <\/a>\n\n                <\/div>\n\n\n                <div>\n\n                    <h4>\n                        About\n                    <\/h4>\n\n                    <a href=\"\/about\/\">\n                        Our Story\n                    <\/a>\n\n                    <a href=\"\/contact\/\">\n                        Contact Us\n                    <\/a>\n\n                    <a href=\"\/confidentialite\/\">\n                        Privacy Policy\n                    <\/a>\n\n                <\/div>\n\n\n                <div>\n\n                    <h4>\n                        Help\n                    <\/h4>\n\n                    <a href=\"\/faq\/\">\n                        FAQ\n                    <\/a>\n\n                    <a href=\"\/shipping\/\">\n                        Shipping\n                    <\/a>\n\n                    <a href=\"\/returns\/\">\n                        Returns\n                    <\/a>\n\n                    <a href=\"\/conditions\/\">\n                        Terms &amp; Conditions\n                    <\/a>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <div class=\"iat-footer-bottom\">\n\n                <span>\n                    \u00a9 <span id=\"iat-year\"><\/span>\n                    Image &amp; Thread. All rights reserved.\n                <\/span>\n\n                <div class=\"iat-footer-legal\">\n\n                    <a href=\"\/confidentialite\/\">\n                        Privacy Policy\n                    <\/a>\n\n                    <a href=\"\/conditions\/\">\n                        Terms &amp; Conditions\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/footer>\n\n\n<\/div>\n\n\n<script>\n\n(function () {\n\n    \/* =====================================================\n       FOOTER YEAR\n    ====================================================== *\/\n\n    const year = document.getElementById('iat-year');\n\n    if (year) {\n        year.textContent = new Date().getFullYear();\n    }\n\n\n    \/* =====================================================\n       NEWSLETTER PLACEHOLDER\n    ====================================================== *\/\n\n    const newsletter = document.getElementById('iat-newsletter');\n\n    if (newsletter) {\n        newsletter.addEventListener('submit', function (event) {\n            event.preventDefault();\n            alert('Thank you! Newsletter signup will be available soon.');\n        });\n    }\n\n\n    \/* =====================================================\n       NEW ARRIVALS \u2014 WOOCOMMERCE STORE API\n\n       Automatically loads the 15 most recently published\n       WooCommerce products. No manual product editing needed.\n    ====================================================== *\/\n\n    const track = document.getElementById('iat-arrivals-track');\n    const prevButton = document.getElementById('iat-arrivals-prev');\n    const nextButton = document.getElementById('iat-arrivals-next');\n\n    if (!track) {\n        return;\n    }\n\n    const apiUrl = '\/wp-json\/wc\/store\/v1\/products?per_page=15&orderby=date&order=desc';\n\n    function escapeHtml(value) {\n        return String(value ?? '')\n            .replace(\/&\/g, '&amp;')\n            .replace(\/<\/g, '&lt;')\n            .replace(\/>\/g, '&gt;')\n            .replace(\/\"\/g, '&quot;')\n            .replace(\/'\/g, '&#039;');\n    }\n\n    function formatMoney(prices) {\n        if (!prices || prices.price === undefined || prices.price === null) {\n            return '';\n        }\n\n        const minorUnit = Number(prices.currency_minor_unit ?? 2);\n        const divisor = Math.pow(10, minorUnit);\n        const amount = Number(prices.price) \/ divisor;\n        const currency = prices.currency_code || 'CAD';\n\n        if (!Number.isFinite(amount)) {\n            return '';\n        }\n\n        try {\n            return new Intl.NumberFormat('en-CA', {\n                style: 'currency',\n                currency: currency\n            }).format(amount);\n        } catch (error) {\n            return '$' + amount.toFixed(minorUnit);\n        }\n    }\n\n    function productImage(product) {\n        if (\n            product &&\n            Array.isArray(product.images) &&\n            product.images.length &&\n            product.images[0].src\n        ) {\n            return product.images[0].src;\n        }\n\n        return 'https:\/\/imageandthread.ca\/wp-content\/uploads\/woocommerce-placeholder.png';\n    }\n\n    function productUrl(product) {\n        if (product && product.permalink) {\n            return product.permalink;\n        }\n\n        if (product && product.slug) {\n            return '\/product\/' + encodeURIComponent(product.slug) + '\/';\n        }\n\n        return '\/store\/';\n    }\n\n    function renderProducts(products) {\n        if (!Array.isArray(products) || products.length === 0) {\n            track.innerHTML = '<div class=\"iat-arrivals-status\">New products are coming soon.<\/div>';\n            return;\n        }\n\n        track.innerHTML = products.slice(0, 15).map(function (product) {\n            const name = escapeHtml(product.name || 'New product');\n            const url = escapeHtml(productUrl(product));\n            const image = escapeHtml(productImage(product));\n            const price = escapeHtml(formatMoney(product.prices));\n\n            return `\n                <a class=\"iat-arrival-card\" href=\"${url}\">\n                    <div class=\"iat-arrival-image-wrap\">\n                        <span class=\"iat-new-badge\">NEW<\/span>\n                        <img decoding=\"async\" src=\"${image}\" alt=\"${name}\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"iat-arrival-content\">\n                        <h3>${name}<\/h3>\n                        ${price ? `<p class=\"iat-arrival-price\">${price}<\/p>` : ''}\n                        <span class=\"iat-arrival-link\">SHOP NOW <span>\u2192<\/span><\/span>\n                    <\/div>\n                <\/a>\n            `;\n        }).join('');\n\n        updateButtons();\n    }\n\n    function updateButtons() {\n        if (!prevButton || !nextButton) {\n            return;\n        }\n\n        const maxScroll = Math.max(0, track.scrollWidth - track.clientWidth - 2);\n\n        prevButton.disabled = track.scrollLeft <= 3;\n        nextButton.disabled = track.scrollLeft >= maxScroll;\n    }\n\n    function carouselStep() {\n        const card = track.querySelector('.iat-arrival-card');\n\n        if (!card) {\n            return track.clientWidth * 0.85;\n        }\n\n        const style = window.getComputedStyle(track);\n        const gap = parseFloat(style.columnGap || style.gap || 0) || 0;\n\n        return card.getBoundingClientRect().width + gap;\n    }\n\n    if (prevButton) {\n        prevButton.addEventListener('click', function () {\n            track.scrollBy({\n                left: -carouselStep(),\n                behavior: 'smooth'\n            });\n        });\n    }\n\n    if (nextButton) {\n        nextButton.addEventListener('click', function () {\n            track.scrollBy({\n                left: carouselStep(),\n                behavior: 'smooth'\n            });\n        });\n    }\n\n    track.addEventListener('scroll', function () {\n        window.requestAnimationFrame(updateButtons);\n    }, { passive: true });\n\n    window.addEventListener('resize', updateButtons);\n\n    fetch(apiUrl, {\n        method: 'GET',\n        credentials: 'same-origin',\n        headers: {\n            'Accept': 'application\/json'\n        }\n    })\n        .then(function (response) {\n            if (!response.ok) {\n                throw new Error('WooCommerce API returned ' + response.status);\n            }\n\n            return response.json();\n        })\n        .then(renderProducts)\n        .catch(function (error) {\n            console.error('Image & Thread New Arrivals:', error);\n\n            track.innerHTML = `\n                <div class=\"iat-arrivals-status is-error\">\n                    We couldn't load the newest products right now.\n                    <a href=\"\/store\/\" style=\"margin-left:6px;text-decoration:underline !important;\">Visit the shop \u2192<\/a>\n                <\/div>\n            `;\n\n            if (prevButton) prevButton.disabled = true;\n            if (nextButton) nextButton.disabled = true;\n        });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>English &amp; French Apparel \u2022 V\u00eatements en anglais et en fran\u00e7ais FAITH \u2022 INSPIRATION \u2022 EVERYDAY WEAR MESSAGES MADE TO [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/imageandthread.ca\/fr\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imageandthread.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imageandthread.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imageandthread.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imageandthread.ca\/fr\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":179,"href":"https:\/\/imageandthread.ca\/fr\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1171,"href":"https:\/\/imageandthread.ca\/fr\/wp-json\/wp\/v2\/pages\/8\/revisions\/1171"}],"wp:attachment":[{"href":"https:\/\/imageandthread.ca\/fr\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}