Skip to content
Home
Men
Women
Kids
Contact
Search
More
Home
Men
Women
Kids
Contact
More
Search
Account
Cart
0
Any Query? Drop A Message Here
Name
Email
*
Phone
Comment
Submit
Where to find us
DNA APPAREL LTD
1 Meadow Mews Rugby
Warwickshire CV22 5QN
United Kingdom
+447990906613
info@whatsyourdna.co.uk
</div> </div> </div> </div><div id="shopify-section-template--29772036309256__divider_Ur9ULd" class="shopify-section"> <div class="section-background" ></div> <div class="section section--full-width" data-testid="divider-template--29772036309256__divider_Ur9ULd" > <div class="divider divider-template--29772036309256__divider_Ur9ULd spacing-style" style=" --divider-justify-content: center; --color-border: #FFFFFF; --padding-block-start: max(20px, calc(var(--spacing-scale) * 49px));--padding-block-end: 16px; " > <span class="divider__line" style=" --divider-border-thickness: 1px; --divider-flex-basis: 100%; " ></span> </div> </div> </div><div id="shopify-section-template--29772036309256__section_MJMGkP" class="shopify-section section-wrapper"> <style data-shopify> .color-custom-template--29772036309256__section_MJMGkP, .color-custom-template--29772036309256__section_MJMGkP .text-block { /* Background */ --color-background: #F7F7F7; --color-background-rgb: 247 247 247; /* Opacity values adjusted for background brightness */ --opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 0.4; --opacity-30-60: 0.3; --opacity-60: 0.6; /* Foreground / text — explicit or smart-contrasted */ --color: #4a4a4a; --color-rgb: 74 74 74; --color-foreground: #4a4a4a; --color-foreground-rgb: 74 74 74; --color-foreground-muted: rgb(74 74 74 / var(--opacity-muted-text)); --color-foreground-subdued: rgb(74 74 74 / var(--opacity-subdued-text)); --color-border: var(--palette-darkest); --color-border-rgb: var(--palette-darkest-rgb); } .color-custom-template--29772036309256__section_MJMGkP { /* Form-related tokens stay on .color-custom only — .text-block is a prose container (text/announcement/inline-text/blog-post-description/ collection-link/price/sku) and never holds form inputs. */ --input-disabled-background-color: rgb(74 74 74 / var(--opacity-10)); --input-disabled-border-color: rgb(74 74 74 / var(--opacity-5)); --input-disabled-text-color: rgb(74 74 74 / var(--opacity-50)); --checkbox-border: 1px solid rgb(74 74 74 / var(--opacity-35-55)); } .color-custom-template--29772036309256__section_MJMGkP { color: var(--color, var(--color-foreground)); background-color: var(--color-background); } </style> <div class="section-background color-custom-template--29772036309256__section_MJMGkP"></div> <div class="section section--page-width color-custom-template--29772036309256__section_MJMGkP" data-testid="ui-test-section" style=" --section-min-height: var(--section-height-small); --section-preview-height: 600px; " > <div class="custom-section-background"> </div> <div class="border-style custom-section-content" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; " > <div class=" spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column " style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: max(24px, calc(var(--gap-scale, 1.0) * 25px)); --horizontal-alignment: center; --vertical-alignment: center; --vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 35px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); " data-testid="section-content" > <rte-formatter class=" spacing-style text-block text-block--AZkM5c2tJUGN6NE5jT__text_LXXRNf rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> <h2>Zip Into Confidence.</h2><h2>Zip Into DNA</h2> </rte-formatter> <rte-formatter class=" spacing-style text-block text-block--Adk9MQ25SbmxhSHp2T__text_Uhk6QV rte text-block--align-center rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "> <p>Be the first to know about New offers, Discounts, Colour drops, Size restocks and back-to-school news. One short email, only when it matters.</p> </rte-formatter> <style data-shopify> .button-custom--AZElObXQrQld4ZHM4S__email_signup_LRjLqh { --button-background-color: rgb(162 0 222 / 1.0); --button-color: rgb(255 255 255 / 1.0); --button-border-color: rgb(255 255 255 / 1.0); --button-focus-outline-color: rgb(162 0 222); } .button-custom--AZElObXQrQld4ZHM4S__email_signup_LRjLqh:hover { --button-background-color: #b500f8; --button-color: var(--palette-lightest); --button-border-color: #f2f2f2; } </style> <div class="email-signup-block size-style spacing-style" style=" --size-style-width: 100%;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " > <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="email-signup__input-group" style=" --border-width: 1px; --border-radius: 10px; --color-input-background: #FFFFFF; --color-input-text: #4a4a4a; --color-input-text-rgb: 74 74 74; " > <label for="EmailInput-AZElObXQrQld4ZHM4S__email_signup_LRjLqh" class="visually-hidden" > Email </label> <input id="EmailInput-AZElObXQrQld4ZHM4S__email_signup_LRjLqh" class="email-signup__input email-signup__input--all paragraph " type="email" name="contact[email]" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email address" required > <button class="email-signup__button email-signup__button--text paragraph button-custom button-custom--AZElObXQrQld4ZHM4S__email_signup_LRjLqh" > Join our Inner Circle </button> </div></form> </div> </div> </div> </div> </div> </main> <footer> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--29772036473096__footer" class="shopify-section shopify-section-group-footer-group section-wrapper"> <style data-shopify> .color-custom-sections--29772036473096__footer, .color-custom-sections--29772036473096__footer .text-block { /* Background */ --color-background: #282828; --color-background-rgb: 40 40 40; /* Opacity values adjusted for background brightness */ --opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 0.6; --opacity-30-60: 0.6; --opacity-60: 0.6; /* Foreground / text — explicit or smart-contrasted */ --color: var(--palette-lightest); --color-rgb: var(--palette-lightest-rgb); --color-foreground: var(--palette-lightest); --color-foreground-rgb: var(--palette-lightest-rgb); --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text)); --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text)); --color-border: var(--palette-lightest); --color-border-rgb: var(--palette-lightest-rgb); } .color-custom-sections--29772036473096__footer { /* Form-related tokens stay on .color-custom only — .text-block is a prose container (text/announcement/inline-text/blog-post-description/ collection-link/price/sku) and never holds form inputs. */ --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5)); --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50)); --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55)); } .color-custom-sections--29772036473096__footer { color: var(--color, var(--color-foreground)); background-color: var(--color-background); } </style> <div class="section-background color-custom-sections--29772036473096__footer" ></div> <div class="section section--page-width color-custom-sections--29772036473096__footer" > <div class=" footer-content spacing-style " style=" --padding-block-start: 0px;--padding-block-end: 0px; --footer-gap: 12px; --grid-columns: 1; --last-row-count: 1; --tablet-last-row-count: 1; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> <div class="overlay overlay--solid" style=" --overlay-layer: 0; --overlay-color: #282828; --overlay-color--end: rgba(40, 40, 40, 0); --overlay-direction: to top; --overlay-border-radius: 0px;" ></div> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: flex-start; --vertical-alignment: center; --vertical-alignment-mobile: center; " > <div class=" group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 12px; --horizontal-alignment: flex-start; --vertical-alignment: center; --vertical-alignment-mobile: center; " > <div class=" logo-block spacing-style " style=" --logo-width: 31%; --logo-width-mobile: 100%; --logo-height-mobile: auto; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " > <div class="logo-block__image-wrapper"> <img src="//whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=3840" alt="Whats Your DNA" srcset="//whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=352 352w, //whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=832 832w, //whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=1200 1200w, //whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=1600 1600w, //whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=1920 1920w, //whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=2560 2560w, //whatsyourdna.co.uk/cdn/shop/files/WHite_DNA_logo.png?v=1786445939&width=3840 3840w" width="1080" height="1350" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw"> </div> </div> </div> </div> <div class=" group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 24px; --horizontal-alignment: flex-start; --vertical-alignment: flex-start; --vertical-alignment-mobile: flex-start; " > <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: max(24px, calc(var(--gap-scale, 1.0) * 30px)); --horizontal-alignment: flex-start; --vertical-alignment: center; --vertical-alignment-mobile: center; " > <style data-shopify> .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM, .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM .text-block { --color: #ffffff; --color-rgb: 255 255 255; --color-foreground: #ffffff; --color-foreground-rgb: 255 255 255; --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); } .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM { /* Form-related tokens stay on .color-custom only. */ --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); } .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM { color: var(--color-foreground); } .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM .text-block, .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM .footer-utilities__text, .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM .custom-typography, .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM .footer-utilities__icons, .color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM .social-icons__wrapper { color: var(--color, var(--color-foreground)); } </style> <accordion-custom class="menu" open-by-default-on-desktop open-by-default-on-mobile data-disable-on-desktop="true" data-disable-on-mobile="true" > <details class=" menu__details spacing-style color-custom-AanZMT3laT1grQXRWQ__menu_cpnrJM " data-testid="menu-details" style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " open > <summary class="menu__heading h6"> <span class="menu__heading__default">Quick Links</span> <span class="menu__heading__accordion"> Quick Links <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span> </summary> <nav class="details-content" > <ul class="list-unstyled"> <li class="menu__item paragraph"> <a href="/pages/men"> Men </a> </li> <li class="menu__item paragraph"> <a href="/pages/kids"> Kids </a> </li> <li class="menu__item paragraph"> <a href="/pages/women"> Women </a> </li> </ul> </nav> </details> </accordion-custom> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--row mobile-column " style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: max(24px, calc(var(--gap-scale, 1.0) * 30px)); --horizontal-alignment: flex-start; --vertical-alignment: center; --vertical-alignment-mobile: center; " > <style data-shopify> .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG, .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG .text-block { --color: #ffffff; --color-rgb: 255 255 255; --color-foreground: #ffffff; --color-foreground-rgb: 255 255 255; --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); } .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG { /* Form-related tokens stay on .color-custom only. */ --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); } .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG { color: var(--color-foreground); } .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG .text-block, .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG .footer-utilities__text, .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG .custom-typography, .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG .footer-utilities__icons, .color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG .social-icons__wrapper { color: var(--color, var(--color-foreground)); } </style> <accordion-custom class="menu" open-by-default-on-desktop open-by-default-on-mobile data-disable-on-desktop="true" data-disable-on-mobile="true" > <details class=" menu__details spacing-style color-custom-AcDcyUUx4ZUZMWnJ4a__menu_3YWwLG " data-testid="menu-details" style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " open > <summary class="menu__heading h6"> <span class="menu__heading__default">Company</span> <span class="menu__heading__accordion"> Company <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span> </summary> <nav class="details-content" > <ul class="list-unstyled"> <li class="menu__item paragraph"> <a href="/pages/about-us-kids-hoodie"> About Us </a> </li> <li class="menu__item paragraph"> <a href="/pages/contact"> Contact Us </a> </li> <li class="menu__item paragraph"> <a href="/policies/refund-policy"> Return & Refunds </a> </li> <li class="menu__item paragraph"> <a href="/policies/terms-of-service"> Terms & Conditions </a> </li> </ul> </nav> </details> </accordion-custom> </div> </div> <div class=" group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style " style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; " data-testid="group-block" ><div class="group-block__media-wrapper"> </div> <div class=" group-block-content layout-panel-flex layout-panel-flex--column mobile-column " style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 0px; --horizontal-alignment: flex-start; --vertical-alignment: center; --vertical-alignment-mobile: center; " > <style data-shopify> .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM, .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM .text-block { --color: #ffffff; --color-rgb: 255 255 255; --color-foreground: #ffffff; --color-foreground-rgb: 255 255 255; --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); } .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM { /* Form-related tokens stay on .color-custom only. */ --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); } .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM { color: var(--color-foreground); } .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM .text-block, .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM .footer-utilities__text, .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM .custom-typography, .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM .footer-utilities__icons, .color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM .social-icons__wrapper { color: var(--color, var(--color-foreground)); } </style> <accordion-custom class="menu" open-by-default-on-desktop open-by-default-on-mobile data-disable-on-desktop="true" data-disable-on-mobile="true" > <details class=" menu__details spacing-style color-custom-ANzZ5Vno4Nkl2R25QO__menu_EDFPCM " data-testid="menu-details" style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " open > <summary class="menu__heading h6"> <span class="menu__heading__default">Connect With us</span> <span class="menu__heading__accordion"> Connect With us <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span> </summary> <nav class="details-content" > <ul class="list-unstyled"> </ul> </nav> </details> </accordion-custom> <div class="social-icons__wrapper social-icons__wrapper--ATXFUb3FRU3hpZjRBa__social_links_NKcwVp" > <style data-shopify> .social-icons__wrapper--ATXFUb3FRU3hpZjRBa__social_links_NKcwVp { --color-utilities: #FFFFFF; } </style> <div class="social-icons__icon-wrapper" > <a href="https://www.facebook.com/whats.your.dna/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" > <span class="social-icons__icon-label">Facebook</span> <svg class="social-icons__icon icon-default" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" > <path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg> </a> </div> <div class="social-icons__icon-wrapper" > <a href="https://www.instagram.com/whats.your.dna" target="_blank" rel="noopener noreferrer" aria-label="Instagram" > <span class="social-icons__icon-label">Instagram</span> <svg class="social-icons__icon icon-default" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" > <path fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd" /></svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-sections--29772036473096__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities"> <style data-shopify> .color-custom-sections--29772036473096__utilities, .color-custom-sections--29772036473096__utilities .text-block { /* Background */ --color-background: #ffffff; --color-background-rgb: 255 255 255; /* Opacity values adjusted for background brightness */ --opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 0.4; --opacity-30-60: 0.3; --opacity-60: 0.6; /* Foreground / text — explicit or smart-contrasted */ --color: #4a4a4a; --color-rgb: 74 74 74; --color-foreground: #4a4a4a; --color-foreground-rgb: 74 74 74; --color-foreground-muted: rgb(74 74 74 / var(--opacity-muted-text)); --color-foreground-subdued: rgb(74 74 74 / var(--opacity-subdued-text)); --color-border: var(--palette-darkest); --color-border-rgb: var(--palette-darkest-rgb); } .color-custom-sections--29772036473096__utilities { /* Form-related tokens stay on .color-custom only — .text-block is a prose container (text/announcement/inline-text/blog-post-description/ collection-link/price/sku) and never holds form inputs. */ --input-disabled-background-color: rgb(74 74 74 / var(--opacity-10)); --input-disabled-border-color: rgb(74 74 74 / var(--opacity-5)); --input-disabled-text-color: rgb(74 74 74 / var(--opacity-50)); --checkbox-border: 1px solid rgb(74 74 74 / var(--opacity-35-55)); } .color-custom-sections--29772036473096__utilities { color: var(--color, var(--color-foreground)); background-color: var(--color-background); } </style> <div class="section-background color-custom-sections--29772036473096__utilities" ></div> <div class="section section--page-width color-custom-sections--29772036473096__utilities" > <div class="utilities utilities--blocks-2 spacing-style" style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --divider-color: #d0cac4; --gap: 24px;" data-testid="footer-utilities" > <div class=" footer-utilities__group-copyright custom-typography custom-font-size " style=" --font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-); " > <span class="footer-utilities__text"> © 2026 <a href="/" title="">Whats Your DNA</a></span> </div> <anchored-popover-component data-hover-triggered="true" > <button class="policy-list-trigger button-unstyled" popovertarget="terms-policies-popover" popovertargetaction="toggle" ref="trigger" style=" --font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-); " > Terms and Policies </button> <div class="terms-policies-popover color-custom-popover" id="terms-policies-popover" popover="auto" ref="popover" > <ul class=" policy_list list-unstyled custom-typography custom-font-size " ><li> <a href="/policies/privacy-policy" class="footer-utilities__text" >Privacy policy</a> </li><li> <a href="/policies/terms-of-service" class="footer-utilities__text" >Terms of service</a> </li><li> <a href="/policies/refund-policy" class="footer-utilities__text" >Refund policy</a> </li><li> <a href="/policies/shipping-policy" class="footer-utilities__text" >Shipping policy</a> </li></ul> </div> </anchored-popover-component> </div> </div> </div> <!-- END sections: footer-group --> </footer> </div> <div id="shopify-section-cart-drawer-section" class="shopify-section" > <script type="module" src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/cart-drawer.js?v=101430053943909765251785227618" fetchpriority="low" ></script> <theme-drawer id="cart-drawer" data-skip-node-update > <dialog ref="panel" class="theme-drawer__dialog color-custom-drawer" aria-labelledby="cart-drawer-heading" cart-summary-sticky="true" > <cart-drawer-component auto-open > <template id="empty-cart-template"> <div class="cart-drawer__content" aria-label="Cart" > <h2 class="theme-drawer__title h4" id="cart-drawer-heading" > Your cart is empty </h2> <div class="cart-drawer__items"> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/component-cart-items.js?v=14476580701730542761785227618" type="module" fetchpriority="low" ></script> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=168493463479860323171785227618" type="module" fetchpriority="low" ></script> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661785227618" type="module" fetchpriority="low" ></script> <div class="cart-items__wrapper cart-items__wrapper--drawer-empty" data-cart-drawer-empty style="" > <p> Have an account? <a href="https://whatsyourdna.co.uk/customer_authentication/redirect?locale=en®ion_country=DE">Log in</a> to check out faster. </p><a class="button cart-items__empty-button" href="/collections/all" > <span class="button-text"> Continue shopping </span> </a></div> </div> </div> </template> <div class="cart-drawer__inner cart-drawer--empty" data-hydration-key="cart-drawer-inner" ><div class="theme-drawer__header"> <button on:click="#cart-drawer/close" class="theme-drawer__close-button cart-drawer__close-button--empty" type="button" aria-label="Close" > <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> </svg> </span> </button> </div> <cart-items-component class="cart-items-component" data-drawer view-event-trigger="dialog" data-section-id="cart-drawer-section" view-event-payload="{"context":null,"cart":null}" > <div class="cart-drawer__content" aria-label="Cart" > <h2 class="theme-drawer__title h4" id="cart-drawer-heading" > Your cart is empty </h2> <div class="cart-drawer__items"> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/component-cart-items.js?v=14476580701730542761785227618" type="module" fetchpriority="low" ></script> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=168493463479860323171785227618" type="module" fetchpriority="low" ></script> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661785227618" type="module" fetchpriority="low" ></script> <div class="cart-items__wrapper cart-items__wrapper--drawer-empty" data-cart-drawer-empty style="" > <p> Have an account? <a href="https://whatsyourdna.co.uk/customer_authentication/redirect?locale=en®ion_country=DE">Log in</a> to check out faster. </p><a class="button cart-items__empty-button" href="/collections/all" > <span class="button-text"> Continue shopping </span> </a></div> </div> </div> </cart-items-component> </div> </cart-drawer-component> </dialog> </theme-drawer> </div> <script type="module" src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/theme-drawer.js?v=155110645205299884131785227618" fetchpriority="low" ></script> <script> /* Runs synchronously during HTML parsing — opens the correct drawer on first paint if navigation state was saved, so it renders with the rest of the page. */ (function () { var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean); if (!drawerIds.length) return; // Only restore on wide viewports (squeeze mode). On narrow viewports the // drawer is a modal overlay — let it start closed after navigation rather // than re-opening a fullscreen dialog the user may have left behind. if (!window.matchMedia('(min-width: 990px)').matches) return; var dialogs = []; for (var i = 0; i < drawerIds.length; i++) { var drawer = document.getElementById(drawerIds[i]); if (!drawer) continue; drawer.setAttribute('open', ''); // Set [open] directly so the CSS slide-in applies without triggering // the browser's dialog focusing steps — on wide viewports the drawer is // a sidebar, not a modal, so focus should stay where it is. // The instant class suppresses the slide-in transition for the initial restore. // Set --drawer-stack-order so z-index layering matches the original order. drawer.style.setProperty('--drawer-stack-order', String(i + 1)); var dialog = drawer.querySelector('dialog'); if (dialog) { dialog.setAttribute('open', ''); dialog.classList.add('theme-drawer__dialog-instant'); dialogs.push(dialog); } // Let each drawer type handle its own restore (e.g. shopify-chat mode). // Synchronous dispatch — listeners attached during earlier parsing run immediately. drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring')); } // Apply squeeze immediately, bypassing the margin transition. // Only squeeze if at least one drawer was actually restored — saved // drawer IDs may not exist on every page (e.g. cart-drawer on /cart). var pageWrapper = document.querySelector('.page-wrapper'); if (pageWrapper && dialogs.length > 0) { pageWrapper.style.transition = 'none'; pageWrapper.classList.add('page-wrapper--drawer-open'); } // Re-enable transitions after one paint so the instant state is rendered first. requestAnimationFrame(function () { requestAnimationFrame(function () { if (pageWrapper) pageWrapper.style.transition = ''; for (var j = 0; j < dialogs.length; j++) { dialogs[j].classList.remove('theme-drawer__dialog-instant'); } }); }); })(); </script> <script type="module" > const pageWrapper = document.querySelector('.page-wrapper'); const squeezeQuery = window.matchMedia('(min-width: 990px)'); // ── Squeeze coordination ── // Listens to all drawers. Only squeezes on wide viewports. document.addEventListener('theme-drawer:open', () => { if (squeezeQuery.matches) { pageWrapper?.classList.add('page-wrapper--drawer-open'); } }); document.addEventListener('theme-drawer:close', () => { const openDrawer = document.querySelector('theme-drawer[open]'); if (!openDrawer) { pageWrapper?.classList.remove('page-wrapper--drawer-open'); } }); squeezeQuery.addEventListener('change', () => { const openDrawer = document.querySelector('theme-drawer[open]'); pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches); }); // ── State persistence ── // Store open drawer IDs sorted by their visual stack order so // the restore script can recreate the same z-index layering. function persistDrawerState() { const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])')); if (!openDrawers.length) { sessionStorage.removeItem('theme-drawer-open'); return; } openDrawers.sort((a, b) => { const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0); const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0); return orderA - orderB; }); sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(',')); } document.addEventListener('theme-drawer:open', persistDrawerState); document.addEventListener('theme-drawer:close', persistDrawerState); </script> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/dialog.js?v=144816527575655702281785227618" type="module" ></script> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/predictive-search.js?v=162722252387887966571785227618" type="module" fetchpriority="low" ></script> <dialog-component id="search-modal" class="search-modal" > <dialog ref="dialog" on:click="/closeDialogOnClickOutside" on:keydown="/closeDialogOnEscapePress" class="search-modal__content dialog-modal" scroll-lock aria-labelledby="search-modal-heading" > <h2 id="search-modal-heading" class="visually-hidden" > Search </h2> <predictive-search-component class="predictive-search color-custom-popover" style="--product-corner-radius: 6px; --card-corner-radius: 0px;" data-section-id="predictive-search" data-testid="search-component--modal" role="search" aria-label="Search" > <form action="/search" method="get" role="search" class="predictive-search-form" ref="form" on:keydown="/onSearchKeyDown" > <div class="predictive-search-form__header" > <div class="predictive-search-form__header-inner"> <label for="cmdk-input" class="visually-hidden" >Search</label> <input class="search-input" id="cmdk-input" type="search" name="q" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocomplete="off" placeholder="Search" ref="searchInput" on:input="/search" on:keydown="/onSearchKeyDown" > <input name="options[prefix]" type="hidden" value="last" > <span class="svg-wrapper predictive-search__icon"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> </span> <button type="button" class="button-unstyled predictive-search__reset-button" ref="resetButton" hidden on:click="/resetSearch" > Clear </button> </div> <button type="button" class="button predictive-search__close-modal-button" aria-label="Close dialog" on:click="dialog-component/closeDialog" ref="closeModalButton" > <span class="svg-wrapper"> <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> </svg> </span> </button> </div> <div class="predictive-search-form__content-wrapper"> <div class="predictive-search-form__content" ref="predictiveSearchResults" on:click="/handleModalClick" > <div id="predictive-search-results" class="predictive-search-dropdown" role="listbox" aria-expanded="true" style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" > <div class="predictive-search-results__inner"> <div id="predictive-search-products" class="predictive-search-results__products" data-testid="products-list-default--modal" > <h4 class="predictive-search-results__title"> Our Best Selling </h4> <ul class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" > <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link class="resource-card__wrapper" data-product-id="12141687996680" data-featured-media-url="//whatsyourdna.co.uk/cdn/shop/files/DNA-CAT--FRT---16.jpg?v=1785493193&width=500" data-product-transition="true" on:click="/handleViewTransition" view-event-payload="{"product":{"id":12141687996680,"title":"Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dynamic n Agile | Purple","handle":"kids-cotton-hoodie-for-boys-and-girls-whats-your-dna-dynamic-n-agile-purple","selectedVariant":null},"context":"search","selectedOptions":[]}" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/kids-cotton-hoodie-for-boys-and-girls-whats-your-dna-dynamic-n-agile-purple" > <span class="visually-hidden"> Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dynamic n Agile | Purple </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//whatsyourdna.co.uk/cdn/shop/files/DNA-CAT--FRT---16.jpg?v=1785493193&width=500" alt="" srcset="//whatsyourdna.co.uk/cdn/shop/files/DNA-CAT--FRT---16.jpg?v=1785493193&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/DNA-CAT--FRT---16.jpg?v=1785493193&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 51.0261% 55.1227%;"> <img src="//whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--20.jpg?v=1785493194&width=500" alt="Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dynamic n Agile | Purple" srcset="//whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--20.jpg?v=1785493194&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--20.jpg?v=1785493194&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="70453806989576" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dynamic n Agile | Purple</p> <div ref="priceContainer"> <span class="price-item__group price-item--regular compare-at-price"> <span class="visually-hidden">Regular price </span>£45.99</span> <span class="price-item__group price"> <span class="visually-hidden">Sale price </span> £39.99 </span> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link class="resource-card__wrapper" data-product-id="12141680296200" data-featured-media-url="//whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---32_-_Copy.jpg?v=1785492834&width=500" data-product-transition="true" on:click="/handleViewTransition" view-event-payload="{"product":{"id":12141680296200,"title":"Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dynamic n Agile | Jet Black","handle":"kids-cotton-hoodie-for-boys-and-girls-whats-your-dna-dynamic-n-agile-jet-black","selectedVariant":null},"context":"search","selectedOptions":[]}" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/kids-cotton-hoodie-for-boys-and-girls-whats-your-dna-dynamic-n-agile-jet-black" > <span class="visually-hidden"> Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dynamic n Agile | Jet Black </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---32_-_Copy.jpg?v=1785492834&width=500" alt="" srcset="//whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---32_-_Copy.jpg?v=1785492834&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---32_-_Copy.jpg?v=1785492834&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> <img src="//whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--26.jpg?v=1785492779&width=500" alt="Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dynamic n Agile | Jet Black" srcset="//whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--26.jpg?v=1785492779&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--26.jpg?v=1785492779&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="70453720940808" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dynamic n Agile | Jet Black</p> <div ref="priceContainer"> <span class="price-item__group price-item--regular compare-at-price"> <span class="visually-hidden">Regular price </span>£45.99</span> <span class="price-item__group price"> <span class="visually-hidden">Sale price </span> £39.99 </span> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link class="resource-card__wrapper" data-product-id="12141635600648" data-featured-media-url="//whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---41.jpg?v=1788166439&width=500" data-product-transition="true" on:click="/handleViewTransition" view-event-payload="{"product":{"id":12141635600648,"title":"Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dare n Achieve | Goji Berry","handle":"kids-cotton-hoodie-for-boys-and-girls-whats-your-dna-dare-n-achieve-goji-berry","selectedVariant":null},"context":"search","selectedOptions":[]}" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/kids-cotton-hoodie-for-boys-and-girls-whats-your-dna-dare-n-achieve-goji-berry" > <span class="visually-hidden"> Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dare n Achieve | Goji Berry </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---41.jpg?v=1788166439&width=500" alt="" srcset="//whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---41.jpg?v=1788166439&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---41.jpg?v=1788166439&width=352 352w" width="500" height="616" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> <img src="//whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--14.jpg?v=1785491978&width=500" alt="Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dare n Achieve | Goji Berry" srcset="//whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--14.jpg?v=1785491978&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/FlatLay---RT--14.jpg?v=1785491978&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="70453518893320" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dare n Achieve | Goji Berry</p> <div ref="priceContainer"> <span class="price-item__group price-item--regular compare-at-price"> <span class="visually-hidden">Regular price </span>£45.99</span> <span class="price-item__group price"> <span class="visually-hidden">Sale price </span> £39.99 </span> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link class="resource-card__wrapper" data-product-id="12141588152584" data-featured-media-url="//whatsyourdna.co.uk/cdn/shop/files/Kids_Cotton_Hoodie_Hoodie_in_Turkish_Tile_What_s_Your_DNA_Dare_n_Achieve.jpg?v=1785490522&width=500" data-product-transition="true" on:click="/handleViewTransition" view-event-payload="{"product":{"id":12141588152584,"title":"Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dare n Achieve | Turkish Tile","handle":"kids-cotton-hoodie-for-boys-and-girls-whats-your-dna-dare-n-achieve-turkish-tile","selectedVariant":null},"context":"search","selectedOptions":[]}" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/kids-cotton-hoodie-for-boys-and-girls-whats-your-dna-dare-n-achieve-turkish-tile" > <span class="visually-hidden"> Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dare n Achieve | Turkish Tile </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//whatsyourdna.co.uk/cdn/shop/files/Kids_Cotton_Hoodie_Hoodie_in_Turkish_Tile_What_s_Your_DNA_Dare_n_Achieve.jpg?v=1785490522&width=500" alt="Soft cotton kids sports hoodie front view Kids hoodie with brushed fleece lining Breathable children's cotton hoodie Slim fit kids hoodie in Turkish Tile Performance hoodie for boys and girls" srcset="//whatsyourdna.co.uk/cdn/shop/files/Kids_Cotton_Hoodie_Hoodie_in_Turkish_Tile_What_s_Your_DNA_Dare_n_Achieve.jpg?v=1785490522&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/Kids_Cotton_Hoodie_Hoodie_in_Turkish_Tile_What_s_Your_DNA_Dare_n_Achieve.jpg?v=1785490522&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> <img src="//whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---58.jpg?v=1785490146&width=500" alt="Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dare n Achieve | Turkish Tile" srcset="//whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---58.jpg?v=1785490146&width=240 240w, //whatsyourdna.co.uk/cdn/shop/files/DNA-_CAT--FRT---58.jpg?v=1785490146&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="70452822638856" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Kids Cotton Hoodie for Boys and Girls | What's Your DNA | Dare n Achieve | Turkish Tile</p> <div ref="priceContainer"> <span class="price-item__group price-item--regular compare-at-price"> <span class="visually-hidden">Regular price </span>£45.99</span> <span class="price-item__group price"> <span class="visually-hidden">Sale price </span> £39.99 </span> </div> </div> </div></product-card-link> </li> </ul> </div> </div> </div> </div> <div class="predictive-search-form__footer"> <button class="button predictive-search__search-button" ref="viewAllButton" > View all </button> </div> </div> </form> </predictive-search-component> </dialog> </dialog-component> <script src="//whatsyourdna.co.uk/cdn/shop/t/5/assets/gift-card-recipient-form.js?v=170482155849799299241785227618" type="module" fetchpriority="low" ></script> <quick-add-dialog id="quick-add-dialog"> <dialog class="quick-add-modal dialog-modal color-custom-popover" ref="dialog" scroll-lock > <button ref="closeButton" on:click="/closeDialog" class="button button-unstyled close-button quick-add-modal__close" aria-label="Close dialog" ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> </svg> </button> <product-component id="quick-add-modal-content" class="quick-add-modal__content" view-event-trigger="dialog" ></product-component> </dialog> </quick-add-dialog> <style> </style> </body> </html>
