Buy Stokke Tripp Trapp Tray - White Online - mothercare

Vendor: Stokke
Regular price: $540.00
Sale price: $540.00
Regular price
Unit price: per

Shipping calculated at checkout.

online exclusive - buy more get more gifts

Spend HK$799 or more get Mothercare Penguin Teether

Spend HK$1,999 or more get Mothercare Penguin Teether + Mothercare Pink Muslin Newborn Bibs - 3 pack + Ingenuity Soft Book - Deni

Spend HK$3,999 or more get Mothercare Penguin Teether + Mothercare Pink Muslin Newborn Bibs - 3 pack + Ingenuity Soft Book - Deni + Ingenuity Sprout Spot Baby Milestone Play Mat Tummy Time Gym + Ingenuity Calm Springs Nesting Rattles

Spend HK$5,999 or more get Mothercare Penguin Teether + Mothercare Pink Muslin Newborn Bibs - 3 pack + Ingenuity Soft Book - Deni + Ingenuity Sprout Spot Baby Milestone Play Mat Tummy Time Gym + Ingenuity Calm Springs Nesting Rattles + Baby Einstein Discover & Play Piano Musical Toy + Bright Starts Pop N Sit Portable Booster Seat - Grey

Spend HK$7,999 or more get Mothercare Penguin Teether + Mothercare Pink Muslin Newborn Bibs - 3 pack + Ingenuity Soft Book - Deni + Ingenuity Sprout Spot Baby Milestone Play Mat Tummy Time Gym + Ingenuity Calm Springs Nesting Rattles + Baby Einstein Discover & Play Piano Musical Toy + Bright Starts Pop N Sit Portable Booster Seat - Grey + Bright Starts Cradling Bouncer Toucan Tango

Spend HK$11,999 or more get Mothercare Penguin Teether + Mothercare Pink Muslin Newborn Bibs - 3 pack + Ingenuity Soft Book - Deni + Ingenuity Sprout Spot Baby Milestone Play Mat Tummy Time Gym + Ingenuity Calm Springs Nesting Rattles + Baby Einstein Discover & Play Piano Musical Toy + Bright Starts Pop N Sit Portable Booster Seat - Grey + Bright Starts Cradling Bouncer Toucan Tango + Ingenuity Sheppys Spot Ultra Plush Baby Activity Gym & Tummy Time Mat, Corrie

Color

QTY

The Tripp Trapp® chair is designed to fit right into your table, bringing your baby into the heart of your family. However, for certain occasions a tray that fits on the chair with Stokke® Baby Set can be a valuable accessory. Turn your Tripp Trapp® into a stand-alone high chair with the Stokke® Tray. Perfect for quick feedings or crowded tables, the Scandinavian designed Stokke® Tray's clean lines compliment the Tripp Trapp® for a unique, stunning seat.

Quantity must be 1 or more

Free tracked delivery over $600

FEATURES & BENEFITS

For the times when you dont wish to use your Stokke Tripp Trapp highchair at the dining table, the Stokke Tripp Trapp Tray handy tray will clip to the Stokke baby set (sold separately) of your Stokke Tripp Trapp highchair to give your little one a place for their dinner or to play

Compatible with the Stokke Tripp Trapp highchair complete with a baby set (both sold separately)

A convenient easy to use tray which is easy to attach

WANT TO KNOW MORE

User guides

</p> </div> </div> <div class="acc__card"> <div class="acc__title">WHAT'S IN THE BOX</div> <div class="acc__panel"> 1 x tray </div> </div> <div class="acc__card"> <div class="acc__title">GENERAL DETAILS</div> <div class="acc__panel"> <table> <tbody> <tr> <td>Barcode:</td> <td>7040354285015</td> </tr> <tr> <td>Item Code:</td> <td>O4285010000</td> </tr> <tr> <td>Style:</td> <td>O4285</td> </tr> </tbody> </table> </div> </div> <div class="acc__card"> <div class="acc__title">SPECIFICATIONS</div> <div class="acc__panel"> <table> <tbody> <tr> <td>Product Weight (kg):</td> <td>0.7</td> </tr> <tr> <td>Product Height (cm):</td> <td>4</td> </tr> <tr> <td>Product Width (cm):</td> <td>41</td> </tr> <tr> <td>Product Depth (cm):</td> <td>44</td> </tr> <tr> <td>Material:</td> <td>Plastic</td> </tr> </tbody> </table> </div> </div> <div class="acc__card"> <div class="acc__title">INSTRUCTIONS</div> <div class="acc__panel"> <table> <tbody> <tr> <td>User Guide:</td> <td>https://www.stokke.com/on/demandware.static/-/Sites-stokke-master-catalog/default/dw65e2c4c5/documents/437000%20Stokke%20Tray%20Warning%20Sheet%20WEB.pdf</td> </tr> <tr> <td>Care Instruction:</td> <td>Wipe with a damp cloth and dry.</td> </tr> </tbody> </table> </div> </div> <div class="acc__card"> <div class="acc__title">DELIVERY & RETURNS</div> <div class="acc__panel"> We will deliver all stocked items within 3-5 working days. Courier costs as stated at the check-out. <br> For Hong Kong Island, Kowloon and New Territories, this is HK$50 for orders below HK$600, and free for orders above HK$600. <br> For Tung Chung, Ma Wan and Discovery Bay, courier cost is HK$150 for all orders.<br> We deliver anywhere in Hong Kong, with the exception of outlying islands and restricted zones. </div> </div> </div> </div>  <ul class="social-sharing"> <li> <a target="_blank" href="//www.facebook.com/sharer.php?u=https://www.mothercare.com.hk/products/stokke-tripp-trapp-tray-white" class="btn btn--small btn--share share-facebook"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 20 20"><path fill="#444" d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"/></svg>  <span class="visually-hidden">Share on Facebook</span> </a> </li> <li> <a target="_blank" href="whatsapp://send?text=https://www.mothercare.com.hk/products/stokke-tripp-trapp-tray-white" data-action="share/whatsapp/share" class="btn btn--small btn--share"> <svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 792 792" style="enable-background:new 0 0 792 792;" xml:space="preserve"> <style type="text/css"> .st0{fill:#FFFFFF !important;} .st1{fill:#12AF0A !important;} </style> <g> <g id="XMLID_1_"> <g> <path class="st0" d="M496.6,431.4c0.2,1.8,0.4,3.4,0.4,4.9c0,15.3-7,26.6-21.1,33.9c-9,4.5-17.5,6.8-25.3,6.8h-4.5 c-14.1-2.3-30.5-7.9-49.4-17c-24.6-11.5-47.5-32-68.6-61.4c-15.1-21.6-22.6-39.6-22.6-53.9c0-25.1,8.2-40,24.5-44.5 c3.5-0.5,6.9-0.8,10.2-0.8c3.3,0,6.2,0.5,8.7,1.5c2,1,6,8.2,12.1,21.5c6.3,15.3,9.4,23.5,9.4,24.5c0,3.8-2.4,8.2-7.2,13.2 l-8.7,11.3c0,3,4.3,10.2,12.8,21.5c10.8,13.8,22.5,24.1,35.1,30.9c11.3,6.3,18.9,9.4,22.6,9.4h0.8c2-0.3,6.1-4.4,12.4-12.4 c6.3-7.8,10.4-11.7,12.4-11.7c2.8,0,11,3.4,24.9,10.2c11.3,5.5,17,8.3,17,8.3S493.9,428.9,496.6,431.4z"/> <path class="st0" d="M592.8,375.3V399c-6.5,67.1-37.5,117.7-92.7,151.9c-27.9,17.1-59.6,26.4-95,27.9h-6 c-29.9,0-60.8-8.2-92.7-24.5c-6.8,2.3-24.4,7.9-52.8,17c-21.9,6.8-39.4,12.6-52.8,17.3c-0.5,0-0.9-0.5-1.1-1.5l-1.5,2.3 c0-0.5,10.4-30.8,31.3-90.9c1.3-3.8,1.9-7.8,1.9-12.1c0-3.5-0.8-7.3-2.3-11.3c-15.1-29.9-22.6-59.8-22.6-89.7 c0.8-49,19.1-92.9,55-131.6c31.1-33.4,73.4-52.8,126.6-58.1h23.4c50.8,4.5,92.2,23,124.4,55.4C569,284.4,588,325.8,592.8,375.3z M556.2,432.6c4.3-16.8,6.4-32.9,6.4-48.3c0-36.4-13.3-70-40-100.6c-31.9-38.5-72.9-57.7-122.9-57.7c-4.3,0-8.7,0.1-13.2,0.4 c-29.4,1.8-56.4,11.4-81,29c-45.5,33.2-68.2,76.1-68.2,128.9c0,6.3,0.4,12.4,1.1,18.5c2.3,21.9,8.7,42.6,19.2,62.2 c7,11.3,10.7,17,10.9,17l-6,15.1c-8.8,26.6-13.6,41.2-14.3,43.7l61.8-19.6c25.1,14.8,48.8,23.5,70.9,26 c5.8,0.8,11.6,1.1,17.3,1.1c23.1,0,45-4.6,65.6-13.9C510.8,513.5,541.6,479.6,556.2,432.6z"/> <path class="st1" d="M740.7,253.5c18.7,45.2,28.1,92.7,28.1,142.5s-9.4,97.3-28.1,142.5c-18.7,45.2-45.8,85.6-81.2,121 s-75.8,62.5-121,81.2c-45.2,18.7-92.7,28.1-142.5,28.1s-97.3-9.4-142.5-28.1c-45.2-18.7-85.6-45.8-121-81.2s-62.5-75.8-81.2-121 C32.5,493.3,23.2,445.8,23.2,396s9.4-97.3,28.1-142.5c18.7-45.2,45.8-85.6,81.2-121s75.8-62.5,121-81.2 c45.2-18.7,92.7-28.1,142.5-28.1s97.3,9.4,142.5,28.1c45.2,18.7,85.6,45.8,121,81.2S722,208.3,740.7,253.5z M592.8,399v-23.8 c-4.8-49.5-23.8-90.8-56.9-124c-32.2-32.4-73.6-50.9-124.4-55.4h-23.4c-53.3,5.3-95.5,24.6-126.6,58.1 c-35.9,38.7-54.3,82.6-55,131.6c0,29.9,7.5,59.8,22.6,89.7c1.5,4,2.3,7.8,2.3,11.3c0,4.3-0.6,8.3-1.9,12.1 c-20.9,60.1-31.3,90.4-31.3,90.9l1.5-2.3c0.2,1,0.6,1.5,1.1,1.5c13.3-4.8,30.9-10.5,52.8-17.3c28.4-9,46-14.7,52.8-17 c31.9,16.3,62.8,24.5,92.7,24.5h6c35.4-1.5,67.1-10.8,95-27.9C555.3,516.8,586.2,466.1,592.8,399z"/> <path class="st1" d="M562.6,384.3c0,15.3-2.1,31.4-6.4,48.3c-14.6,47-45.4,80.9-92.4,101.8c-20.6,9.3-42.5,13.9-65.6,13.9 c-5.8,0-11.6-0.4-17.3-1.1c-22.1-2.5-45.7-11.2-70.9-26l-61.8,19.6c0.8-2.5,5.5-17.1,14.3-43.7l6-15.1c-0.3,0-3.9-5.7-10.9-17 c-10.6-19.6-17-40.3-19.2-62.2c-0.8-6-1.1-12.2-1.1-18.5c0-52.8,22.7-95.7,68.2-128.9c24.6-17.6,51.6-27.3,81-29 c4.5-0.3,8.9-0.4,13.2-0.4c50,0,91,19.2,122.9,57.7C549.3,314.3,562.6,347.9,562.6,384.3z M497,436.3c0-1.5-0.1-3.1-0.4-4.9 c-2.8-2.5-4.1-3.8-4.1-3.8s-5.6-2.8-17-8.3c-13.8-6.8-22.1-10.2-24.9-10.2c-2,0-6.2,3.9-12.4,11.7c-6.3,8-10.4,12.2-12.4,12.4 H425c-3.8,0-11.3-3.1-22.6-9.4c-12.6-6.8-24.3-17.1-35.1-30.9c-8.5-11.3-12.8-18.5-12.8-21.5l8.7-11.3c4.8-5,7.2-9.4,7.2-13.2 c0-1-3.1-9.2-9.4-24.5c-6-13.3-10-20.5-12.1-21.5c-2.5-1-5.4-1.5-8.7-1.5c-3.3,0-6.7,0.3-10.2,0.8c-16.3,4.5-24.5,19.4-24.5,44.5 c0,14.3,7.5,32.3,22.6,53.9c21.1,29.4,44,49.9,68.6,61.4c18.9,9.1,35.3,14.7,49.4,17h4.5c7.8,0,16.2-2.3,25.3-6.8 C490,463,497,451.7,497,436.3z"/> </g> <g> </g> </g> </g> </svg>  <span class="visually-hidden">Share on Whatsapp</span> </a> </li> <li> <a target="_blank" href="https://t.me/share/url?url=https://www.mothercare.com.hk/products/stokke-tripp-trapp-tray-white&text=Stokke%20Tripp%20Trapp%20Tray%20-%20White" class="btn btn--small btn--share share-facebook"> <svg xmlns="http://www.w3.org/2000/svg" height="26" width="26" viewBox="-36 -20 312 360"><defs><linearGradient gradientUnits="userSpaceOnUse" y2="51.9" y1="11.536" x2="28.836" x1="46.136" id="a"><stop offset="0" stop-color="#37aee2"/><stop offset="1" stop-color="#1e96c8"/></linearGradient></defs><g transform="scale(3.4682)"><circle fill="url(#a)" r="34.6" cx="34.6" cy="34.6"/><path fill="#fff" d="M14.4 34.3l23.3-9.6c2.3-1 10.1-4.2 10.1-4.2s3.6-1.4 3.3 2c-.1 1.4-.9 6.3-1.7 11.6l-2.5 15.7s-.2 2.3-1.9 2.7c-1.7.4-4.5-1.4-5-1.8-.4-.3-7.5-4.8-10.1-7-.7-.6-1.5-1.8.1-3.2 3.6-3.3 7.9-7.4 10.5-10 1.2-1.2 2.4-4-2.6-.6l-14.1 9.5s-1.6 1-4.6.1c-3-.9-6.5-2.1-6.5-2.1s-2.4-1.5 1.7-3.1z"/></g></svg>  <span class="visually-hidden">Share on Telegram</span> </a> </li>  <li> <a target="_blank" href="mailto:?&body=https://www.mothercare.com.hk/products/stokke-tripp-trapp-tray-white" class="btn btn--small btn--share"> <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 50 50"> <path d="M44.2,9.3H5.8C3.2,9.3,1,11.4,1,14.1v21.9c0,2.6,2.1,4.8,4.8,4.8h38.4c2.6,0,4.8-2.1,4.8-4.8V14.1 C49,11.4,46.8,9.3,44.2,9.3z M45.8,14.1v21.9c0,0.3-0.1,0.5-0.2,0.7L34.4,25.4L45.8,14.1C45.8,14,45.8,14.1,45.8,14.1z M4.2,35.9 V14.1c0,0,0,0,0,0l11.4,11.4L4.4,36.6C4.3,36.4,4.2,36.2,4.2,35.9z M25.5,29.9c-0.3,0.3-0.7,0.3-1,0L7.1,12.5h35.8L25.5,29.9z M17.8,27.7l4.5,4.5c0.7,0.7,1.7,1.1,2.7,1.1c1,0,2-0.4,2.7-1.1l4.5-4.5l9.9,9.9H8L17.8,27.7z"/> </svg>  <span class="visually-hidden">Share on Whatsapp</span> </a> </li> </ul> </div> </div> </div> <script type="application/json" id="ProductJson-product-template"> {"id":7019821596854,"title":"Stokke Tripp Trapp Tray - White","handle":"stokke-tripp-trapp-tray-white","description":"","published_at":"2024-05-03T15:26:24+08:00","created_at":"2021-09-12T17:40:31+08:00","vendor":"Stokke","type":"","tags":["age_0-1","age_1-2","age_2-3","dining","feeding","high chair accessories"],"price":54000,"price_min":54000,"price_max":54000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":40661395341494,"title":"White","option1":"White","option2":null,"option3":null,"sku":"O4285010000","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Stokke Tripp Trapp Tray - White - White","public_title":"White","options":["White"],"price":54000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"7040354285015","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590"],"featured_image":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","options":["Color"],"media":[{"alt":"Stokke Tripp Trapp Tray White 1","id":24518111592630,"position":1,"preview_image":{"aspect_ratio":0.667,"height":1650,"width":1100,"src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590"},"aspect_ratio":0.667,"height":1650,"media_type":"image","src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","width":1100},{"alt":"Stokke Tripp Trapp Tray White 2","id":24518111625398,"position":2,"preview_image":{"aspect_ratio":0.667,"height":1650,"width":1100,"src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590"},"aspect_ratio":0.667,"height":1650,"media_type":"image","src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590","width":1100}],"requires_selling_plan":false,"selling_plan_groups":[],"content":""} </script> <script type="application/json" id="ModelJson-product-template"> [] </script> <script> document.addEventListener("DOMContentLoaded", function() { var accTitles = $('.acc__title'); var accPanels = $('.acc__panel'); var promotionMessage = $('.promotion-message'); var promotionTags = $('.Product-promotions-tag'); accTitles.click(function(event) { var dropDown = $(this).closest('.acc__card').find('.acc__panel'); var activeTitles = $(this).closest('.acc').find('.acc__title.active'); accPanels.not(dropDown).slideUp(); activeTitles.removeClass('active'); $(this).toggleClass('active'); dropDown.stop(false, true).slideToggle(); event.preventDefault(); }); if (promotionMessage.find('div').length > 2) { promotionMessage.append('<div><a href="javascript:;" class="showMore"></a></div>'); } promotionTags.slice(0, 3).addClass('shown'); promotionTags.not('.shown').hide(); $('.promotion-message .showMore').on('click', function() { promotionTags.not('.shown').toggle(100); $(this).toggleClass('showLess'); }); }); </script> </div>  <div id="shopify-section-product-recommendations" class="shopify-section"><style> .product-recommendations__inner{ border-top:1px solid #D9D9D6; } .product-recommendations__inner h2{ text-transform: lowercase; letter-spacing:0.5px; color:#505759; font-size:28px; font-weight:500; } </style><div class="page-width" data-base-url="/recommendations/products" data-product-id="7019821596854" data-section-id="product-recommendations" data-section-type="product-recommendations"></div> </div> <div class="page-width"> <div class="product-recommendations__inner"> <div id="recenty-view-heading" class="section-header text-center" style="display:none"><h2>Recently Viewed Products</h2></div> <ul id="recently-viewed-products" class="grid grid--uniform grid--view-items section-header text-center" style="display:none"></ul> <ul class="collection clearfix"> <script id="recently-viewed-product-template" type="text/x-jquery-tmpl"> <li id="product-${handle}" class="grid__item small--one-half medium-up--one-quarter"> <div class="grid-view-item product-card"> <a href="${url}"> <img class="recent-image" src="${Shopify.Products.resizeImage(featured_image, "medium")}" /> </a> <div class="details"> <a href="${url}"> <span class="h4 grid-view-item__title product-card__title">${title}</span> </a> <dl class="price {{if available}} {{else}}price--sold-out {{/if}} {{if compare_at_price > price}} price--on-sale {{/if}}" data-price > <div class="price__regular"> <dt> <span class="visually-hidden visually-hidden--inline">Regular price</span> </dt> <dd> <span class="price-item price-item--regular" data-regular-price> ${Shopify.formatMoney(price)} </span> </dd> </div> <div class="price__sale"> <dt> <span class="visually-hidden visually-hidden--inline">Sale price</span> </dt> <dd> <span class="price-item price-item--sale" data-sale-price> ${Shopify.formatMoney(price)} </span> </dd> <dt> <span class="visually-hidden visually-hidden--inline">Regular price</span> </dt> <dd> <s class="price-item price-item--regular" data-regular-price> ${Shopify.formatMoney(compare_at_price)} </s> </dd> </div> <div class="price__badges"> <span class="price__badge price__badge--sale" aria-hidden="true"> <span>Sale</span> </span> <span class="price__badge price__badge--sold-out"> <span>Sold out</span> </span> </div> </dl> </div> </div> </li> </script> </ul> </div> </div> <script> document.addEventListener( 'DOMContentLoaded', function () {  Shopify.Products.recordRecentlyViewed();  Shopify.Products.showRecentlyViewed( { howManyToShow:4 , onComplete: function(){ $('#recenty-view-heading').show() } } ); }) </script> <style> /* Some styles to get you started */ /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ </style> <div id="backToCollection"></div> <script> // Override default values of shop.strings for each template. // Alternate product templates can change values of // add to cart button, sold out, and unavailable states here. theme.productStrings = { addToCart: "Add to Cart", soldOut: "Sold out", unavailable: "Unavailable" }; if(sessionStorage.backToCollection) { theme.backToCollection = {}; theme.backToCollection.collection = JSON.parse(sessionStorage.backToCollection); var productCollections = [{"id":285763862710,"handle":"coupon-survey-discount","title":"Coupon \/ Survey discount","updated_at":"2025-08-30T19:14:11+08:00","body_html":"","published_at":"2022-01-12T15:17:32+08:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"is_price_reduced","relation":"is_not_set","condition":""},{"column":"title","relation":"not_contains","condition":"mum2mum bamboo collar bib"},{"column":"vendor","relation":"not_equals","condition":"Playgro"},{"column":"type","relation":"not_equals","condition":"Promotional"}],"published_scope":"web"},{"id":278546809014,"handle":"feeding","title":"feeding","updated_at":"2025-08-30T19:14:11+08:00","body_html":"","published_at":"2021-09-14T09:25:21+08:00","sort_order":"manual","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"feeding"}],"published_scope":"web"},{"id":278547103926,"handle":"feeding-dining","title":"feeding \/ dining","updated_at":"2025-08-30T19:14:11+08:00","body_html":"","published_at":"2021-09-14T09:27:13+08:00","sort_order":"manual","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"feeding"},{"column":"tag","relation":"equals","condition":"dining"}],"published_scope":"web"},{"id":278546317494,"handle":"feeding-dining-high-chair-accessories","title":"feeding \/ dining \/ high chair accessories","updated_at":"2025-08-30T19:14:11+08:00","body_html":"","published_at":"2021-09-14T09:21:14+08:00","sort_order":"manual","template_suffix":"","disjunctive":false,"rules":[{"column":"tag","relation":"equals","condition":"feeding"},{"column":"tag","relation":"equals","condition":"dining"},{"column":"tag","relation":"equals","condition":"high chair accessories"}],"published_scope":"web"},{"id":285077668022,"handle":"normal-exclude-promotion-brands-and-items","title":"normal exclude promotion brands and items","updated_at":"2025-08-30T19:14:11+08:00","body_html":"\u003cspan data-mce-fragment=\"1\"\u003ewithout the product of brand Stokke, Babyzen, Bloom, Bugaboo, Candide, Cybex, Jellycat, Micuna, Leander, Liki and some promotion product\u003c\/span\u003e","published_at":"2021-12-22T15:31:23+08:00","sort_order":"best-selling","template_suffix":"","disjunctive":true,"rules":[{"column":"title","relation":"not_contains","condition":"liki"},{"column":"is_price_reduced","relation":"is_not_set","condition":""},{"column":"vendor","relation":"equals","condition":"Stokke"},{"column":"vendor","relation":"equals","condition":"BABYZEN"},{"column":"vendor","relation":"equals","condition":"Bloom"},{"column":"vendor","relation":"equals","condition":"Bugaboo"},{"column":"vendor","relation":"equals","condition":"Cybex"},{"column":"vendor","relation":"equals","condition":"Jellycat"},{"column":"vendor","relation":"equals","condition":"Leander"},{"column":"vendor","relation":"equals","condition":"Playgro"}],"published_scope":"web"},{"id":298446061750,"handle":"product-for-1500-300","title":"product for $1500 - $300","updated_at":"2025-08-30T19:14:11+08:00","body_html":"for promotion only\u003cbr\u003e","published_at":"2023-03-14T10:30:22+08:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"is_price_reduced","relation":"is_not_set","condition":""},{"column":"title","relation":"not_contains","condition":"FREE Travel Bag"},{"column":"title","relation":"not_contains","condition":"BABYZEN YOYO bassinet [Bundle item]"},{"column":"title","relation":"not_contains","condition":"BABYZEN YOYO 6+ colour pack [Bundle item]"},{"column":"title","relation":"not_contains","condition":"BABYZEN YOYO² 0+ newborn pack [Bundle item]"},{"column":"title","relation":"not_contains","condition":"BABYZEN YOYO² Frame"}],"published_scope":"web"},{"id":278577709238,"handle":"stokke","title":"stokke","updated_at":"2025-08-30T19:14:11+08:00","body_html":"","published_at":"2021-09-14T16:18:57+08:00","sort_order":"manual","template_suffix":"","disjunctive":false,"rules":[{"column":"vendor","relation":"equals","condition":"Stokke"}],"published_scope":"web"},{"id":297473409206,"handle":"stokke-tripp-trapp","updated_at":"2025-08-30T19:14:11+08:00","published_at":"2023-01-27T12:04:49+08:00","sort_order":"manual","template_suffix":"","published_scope":"web","title":"stokke \/ tripp trapp","body_html":""}]; var showCollection = false; if (productCollections) { productCollections.forEach(function(collection) { if (collection.title === theme.backToCollection.collection.title) { showCollection = true; } }); } if(showCollection) { var backToCollectionHTML = '<div class="text-center return-link-wrapper page-width"><a href="' + theme.backToCollection.collection.link + '" class="btn btn--secondary btn--has-icon-before"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-left" viewBox="0 0 20 8"><path d="M4.814 7.555C3.95 6.61 3.2 5.893 2.568 5.4 1.937 4.91 1.341 4.544.781 4.303v-.44a9.933 9.933 0 0 0 1.875-1.196c.606-.485 1.328-1.196 2.168-2.134h.752c-.612 1.309-1.253 2.315-1.924 3.018H19.23v.986H3.652c.495.632.84 1.1 1.036 1.406.195.306.485.843.869 1.612h-.743z" fill="#000" fill-rule="evenodd"/></svg>Back to ' + theme.backToCollection.collection.title + '</a></div>'; var backToCollectionContainer = document.getElementById('backToCollection'); backToCollectionContainer.insertAdjacentHTML('afterbegin', backToCollectionHTML); } } </script> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Stokke Tripp Trapp Tray - White", "url": "https:\/\/www.mothercare.com.hk\/products\/stokke-tripp-trapp-tray-white","image": [ "https:\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1_1100x.jpg?v=1656488590" ],"description": "","sku": "O4285010000","brand": { "@type": "Thing", "name": "Stokke" }, "offers": [{ "@type" : "Offer","sku": "O4285010000","availability" : "http://schema.org/InStock", "price" : 540.0, "priceCurrency" : "HKD", "url" : "https:\/\/www.mothercare.com.hk\/products\/stokke-tripp-trapp-tray-white?variant=40661395341494" } ] } </script> </main> <div id="shopify-section-mc-icon-text-row" class="shopify-section index-section"><script> document.addEventListener( 'DOMContentLoaded', function () { new Splide( '.icon-slide', { perPage: 4, breakpoints: { 960: { perPage: 1, drag: true, arrows: true, } }, interval :3000, arrows: false, autoplay: false, pagination:false, drag: false, dragAngleThreshold: 0 } ).mount(); } ); </script> <style> .icon-slide { width:100%; } .section__icon-text-row{ padding:48px 0; border-top:2px solid #D9D9D6; } .icon__container{ width:100%; } .icon-text__icon{ max-width:100px; max-height:55px; } .section__icon-text-row .grid { display:flex; flex-flow: wrap; } .icon__item{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .section__icon-text-row,.icon-text__container{ text-align:center; } .icon-text__title{ color:#165C7D; font-size:18px; font-weight:500; margin-top:20px; } .icon-text__p{ font-size:14px; padding:4px 0; display:block; } .icon-slide .splide__arrow{ display:none; background:none; } /* mobile */ @media only screen and (max-width: 959px) { .icon-slide .splide__arrow{ display:block; } .icon-slide .splide__arrow--next { right: -1.5em; } .icon-slide .splide__arrow--prev { left: -1.5em; } .icon__item{ padding-bottom:40px; } .section__icon-text-row{ padding-bottom:0; } .section__icon-text-row { padding-bottom:40px; } } </style> <div class="section__icon-text-row"> <div class="page-width"> <div class="grid slider-grid"> <div class="splide icon-slide"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev"> <img width="100" height="100" src="//www.mothercare.com.hk/cdn/shop/t/28/assets/Arrow-left.svg?v=48373141091084659121730261934"> </button> <button class="splide__arrow splide__arrow--next"> <img width="100" height="100" src="//www.mothercare.com.hk/cdn/shop/t/28/assets/Arrow-right.svg?v=39709485525068997851730261934"> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="icon__container"> <img class="icon-text__icon lazyload" data-src="//www.mothercare.com.hk/cdn/shop/files/mc-icon-1_100x.png?v=1627919333" data-widths="[180, 360, 540, 720, 905, 1090, 1296, 1512, 1728, 2048]" data-sizes="auto" alt="" > </div> <div class="icon-text_container"> <div class="icon-text__title">free shipping</div> <a class="icon-text__p" href="">free tracked service over $600</a> </div> </li> <li class="splide__slide"> <div class="icon__container"> <img class="icon-text__icon lazyload" data-src="//www.mothercare.com.hk/cdn/shop/files/mc-icon-2_100x.png?v=1627919348" data-widths="[180, 360, 540, 720, 905, 1090, 1296, 1512, 1728, 2048]" data-sizes="auto" alt="" > </div> <div class="icon-text_container"> <div class="icon-text__title">next day delivery</div> <a class="icon-text__p" href="">deliver goods within 3 - 5 days</a> </div> </li> <li class="splide__slide"> <div class="icon__container"> <img class="icon-text__icon lazyload" data-src="//www.mothercare.com.hk/cdn/shop/files/mc-icon-3_100x.png?v=1627919359" data-widths="[180, 360, 540, 720, 905, 1090, 1296, 1512, 1728, 2048]" data-sizes="auto" alt="" > </div> <div class="icon-text_container"> <div class="icon-text__title">quality assured</div> <a class="icon-text__p" href="">defective exchanged within 14 days</a> </div> </li> <li class="splide__slide"> <div class="icon__container"> <img class="icon-text__icon lazyload" data-src="//www.mothercare.com.hk/cdn/shop/files/mc-icon-4_100x.png?v=1627919370" data-widths="[180, 360, 540, 720, 905, 1090, 1296, 1512, 1728, 2048]" data-sizes="auto" alt="" > </div> <div class="icon-text_container"> <div class="icon-text__title">carseat fitting</div> <a class="icon-text__p" href="">provide better protection to little child</a> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div id="shopify-section-footer" class="shopify-section"> <style> .copyright-row{ background-color:#EFEFEF; height:50px; line-height:50px; } .site-footer__copyright-content, .site-footer__copyright-content a{ color:#3B3A3A !important; font-size:12px; } .copyright-row img { vertical-align:middle; } .newsletter-p { color:#505759 !important; } .copy-right-desktop{ text-align:center; width:100%; } @media (max-width: 749px){ .grid__item{ padding-left:40px; } } </style> <style> .site-footer__hr { border-bottom: 1px solid #e6e6e6; } .site-footer__linklist-item a{ color: #505759 !important; } .site-footer p, .site-footer__linklist-item a, .site-footer__rte a, .site-footer h4, .site-footer small, .site-footer__copyright-content a, .site-footer__newsletter-error, .site-footer__social-icons .social-icons__link { color: #165c7d; } .site-footer { color: #165c7d; background-color: #ffffff; } .site-footer__rte a { border-bottom: 1px solid #165c7d; } .site-footer__rte a:hover, .site-footer__linklist-item a:hover, .site-footer__copyright-content a:hover { color: #0e3c52; border-bottom: 1px solid #0e3c52; } .site-footer__social-icons .social-icons__link:hover { color: #0e3c52; } </style><footer class="site-footer critical-hidden" role="contentinfo" data-section-id="footer" data-section-type="footer-section"> <div class="page-width"> <div class="site-footer__content"><div class="site-footer__item site-footer__item--one-quarter " > <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4">shop by</p><p class="newsletter-p"></p><ul class="site-footer__linklist "><li class="site-footer__linklist-item"> <a href="https://www.mothercare.com.hk/collections/highlight-fight-covid-19-altogether" > *anti-epidemic & disinfection </a> </li><li class="site-footer__linklist-item"> <a href="/collections/baby-clothing" > baby clothing </a> </li><li class="site-footer__linklist-item"> <a href="/collections/girl-clothing" > girl clothing </a> </li><li class="site-footer__linklist-item"> <a href="/collections/boy-clothing" > boy clothing </a> </li><li class="site-footer__linklist-item"> <a href="/collections/feeding" > feeding </a> </li><li class="site-footer__linklist-item"> <a href="/collections/babycare-bath" > babycare & bath </a> </li><li class="site-footer__linklist-item"> <a href="/collections/nursery-safety" > nursery & safety </a> </li><li class="site-footer__linklist-item"> <a href="/collections/toy" > toy </a> </li><li class="site-footer__linklist-item"> <a href="/collections/travel" > travel </a> </li><li class="site-footer__linklist-item"> <a href="/collections/maternity-nursing" > maternity & nursing </a> </li></ul></div> </div><div class="site-footer__item site-footer__item--one-quarter " > <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4">help & info</p><p class="newsletter-p"></p><ul class="site-footer__linklist "><li class="site-footer__linklist-item"> <a href="/pages/faq" > help & faq </a> </li><li class="site-footer__linklist-item"> <a href="/policies/shipping-policy" > delivery information </a> </li><li class="site-footer__linklist-item"> <a href="/policies/terms-of-service" > terms & conditions </a> </li><li class="site-footer__linklist-item"> <a href="/policies/refund-policy" > returns & refunds </a> </li><li class="site-footer__linklist-item"> <a href="/policies/privacy-policy" > privacy policy </a> </li></ul></div> </div><div class="site-footer__item site-footer__item--one-quarter " > <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4">about</p><p class="newsletter-p"></p><ul class="site-footer__linklist "><li class="site-footer__linklist-item"> <a href="/pages/about-us" > about us </a> </li><li class="site-footer__linklist-item"> <a href="/pages/where-to-buy" > store finder </a> </li><li class="site-footer__linklist-item"> <a href="/pages/contact-us" > contact us </a> </li></ul></div> </div><div class="site-footer__item site-footer__item--one-quarter " > <div class="site-footer__item-inner site-footer__item-inner--newsletter"><p class="h4">newsletter</p><p class="newsletter-p">get $50 off your first purchase and get updates and news!</p><link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup_scroll { display: flex; width: 100%; flex-wrap: wrap; } .submit-btn{ width: 30%; } #mc_embed_signup{ background:#fff; clear:left; } #mc_embed_signup form{ padding:0; } #mc_embed_signup input{ width:100%; margin:0; text-transform: lowercase; } #mc_embed_signup .mc-field-group{ width:70%; } #mc_embed_signup .mc-field-group input{ min-height: 46px; padding: 12px; border-radius: 0px; text-transform: unset; } #mc-embedded-subscribe{ min-height: 46px; border:none !important; background: #165C7D; border-radius: 0 13px 13px 0 !important; padding: 0 5px; letter-spacing: 0.5px; font-weight: 500; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{ margin:0; } #mc_embed_signup div.response{ padding: 0; width: 100%; } #mc_embed_signup div#mce-responses { padding: 0; width: 100%; margin: 0; font-size: 12px; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{ font-size:10px; } </style> <div id="mc_embed_signup"> <form action="https://mothercare.us15.list-manage.com/subscribe/post?u=97f24e4f3c61aff0ff5bdd25b&id=97600d1d8f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <div class="mc-field-group"> <input type="email" value="" name="EMAIL" class="required email" id="input-group__field newsletter__input" placeholder="Enter email" aria-label="Enter email" > </div>  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_97f24e4f3c61aff0ff5bdd25b_97600d1d8f" tabindex="-1" value=""></div> <div class="clear submit-btn"> <input type="submit" value="sign up" name="subscribe" id="mc-embedded-subscribe" class="btn newsletter__submit"> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> </div> </form> </div> </div> </div></div> </div> <hr class="site-footer__hr"><div class="page-width"> <div class="grid grid--no-gutters small--text-center grid--footer-float-right"><div class="grid__item one-half small--one-whole"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/stokke-tripp-trapp-tray-white" /></form></div><div class="grid__item one-half small--one-whole"> <ul class="icons-s payment-icons list--inline site-footer__icon-list"> <li class="payment-icon"> <img class=" lazyload" data-src="//www.mothercare.com.hk/cdn/shop/t/28/assets/top10award1_x24.png?v=95610919776375814691730261934" data-widths="[180, 360, 540, 720, 905, 1090, 1296, 1512, 1728, 2048]" data-sizes="auto" alt="" > </li> <li class="payment-icon"> <img class=" lazyload" data-src="//www.mothercare.com.hk/cdn/shop/t/28/assets/top10award3_x24.png?v=19384002828511924271730261934" data-widths="[180, 360, 540, 720, 905, 1090, 1296, 1512, 1728, 2048]" data-sizes="auto" alt="" > </li> <li class="payment-icon"> <img class=" lazyload" data-src="//www.mothercare.com.hk/cdn/shop/t/28/assets/SafeKey_BlueBox_x24.png?v=113507280010606724451730261934" data-widths="[180, 360, 540, 720, 905, 1090, 1296, 1512, 1728, 2048]" data-sizes="auto" alt="" > </li> </ul> </div><div class="grid__item one-half small--one-whole"><div class="grid__item site-footer__payment-icons"> <span class="visually-hidden">Payment methods</span> <ul class="payment-methods-icons list--inline site-footer__icon-list"> <li class="payment-methods-icon"> <svg width="62" height="32" viewBox="0 0 62 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" fill="white"/> <path d="M25.4654 9.26489L19.443 23.7731H15.5138L12.5502 12.1958C12.3702 11.4827 12.2147 11.2214 11.6668 10.9212C10.7734 10.4316 9.29806 9.97271 8 9.6875L8.08936 9.26489H14.4144C15.2203 9.26489 15.9451 9.80676 16.1281 10.7444L17.6933 19.1386L21.5616 9.26392L25.4654 9.26489ZM40.8605 19.0363C40.8763 15.2071 35.6165 14.9964 35.6527 13.2856C35.664 12.7651 36.1558 12.2118 37.2294 12.0703C37.762 11.9999 39.2294 11.946 40.895 12.7196L41.5479 9.64299C40.6535 9.31545 39.5028 9 38.0711 9C34.397 9 31.8115 10.972 31.7897 13.7958C31.7657 15.8845 33.6345 17.05 35.0434 17.7438C36.4922 18.4547 36.9781 18.9112 36.9728 19.5472C36.9623 20.5204 35.8173 20.9503 34.7471 20.967C32.8783 20.996 31.7947 20.4565 30.9303 20.0506L30.2566 23.229C31.1251 23.6316 32.7281 23.9826 34.3903 24C38.2955 24 40.8497 22.0524 40.8617 19.0363H40.8605ZM50.5634 23.7731H54.0012L50.9987 9.26489H47.8262C47.4873 9.26194 47.1554 9.36183 46.8735 9.55162C46.5915 9.74141 46.3726 10.0123 46.2449 10.3293L40.6669 23.7731H44.57L45.3446 21.6061H50.1135L50.5634 23.7731ZM46.416 18.6325L48.3724 13.185L49.4985 18.6325H46.416ZM30.7762 9.26489L27.7026 23.7731H23.9857L27.0605 9.26489H30.7762Z" fill="#1434CB"/> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" stroke="#EEEEEE"/> </svg> </li> <li class="payment-methods-icon"> <svg width="62" height="32" viewBox="0 0 62 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" fill="white"/> <path d="M35.8683 7.12891H26.1328V24.6238H35.8683V7.12891Z" fill="#FF5F00"/> <path d="M26.7524 15.8762C26.7508 14.1914 27.1326 12.5282 27.8689 11.0127C28.6051 9.49718 29.6765 8.16904 31.002 7.1288C29.3606 5.83866 27.3894 5.03634 25.3136 4.81355C23.2378 4.59075 21.1413 4.95646 19.2635 5.86889C17.3858 6.78132 15.8026 8.20366 14.695 9.97332C13.5874 11.743 13 13.7886 13 15.8762C13 17.9639 13.5874 20.0095 14.695 21.7792C15.8026 23.5488 17.3858 24.9712 19.2635 25.8836C21.1413 26.796 23.2378 27.1617 25.3136 26.939C27.3894 26.7162 29.3606 25.9138 31.002 24.6237C29.6765 23.5835 28.6052 22.2553 27.8689 20.7398C27.1327 19.2243 26.7509 17.5611 26.7524 15.8762V15.8762Z" fill="#EB001B"/> <path d="M49.0053 15.8762C49.0054 17.9639 48.4181 20.0095 47.3105 21.7791C46.203 23.5488 44.6199 24.9711 42.7422 25.8836C40.8644 26.796 38.7679 27.1617 36.6921 26.9389C34.6164 26.7162 32.6452 25.9138 31.0039 24.6237C32.3282 23.5824 33.3987 22.254 34.1348 20.7388C34.871 19.2235 35.2535 17.5609 35.2535 15.8762C35.2535 14.1916 34.871 12.529 34.1348 11.0137C33.3987 9.49844 32.3282 8.17008 31.0039 7.12879C32.6452 5.83865 34.6164 5.03633 36.6921 4.81354C38.7679 4.59075 40.8644 4.95648 42.7422 5.86892C44.6199 6.78136 46.203 8.20369 47.3105 9.97335C48.4181 11.743 49.0054 13.7886 49.0053 15.8762V15.8762Z" fill="#F79E1B"/> <path d="M47.9421 22.7707V22.4125H48.0866V22.3396H47.7188V22.4125H47.8632V22.7707H47.9421ZM48.6562 22.7707V22.3389H48.5435L48.4138 22.6359L48.2841 22.3389H48.1713V22.7707H48.2509V22.445L48.3725 22.7258H48.4551L48.5767 22.4443V22.7707H48.6562Z" fill="#F79E1B"/> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" stroke="#EEEEEE"/> </svg> </li> <li class="payment-methods-icon icon-amex"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256px" height="256px" viewBox="0 0 256 256" version="1.1" preserveAspectRatio="xMidYMid"> <title>AMEX</title> <g> <rect fill="#FFFFFF" x="0" y="0" width="256" height="256"/> <path d="M0,0 L0,256 L256,256 L256,215.552 L220.672,215.552 L207.616,200.27904 L194.048,215.552 L93.696,215.552 L93.696,134.23104 L60.58496,134.23104 L101.97504,40.53504 L142.24896,40.53504 L151.97696,61.78304 L151.97696,40.53504 L201.984,40.53504 L210.34496,62.80704 L218.53696,40.53504 L256,40.53504 L256,0 L0,0 Z M227.072,53.76 L213.92896,88.40704 L210.432,97.79712 L206.848,88.40704 L193.62304,53.76 L164.69504,53.76 L164.69504,122.03008 L182.10304,122.03008 L182.10304,77.57312 L182.016,68.608 L185.43104,77.57312 L202.07104,122.03008 L218.624,122.03008 L235.35104,77.57312 L238.592,68.69504 L238.592,122.03008 L256,122.03008 L256,53.76 L227.072,53.76 Z M111.36,53.76 L81.152,122.03008 L100.94592,122.03008 L106.24,108.88704 L139.35104,108.88704 L144.64,122.03008 L164.69504,122.03008 L134.656,53.76 L111.36,53.76 Z M119.37792,76.88704 L122.79296,68.35712 L126.208,76.88704 L133.28896,94.12096 L112.29696,94.12096 L119.37792,76.88704 Z M228.43904,134.31808 L207.872,156.416 L187.392,134.31808 L164.69504,134.31808 L107.68896,134.31808 L107.68896,202.32704 L164.69504,202.32704 L164.69504,187.56608 L125.09696,187.56608 L125.09696,175.70304 L163.92704,175.70304 L163.92704,161.02912 L125.09696,161.02912 L125.09696,149.07904 L164.69504,149.07904 L164.69504,134.31808 L196.52096,168.448 L164.69504,202.32704 L186.71104,202.32704 L207.44704,180.14208 L228.096,202.32704 L250.70592,202.32704 L218.79296,168.192 L250.70592,134.31808 L228.43904,134.31808 Z M236.71296,168.11008 L256,187.73504 L256,148.736 L236.71296,168.11008 Z" fill="#006FCF"/> </g> </svg> </li> <li class="payment-methods-icon"> <svg width="62" height="32" viewBox="0 0 62 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" fill="white"/> <g clip-path="url(#clip0_16526_155756)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.8941 14.6013L21.2986 17.5583H18.432L19.8941 14.6013ZM22.0494 19.2203H23.7667L20.558 12.376H20.0883C20.0119 12.3764 19.9369 12.3974 19.8715 12.4369C19.8067 12.4768 19.7546 12.5344 19.7214 12.6029L16.4844 19.2203H17.6292L18.2084 18.1025H21.5075L22.0494 19.2203Z" fill="#373530"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.9766 19.2209H24.4219V12.6725C24.4222 12.6336 24.4303 12.5953 24.4456 12.5596C24.4609 12.524 24.4831 12.4917 24.5111 12.4647C24.5681 12.4098 24.6442 12.3791 24.7233 12.3789H25.9766V19.2232" fill="#373530"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M27.341 14.4663C27.3408 14.4277 27.3484 14.3896 27.3633 14.3541C27.3783 14.3186 27.4002 14.2864 27.4279 14.2596C27.4848 14.2044 27.5609 14.1736 27.6402 14.1738H28.9036V19.2207H27.3398V14.4663" fill="#35322C"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M31.7876 17.8149C31.7872 17.9335 31.8106 18.051 31.8565 18.1604C31.9029 18.267 31.9705 18.363 32.0552 18.4427C32.1445 18.5253 32.2492 18.5894 32.3634 18.6312C32.4902 18.678 32.6245 18.7014 32.7597 18.7001C32.8977 18.6984 33.0313 18.6516 33.1402 18.5669C33.2681 18.4691 33.3735 18.3452 33.4496 18.2033C33.546 18.0282 33.6174 17.8405 33.6618 17.6456C33.7154 17.4142 33.7415 17.1774 33.7397 16.9399C33.7438 16.6524 33.7207 16.3651 33.6709 16.0818C33.6353 15.8672 33.57 15.6585 33.4767 15.462C33.4084 15.3155 33.3062 15.1874 33.1786 15.0883C33.0682 15.0075 32.9349 14.964 32.7981 14.9641C32.6997 14.9638 32.602 14.9802 32.5091 15.0126C32.4149 15.046 32.3254 15.0911 32.2426 15.147C32.1547 15.2051 32.073 15.272 31.9987 15.3468C31.9235 15.4234 31.853 15.5044 31.7876 15.5896V17.8149ZM30.2148 14.4696C30.215 14.4304 30.223 14.3916 30.2383 14.3556C30.2536 14.3195 30.276 14.2869 30.304 14.2596C30.3615 14.2046 30.4379 14.1739 30.5174 14.1738H31.7876V14.5678C31.9756 14.4198 32.184 14.2996 32.4063 14.211C32.6663 14.1115 32.9432 14.0636 33.2215 14.0699C33.533 14.0647 33.8417 14.1295 34.1247 14.2596C34.3881 14.3827 34.6236 14.5583 34.8168 14.7755C35.012 14.9966 35.163 15.253 35.2617 15.5309C35.3672 15.8241 35.42 16.1337 35.4175 16.4454C35.4217 16.8351 35.3594 17.2226 35.2335 17.5914C35.1182 17.9249 34.9374 18.232 34.7017 18.4946C34.4684 18.7522 34.1828 18.957 33.8639 19.0953C33.516 19.243 33.1411 19.3164 32.7631 19.3109C32.5576 19.3109 32.3792 19.303 32.2291 19.2883C32.0787 19.2705 31.9313 19.2325 31.791 19.1754V21.1998H30.2182L30.2148 14.4696Z" fill="#332D28"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M37.2322 17.5501C37.2322 16.9641 37.72 16.517 38.3173 16.473C38.6955 16.4459 38.9247 16.5125 39.0579 16.5949V18.3257C38.8557 18.5108 38.5914 18.6132 38.3173 18.6125C38.1762 18.6141 38.0362 18.5879 37.9053 18.5354C37.7744 18.4829 37.6551 18.405 37.5544 18.3063C37.4536 18.2077 37.3733 18.0901 37.318 17.9603C37.2627 17.8305 37.2336 17.6911 37.2322 17.5501V17.5501ZM39.4677 14.2318C38.7169 14.0218 37.7674 13.9823 36.4701 14.3131C36.513 14.4395 36.5695 14.6654 36.6101 14.7963C38.6627 14.4384 39.0579 14.7162 39.0579 15.5867V15.8576C38.6842 15.8317 38.2416 15.7696 37.8803 15.7639C36.4769 15.7425 35.9609 16.8365 35.9609 17.5275C35.9609 18.7356 37.1351 19.8567 39.0523 19.0291V19.2222H40.6566V15.5347C40.6566 14.82 40.0255 14.3876 39.4621 14.2318" fill="#332D28"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M41.0859 14.0791H42.7456L44.3805 17.1941L45.7286 14.2801C45.756 14.2196 45.8003 14.1682 45.8562 14.1322C45.9133 14.0973 45.9789 14.0789 46.0458 14.0791H46.9321L44.3286 19.6961C43.7019 21.226 42.1834 21.0092 41.9034 21.0092V20.1613C42.1122 20.1613 42.8066 20.1692 43.1171 19.8316C43.1914 19.7358 43.2536 19.6311 43.3023 19.52L43.4253 19.2648L43.6071 18.8595L41.0871 14.0791" fill="#332D28"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M28.9614 12.6778C28.9614 13.0899 28.5843 13.4252 28.1168 13.4252C27.6494 13.4252 27.2734 13.0865 27.2734 12.6778C27.2734 12.2691 27.6517 11.9326 28.1168 11.9326C28.582 11.9326 28.9614 12.2713 28.9614 12.6778Z" fill="#009FE3"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M58.0019 19.2745H56.8514C56.8331 19.2743 56.8152 19.2695 56.7994 19.2604C56.7836 19.2513 56.7704 19.2382 56.761 19.2226L55.4242 16.9193L54.7367 17.7187V19.2745H53.8029C53.7751 19.2745 53.7484 19.2634 53.7287 19.2437C53.709 19.224 53.6979 19.1973 53.6979 19.1695V14.2017C53.6979 14.1738 53.709 14.1471 53.7287 14.1274C53.7484 14.1077 53.7751 14.0967 53.8029 14.0967H54.7367V16.2046C54.7367 16.2187 54.7422 16.2322 54.7522 16.2421C54.7621 16.2521 54.7757 16.2577 54.7897 16.2577C54.7973 16.2576 54.8048 16.2558 54.8116 16.2525C54.8184 16.2492 54.8245 16.2444 54.8292 16.2385L56.5804 14.1339C56.5904 14.1222 56.6029 14.1128 56.6169 14.1063C56.631 14.0999 56.6462 14.0966 56.6617 14.0967H57.8754L56.1164 16.1561L58.0019 19.2745ZM52.447 19.2745H51.4997C51.4718 19.2745 51.4451 19.2634 51.4254 19.2437C51.4058 19.224 51.3947 19.1973 51.3947 19.1695V17.2129C51.3947 17.1991 51.392 17.1854 51.3867 17.1727C51.3814 17.1599 51.3737 17.1484 51.3639 17.1386C51.3542 17.1289 51.3426 17.1211 51.3299 17.1158C51.3171 17.1106 51.3035 17.1079 51.2897 17.1079H49.5679V19.2745H48.6195C48.5918 19.2742 48.5654 19.263 48.546 19.2433C48.5265 19.2237 48.5156 19.1971 48.5156 19.1695V14.2017C48.5155 14.188 48.5181 14.1743 48.5232 14.1616C48.5284 14.1489 48.536 14.1373 48.5456 14.1275C48.5553 14.1177 48.5668 14.11 48.5795 14.1047C48.5922 14.0994 48.6058 14.0967 48.6195 14.0967H49.5679V16.2114H51.2874C51.3151 16.2114 51.3416 16.2005 51.3613 16.181C51.3809 16.1616 51.3921 16.1352 51.3924 16.1075V14.2017C51.3923 14.1879 51.3949 14.1741 51.4001 14.1613C51.4053 14.1485 51.4131 14.1369 51.4229 14.1271C51.4326 14.1173 51.4443 14.1096 51.4571 14.1044C51.4699 14.0991 51.4836 14.0965 51.4974 14.0967H52.4447L52.447 19.2745Z" fill="#009FE3"/> <path d="M12.7275 10.9951H5.66536C5.44568 10.996 5.22832 11.0402 5.02571 11.1251C4.82311 11.21 4.63923 11.334 4.48458 11.4901C4.32992 11.6461 4.20752 11.831 4.12438 12.0344C4.04123 12.2377 3.99898 12.4555 4.00002 12.6751V19.8017C3.99913 20.0213 4.04148 20.2389 4.12469 20.4421C4.2079 20.6453 4.33033 20.8301 4.48498 20.986C4.63962 21.1419 4.82344 21.2658 5.02597 21.3507C5.2285 21.4355 5.44578 21.4797 5.66536 21.4806H12.7275C12.947 21.4795 13.1641 21.4353 13.3664 21.3503C13.5687 21.2654 13.7524 21.1415 13.9068 20.9856C14.0612 20.8297 14.1834 20.6449 14.2665 20.4417C14.3495 20.2386 14.3917 20.0211 14.3906 19.8017V12.6797C14.3924 12.4597 14.3508 12.2416 14.2681 12.0379C14.1854 11.8341 14.0633 11.6486 13.9088 11.4921C13.7543 11.3356 13.5704 11.2112 13.3677 11.1259C13.165 11.0406 12.9474 10.9962 12.7275 10.9951" fill="#009FE3"/> <path d="M6.80824 19.0605C5.19258 19.0605 4.71387 17.7768 5.5121 17.0734C5.77856 16.8363 6.26518 16.72 6.52824 16.6941C7.48906 16.5992 8.37761 16.9684 9.42649 17.4844C8.69036 18.4542 7.751 19.0651 6.8105 19.0651L6.80824 19.0605ZM12.5585 17.586C12.143 17.4449 11.5852 17.2315 10.9631 17.0045C11.3542 16.3117 11.6464 15.5676 11.8314 14.7939H9.78328V14.0442H12.292V13.6287H9.78328V12.3868H8.75924C8.73554 12.3863 8.71198 12.3906 8.69 12.3995C8.66801 12.4083 8.64803 12.4215 8.63127 12.4383C8.61451 12.4551 8.6013 12.475 8.59245 12.497C8.58359 12.519 8.57925 12.5426 8.57971 12.5663V13.6264H6.04162V14.0442H8.5831V14.7882H6.48759V15.2037H10.5521C10.4083 15.7035 10.2122 16.1867 9.96731 16.6455C8.64746 16.2063 7.24067 15.8552 6.35437 16.0697C5.78984 16.2097 5.42516 16.4615 5.21064 16.7234C4.22837 17.9281 4.9329 19.7572 7.00583 19.7572C8.23197 19.7572 9.41294 19.0684 10.3286 17.9315C11.6936 18.5942 14.3932 19.7301 14.3932 19.7301V18.1088C14.3932 18.1088 14.0544 18.0839 12.5573 17.5781" fill="white"/> </g> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" stroke="#EEEEEE"/> <defs> <clipPath id="clip0_16526_155756"> <rect width="54" height="10.4809" fill="white" transform="translate(4 11)"/> </clipPath> </defs> </svg> </li> <li class="payment-methods-icon"> <svg width="62" height="32" viewBox="0 0 62 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" fill="white"/> <g clip-path="url(#clip0_16526_155821)"> <path d="M42.5352 25.9999C42.5386 25.8884 42.5454 25.7769 42.5454 25.665C42.5454 23.7206 42.5483 21.7758 42.5415 19.8314C42.5415 19.6497 42.5756 19.5688 42.7713 19.5982C42.9373 19.6229 43.1514 19.5288 43.262 19.6356C43.3637 19.7339 43.2841 19.9442 43.2944 20.1037C43.2944 20.1365 43.2982 20.1693 43.3016 20.2374C43.7374 19.5526 44.3855 19.4509 45.0791 19.5139C45.7728 19.5769 46.3056 19.9348 46.6112 20.5697C47.0184 21.4098 47.0397 22.2779 46.678 23.1342C46.0396 24.6462 43.9897 24.6049 43.2986 23.5797V25.9986L42.5352 25.9999ZM46.1367 21.9102C46.1286 21.4872 46.055 21.0817 45.8094 20.7246C45.2438 19.9029 43.9672 19.9561 43.5114 20.8404C43.1514 21.5413 43.1569 22.2745 43.5165 22.978C43.7833 23.5006 44.2608 23.6882 44.8276 23.6589C45.3677 23.6321 45.7379 23.3559 45.9503 22.8605C46.0835 22.5571 46.1184 22.2358 46.1367 21.9102V21.9102Z" fill="#040404"/> <path d="M56.0106 23.4126C55.6434 24.0761 55.0216 24.2638 54.3241 24.3063C53.8985 24.3327 53.473 24.3004 53.0742 24.1297C52.5478 23.9054 52.2516 23.5067 52.1805 22.9381C52.1652 22.816 52.1805 22.7471 52.3261 22.7709C52.3827 22.7754 52.4396 22.7754 52.4963 22.7709C52.6167 22.7709 52.7474 22.742 52.855 22.7794C52.9793 22.822 52.935 22.9832 52.9827 23.0875C53.0976 23.3492 53.3019 23.4969 53.5619 23.5765C53.9373 23.6887 54.3362 23.6973 54.716 23.6012C55.0744 23.516 55.2693 23.3173 55.2931 23.0373C55.3178 22.722 55.1782 22.5207 54.8161 22.3713C54.4216 22.2087 53.996 22.1585 53.5866 22.0521C53.3547 21.9904 53.124 21.9245 52.9095 21.8125C52.1009 21.387 52.0371 20.3486 52.7938 19.8328C53.2972 19.4894 53.8662 19.4617 54.4467 19.5226C54.7148 19.5456 54.9755 19.623 55.2127 19.7503C55.6348 19.9856 55.8161 20.3656 55.8727 20.8244C55.8817 20.8959 55.8629 20.932 55.7876 20.9299C55.7168 20.9259 55.6457 20.9259 55.5748 20.9299C55.3242 20.9503 55.1067 20.9652 55.0352 20.6214C54.9893 20.3992 54.7629 20.2907 54.5458 20.2231C54.2051 20.1176 53.8402 20.1196 53.5006 20.2286C53.2223 20.3137 53.0793 20.4788 53.0657 20.7133C53.0491 20.9899 53.2134 21.1389 53.4389 21.247C53.71 21.3746 54.0036 21.4257 54.2901 21.4959C54.5369 21.5555 54.7863 21.6083 55.0305 21.6781C55.4425 21.7955 55.7966 21.9972 56.0093 22.3904L56.0106 23.4126Z" fill="#040404"/> <path d="M56.0104 16.6191C55.9959 16.6297 55.9708 16.6378 55.9678 16.6514C55.8899 16.9974 55.6699 17.0604 55.3359 17.0476C54.4375 17.0123 53.5366 17.0625 52.6378 17.0051C51.9101 16.9574 51.205 16.8298 50.5751 16.4357C50.4845 16.3791 50.4394 16.411 50.3794 16.4727C50.1913 16.6651 49.9964 16.8498 49.8108 17.0455C49.7283 17.1306 49.6789 17.1566 49.5793 17.0557C49.2942 16.768 49.2883 16.7732 49.5755 16.4872C49.801 16.2621 50.0257 16.0361 50.2538 15.8135C50.2851 15.786 50.3098 15.752 50.3263 15.7138C50.3427 15.6756 50.3506 15.6342 50.3492 15.5926C50.3445 15.0394 50.3419 14.4887 50.3492 13.9372C50.3513 13.8002 50.3066 13.7721 50.1789 13.7759C49.9032 13.7849 49.6257 13.7759 49.3504 13.7806C49.2402 13.7832 49.1899 13.7661 49.1887 13.6359C49.1836 13.2248 49.1772 13.2248 49.5913 13.2248C49.967 13.2248 50.3424 13.2321 50.7177 13.221C50.8662 13.2167 50.9067 13.2567 50.905 13.4065C50.8973 14.1989 50.905 14.9913 50.8969 15.7837C50.8969 15.9284 50.9492 15.9965 51.0671 16.0603C51.6978 16.4008 52.3795 16.4859 53.0813 16.4706C54.0578 16.4513 55.0344 16.4306 56.0112 16.4084L56.0104 16.6191Z" fill="#040404"/> <path d="M7.49706 22.8012C6.98086 22.5054 6.55572 22.1029 6.18421 21.6458C5.41012 20.6926 4.96626 19.6108 5.00201 18.369C5.03477 17.2421 5.48714 16.2591 6.15102 15.3692C7.08129 14.1198 8.34733 13.3308 9.7887 12.801C11.4262 12.1997 13.1281 11.9648 14.8682 11.9822C16.6083 11.9997 18.3475 12.1248 20.0898 12.1218C20.387 12.1259 20.6842 12.1096 20.9792 12.0729C21.0358 12.0769 21.0927 12.0778 21.1494 12.0754C21.7814 12.0184 22.4142 11.9703 23.044 11.898C23.4351 11.8528 23.83 11.8265 24.2152 11.7358C24.272 11.736 24.3289 11.7328 24.3854 11.726C25.0335 11.6202 25.6759 11.482 26.3102 11.312C27.5703 10.9604 28.7784 10.4915 29.8125 9.66504C30.4428 9.16161 30.9535 8.56625 31.1577 7.7628C31.2475 7.41043 31.2092 7.07807 30.9271 6.81039C30.9292 6.77507 30.9381 6.73677 30.8866 6.72784L30.8896 6.73124C30.7534 6.50952 30.5381 6.37462 30.3364 6.22653C30.3988 6.21333 30.4634 6.21508 30.5249 6.23163C32.042 6.6972 32.6055 7.94238 32.4399 9.1365C32.2523 10.4949 31.4854 11.4639 30.3934 12.2141C29.2899 12.9729 28.0456 13.3755 26.7383 13.6053C25.6799 13.7913 24.6135 13.8121 23.5436 13.753C22.9904 13.7053 22.4372 13.6564 21.8839 13.5649C21.3917 13.4826 20.8996 13.3995 20.4077 13.3155C19.8889 13.2036 19.3655 13.1214 18.842 13.0372C16.9896 12.7393 15.1486 12.7797 13.3238 13.2278C11.5246 13.6691 9.90913 14.4573 8.60394 15.8016C7.38727 17.054 6.7251 18.5001 7.03575 20.2921C7.26045 21.5858 8.08518 22.5093 9.31377 22.7991C9.72486 22.8961 10.1419 22.8769 10.5585 22.8778C9.53293 23.0757 8.51159 23.0719 7.49706 22.8012Z" fill="#FE8B02"/> <path d="M20.4072 13.3154C20.8992 13.3988 21.3912 13.482 21.8835 13.5648C22.4329 13.6563 22.9874 13.7052 23.5432 13.7529C23.2772 14.5432 22.9474 15.3087 22.601 16.0654C21.8443 17.711 20.9375 19.2635 19.7072 20.6074C17.9926 22.4798 15.8903 23.688 13.3859 24.1089C11.4241 24.4391 9.55588 24.0663 7.82853 23.0569C7.71023 22.9875 7.5732 22.9318 7.5 22.8016C8.51241 23.0718 9.53375 23.0756 10.5581 22.8777C11.7071 22.6994 12.7591 22.2598 13.7421 21.6517C15.2001 20.7499 16.3933 19.5601 17.4445 18.2217C18.6265 16.7119 19.6214 15.0645 20.4072 13.3154V13.3154Z" fill="#014DD9"/> <path d="M48.1568 16.3907C48.0661 16.5907 47.9823 16.7673 47.907 16.9477C47.8763 17.0201 47.83 17.0367 47.7589 17.0354C46.5699 17.0162 45.3779 17.0937 44.1923 16.9503C43.6548 16.8856 43.1369 16.7413 42.6756 16.4468C42.565 16.3766 42.5114 16.4017 42.4322 16.4851C42.248 16.6809 42.0492 16.863 41.8641 17.0575C41.7879 17.1375 41.745 17.1388 41.6628 17.0575C41.3649 16.7681 41.3607 16.7715 41.6441 16.4864C41.8637 16.2655 42.0833 16.0443 42.3067 15.8272C42.3414 15.7983 42.369 15.7618 42.3875 15.7206C42.406 15.6794 42.4149 15.6345 42.4135 15.5893C42.4084 15.0361 42.4071 14.4854 42.4135 13.9339C42.4135 13.8037 42.3829 13.7637 42.2501 13.7701C41.9671 13.7807 41.6833 13.7701 41.399 13.7756C41.29 13.7782 41.2577 13.7479 41.2556 13.6347C41.2488 13.2194 41.2437 13.2194 41.6526 13.2194C42.0139 13.2194 42.3761 13.2334 42.7361 13.2139C42.942 13.2024 42.9718 13.2773 42.9697 13.459C42.9599 14.2369 42.9697 15.0153 42.9633 15.7932C42.9633 15.9042 42.9914 15.9711 43.091 16.0289C43.7361 16.3945 44.4379 16.4775 45.1617 16.4643C45.2315 16.4643 45.2698 16.443 45.2634 16.3681C45.2628 16.361 45.2628 16.3539 45.2634 16.3468C45.3213 15.6766 45.3213 15.6766 44.6566 15.6766C44.231 15.6766 43.8055 15.6732 43.3799 15.6787C43.2621 15.6787 43.205 15.6676 43.2055 15.5234C43.2055 15.1148 43.1982 15.1148 43.6119 15.1148C44.1076 15.1148 44.6038 15.108 45.1013 15.1191C45.2609 15.1225 45.2681 15.0489 45.2656 14.9293C45.2656 14.8174 45.2766 14.731 45.1073 14.7382C44.7323 14.7531 44.3562 14.7382 43.9808 14.7455C43.8532 14.7476 43.7961 14.7272 43.7978 14.5752C43.8025 14.1752 43.7944 14.1748 44.1927 14.1748C44.5043 14.1748 44.8162 14.1671 45.129 14.1778C45.3196 14.1841 45.2566 14.0552 45.2634 13.965C45.2702 13.8748 45.2941 13.7705 45.1273 13.7735C44.6243 13.7833 44.1213 13.7735 43.6182 13.7799C43.5016 13.7799 43.4638 13.7539 43.4629 13.6305C43.4604 13.2194 43.4548 13.2194 43.8629 13.2194H44.5864C44.4336 12.9862 44.2953 12.773 44.1544 12.5615C44.1166 12.5045 44.0523 12.5236 43.9978 12.5232C43.8063 12.5232 43.6148 12.5185 43.4238 12.5232C43.3212 12.5262 43.2748 12.504 43.2701 12.3853C43.2523 11.9525 43.2472 11.9525 43.6787 11.9525C44.1391 11.9525 44.5996 11.9491 45.06 11.9551C45.1971 11.9551 45.2792 11.9551 45.2728 11.7712C45.2664 11.6116 45.226 11.5699 45.0681 11.5742C44.6294 11.5852 44.1898 11.5742 43.7489 11.581C43.6212 11.581 43.5808 11.5516 43.5812 11.4176C43.5812 11.0163 43.5765 11.0163 43.9753 11.0163C44.3583 11.0163 44.7413 11.0124 45.1243 11.0188C45.2349 11.0188 45.28 10.9907 45.266 10.8775C45.2615 10.8141 45.2615 10.7504 45.266 10.6869C45.2711 10.3498 45.2166 10.3962 45.5558 10.3933C45.8375 10.3907 45.8375 10.3933 45.8375 10.695C45.8375 11.0163 45.8375 11.0163 46.1558 11.0163C46.5597 11.0163 46.9644 11.0197 47.3674 11.0141C47.4738 11.0141 47.5129 11.0363 47.5159 11.1525C47.5282 11.578 47.5333 11.578 47.1048 11.578C46.7435 11.578 46.3814 11.5857 46.0214 11.5742C45.8703 11.5699 45.8303 11.6167 45.8324 11.7627C45.8324 11.8993 45.8511 11.9602 46.012 11.9568C46.5431 11.9457 47.0759 11.9568 47.6061 11.9495C47.7534 11.947 47.8168 11.9683 47.8112 12.1398C47.7993 12.5228 47.8065 12.5534 47.4189 12.513C47.0001 12.4704 46.7125 12.5832 46.5563 12.9845C46.5286 13.0551 46.4754 13.1151 46.4095 13.2185C46.7299 13.2185 47.0223 13.2271 47.3133 13.2151C47.4716 13.2088 47.5329 13.242 47.5261 13.4173C47.5116 13.7756 47.5227 13.776 47.1537 13.776C46.7639 13.776 46.3737 13.7862 45.9848 13.7718C45.8018 13.7654 45.8379 13.8748 45.8379 13.9752C45.8379 14.0756 45.803 14.1858 45.9839 14.1795C46.3588 14.1667 46.7346 14.182 47.1099 14.1726C47.2529 14.1688 47.3044 14.2003 47.3014 14.3552C47.2933 14.7416 47.3014 14.742 46.915 14.742C46.6171 14.742 46.3192 14.7501 46.0214 14.7386C45.8762 14.7327 45.8299 14.7672 45.8294 14.9208C45.829 15.0744 45.872 15.1212 46.0324 15.1182C46.5916 15.108 47.1516 15.1182 47.7112 15.1106C47.8666 15.1076 47.918 15.1416 47.9129 15.3063C47.9014 15.6753 47.9129 15.6757 47.5487 15.6757C47.0312 15.6757 46.5141 15.6804 45.9971 15.6723C45.8656 15.6723 45.8235 15.7047 45.8333 15.8366C45.8477 16.0328 45.7703 16.2907 45.8686 16.4102C45.9728 16.5379 46.2401 16.4383 46.4358 16.4451C47.004 16.4685 47.5674 16.4077 48.1568 16.3907ZM44.8145 12.5266C44.9639 12.7606 45.0907 12.9696 45.2294 13.1705C45.2911 13.2603 45.7094 13.2496 45.772 13.1598C45.8924 12.9862 46.0022 12.8053 46.1197 12.6296C46.1648 12.5619 46.1597 12.5266 46.0711 12.5266H44.8145Z" fill="#040404"/> <path d="M24.2125 11.7357C23.8274 11.8264 23.4325 11.8527 23.0414 11.8979C22.4115 11.9702 21.7787 12.0183 21.1468 12.0753C21.09 12.0777 21.0332 12.0768 20.9766 12.0728C21.4413 10.8501 22.1017 9.74666 23.0048 8.79596C24.1419 7.59971 25.4807 6.71072 27.0744 6.24771C28.0109 5.97863 28.9965 5.92623 29.9563 6.09451C30.0869 6.11857 30.2129 6.16279 30.3299 6.22558C30.5329 6.37368 30.7482 6.50858 30.8831 6.7303C30.8508 6.77285 30.8189 6.73881 30.7933 6.72476C30.5057 6.56816 30.1942 6.52092 29.8724 6.51454C28.6315 6.48943 27.5838 6.96308 26.6807 7.7776C25.4832 8.86064 24.6853 10.199 24.2125 11.7357Z" fill="#02C168"/> <path d="M26.4656 24.355C24.7348 24.3733 23.6777 23.206 23.4471 21.6438C23.3381 20.9093 23.4088 20.1918 23.6943 19.5024C24.245 18.1713 25.4123 17.5989 26.749 17.701C28.4597 17.8312 29.3083 19.1254 29.4815 20.4893C29.5647 21.1154 29.5028 21.7523 29.3006 22.3507C28.8666 23.6337 27.8456 24.3512 26.4656 24.355ZM24.2424 21.0357C24.2301 21.5026 24.3225 21.9662 24.5127 22.3928C24.8723 23.1848 25.4855 23.6269 26.3617 23.6584C27.2673 23.692 27.9648 23.318 28.3529 22.4898C28.821 21.4936 28.8151 20.4748 28.3172 19.4884C27.9601 18.7802 27.3533 18.4215 26.5566 18.393C25.7319 18.3636 25.0816 18.6772 24.6514 19.3909C24.3518 19.8888 24.2386 20.4382 24.2424 21.0374V21.0357Z" fill="#040404"/> <path d="M53.8993 12.0529C53.9644 12.1665 54.0508 12.1592 54.1355 12.1588C54.4968 12.1558 54.859 12.1588 55.2194 12.1486C55.3318 12.1461 55.379 12.1648 55.3781 12.2946C55.373 13.5182 55.373 14.7417 55.3781 15.965C55.3781 16.0676 55.362 16.1097 55.242 16.1123C54.7853 16.1216 54.7853 16.1276 54.7853 15.6684C54.7853 15.442 54.779 15.2156 54.7883 14.9896C54.7926 14.8735 54.7496 14.8467 54.6428 14.8492C54.3874 14.8552 54.1321 14.8594 53.8768 14.8492C53.7359 14.8428 53.7146 14.8994 53.7176 15.0194C53.7253 15.3233 53.7146 15.628 53.7227 15.9318C53.7261 16.0595 53.7044 16.1152 53.5546 16.1127C53.1597 16.1055 53.1597 16.1127 53.1597 15.7152C53.1597 15.4744 53.1546 15.2339 53.1618 14.9918C53.1652 14.8824 53.1329 14.8437 53.0197 14.8467C52.758 14.8539 52.4954 14.8543 52.2337 14.8467C52.1205 14.8432 52.089 14.8815 52.0911 14.9909C52.0975 15.3088 52.0864 15.6293 52.0966 15.9454C52.1013 16.0795 52.0588 16.1097 51.9302 16.1097C51.5247 16.1097 51.5247 16.1152 51.5247 15.7199C51.5247 14.6169 51.5298 13.5134 51.5196 12.4099C51.5196 12.2141 51.5519 12.1405 51.7672 12.1546C52.1388 12.1754 52.5128 12.1601 52.9461 12.1601C52.6294 11.9971 52.3396 11.9248 52.0349 11.8252C52.1711 11.6826 52.2903 11.5647 52.4018 11.4379C52.4622 11.3681 52.5294 11.38 52.5928 11.406C52.7784 11.4735 52.9602 11.5508 53.1376 11.6375C53.1923 11.6683 53.2533 11.6864 53.3159 11.6906C53.3786 11.6947 53.4414 11.6847 53.4997 11.6613C53.8036 11.5545 54.0955 11.4303 54.3683 11.2358H54.0185C53.1827 11.2358 52.3469 11.2315 51.5111 11.2396C51.3596 11.2396 51.3064 11.2 51.3293 11.0528C51.3362 10.9963 51.3362 10.9391 51.3293 10.8826C51.32 10.7877 51.3455 10.7451 51.4545 10.7451C52.7368 10.7485 54.0189 10.7485 55.3007 10.7451C55.3943 10.7451 55.4105 10.7775 55.4224 10.8655C55.4577 11.1251 55.373 11.2966 55.1403 11.4349C54.7449 11.6694 54.3445 11.8924 53.8993 12.0529ZM54.2398 13.2261H54.387C54.8062 13.2261 54.8015 13.2261 54.7828 12.8121C54.7781 12.7065 54.7428 12.6818 54.6458 12.6844C54.4198 12.6964 54.1933 12.6954 53.9674 12.6814C53.758 12.6627 53.7023 12.7321 53.7159 12.9367C53.7346 13.2266 53.7206 13.2274 54.0053 13.2274L54.2398 13.2261ZM52.6362 13.7755H52.4882C52.0681 13.7755 52.0724 13.7755 52.0928 14.1883C52.0979 14.2913 52.1303 14.3198 52.2294 14.316C52.4903 14.3104 52.7511 14.3083 53.012 14.316C53.135 14.3198 53.1635 14.2764 53.1648 14.1594C53.1686 13.773 53.1737 13.773 52.7843 13.773L52.6362 13.7755ZM54.2708 13.7755H54.1006C53.7116 13.7755 53.7176 13.7755 53.7265 14.17C53.7295 14.2756 53.7521 14.3215 53.8678 14.3181C54.1287 14.3109 54.39 14.3117 54.6509 14.3181C54.7581 14.3207 54.7756 14.2756 54.7785 14.1807C54.7939 13.7755 54.7973 13.7755 54.3955 13.7755H54.2708ZM52.6303 13.2223H52.7792C53.1929 13.2248 53.1891 13.2253 53.1622 12.8108C53.1563 12.7155 53.1239 12.6916 53.0346 12.6929C52.7582 12.6963 52.4822 12.6963 52.2064 12.6929C52.1303 12.6929 52.0979 12.7078 52.0894 12.7959C52.0468 13.2176 52.0468 13.2185 52.4571 13.2214L52.6303 13.2223Z" fill="#040404"/> <path d="M41.781 21.9232C41.781 22.519 41.658 23.0816 41.2703 23.5463C40.6319 24.3063 39.794 24.4523 38.882 24.2238C37.9794 23.9978 37.5139 23.3493 37.35 22.4645C37.2545 21.9616 37.2881 21.4427 37.4479 20.9563C37.7854 19.9299 38.7889 19.3452 39.8966 19.5213C41.0971 19.7103 41.7861 20.5904 41.781 21.9232ZM38.096 21.9734C38.0989 22.1524 38.1206 22.3305 38.1607 22.5049C38.3212 23.1646 38.7948 23.6033 39.4085 23.6603C40.0221 23.7174 40.5711 23.4012 40.8149 22.8177C41.0745 22.1956 41.0703 21.5623 40.7873 20.9482C40.549 20.4376 40.1294 20.1593 39.5617 20.1529C38.9855 20.1465 38.5646 20.4197 38.3033 20.9325C38.1463 21.2423 38.0952 21.5738 38.096 21.973V21.9734Z" fill="#040404"/> <path d="M50.7805 23.5117C50.3472 24.1577 49.7442 24.3561 49.0178 24.308C48.2378 24.256 47.7322 23.7973 47.6858 23.0126C47.6211 21.918 47.6726 20.8209 47.659 19.7247C47.659 19.6157 47.7054 19.597 47.7999 19.597C47.9415 19.6071 48.0837 19.6071 48.2254 19.597C48.3829 19.5813 48.4084 19.6472 48.4076 19.7881C48.4016 20.7005 48.4046 21.6129 48.4046 22.5249C48.4046 23.1964 48.6033 23.5156 49.0944 23.6313C49.6795 23.7701 50.3043 23.5037 50.5626 22.9998C50.6945 22.7423 50.7371 22.4644 50.7375 22.1789C50.7375 21.3869 50.7434 20.5945 50.7336 19.8026C50.7336 19.6323 50.7809 19.5932 50.9464 19.5957C51.4792 19.6047 51.4792 19.5957 51.4792 20.1379C51.4792 21.432 51.4762 22.7262 51.4835 24.0203C51.4835 24.1807 51.4435 24.2203 51.2847 24.2177C50.7834 24.2092 50.7834 24.2178 50.7834 23.7139L50.7805 23.5117Z" fill="#040404"/> <path d="M30.0274 21.9452C30.0274 21.3464 30.138 20.774 30.51 20.2876C31.0632 19.5642 31.8292 19.4144 32.6765 19.5399C33.4212 19.6501 33.9412 20.0353 34.1387 20.7898C34.1532 20.8443 34.154 20.9021 34.1702 20.9558C34.2 21.0541 34.1604 21.0834 34.0681 21.0741C34.0256 21.0698 33.9828 21.0698 33.9404 21.0741C33.6276 21.1085 33.3557 21.1064 33.2701 20.6979C33.2301 20.5064 33.045 20.3778 32.8646 20.2838C32.1837 19.9302 31.3019 20.2276 31.0036 20.9324C30.7413 21.5284 30.7259 22.2043 30.9611 22.8116C31.1853 23.4074 31.6535 23.6993 32.2803 23.6627C32.8727 23.6278 33.2646 23.2951 33.4199 22.6759C33.4459 22.5729 33.4753 22.532 33.5816 22.5367C33.7442 22.5435 33.9076 22.5452 34.0698 22.5367C34.1953 22.5299 34.2068 22.5793 34.1872 22.6878C34.0144 23.6381 33.325 24.2624 32.3875 24.3083C30.9092 24.3819 30.0189 23.4925 30.0274 21.9452Z" fill="#040404"/> <path d="M37.0289 10.5963C37.5604 10.5963 38.0928 10.5997 38.623 10.5938C38.7469 10.5938 38.7894 10.6167 38.7933 10.7538C38.8626 12.836 39.4342 14.7851 40.39 16.6265C40.4751 16.7933 40.47 16.8644 40.301 16.9546C39.9257 17.155 39.9278 17.1674 39.7278 16.7763C39.0043 15.3719 38.5575 13.8752 38.2852 12.3241C38.2315 12.0185 38.1898 11.7091 38.1639 11.4002C38.1528 11.2683 38.1124 11.2393 37.9873 11.2397C37.1361 11.2453 36.285 11.2398 35.4369 11.2466C35.2713 11.2466 35.2241 11.2066 35.2267 11.038C35.2377 10.5963 35.2292 10.5963 35.668 10.5963H37.0289Z" fill="#040404"/> <path d="M35.2049 21.9224C35.2049 21.4207 35.2019 20.9185 35.2074 20.4168C35.2074 20.3006 35.1815 20.2466 35.0563 20.261C34.9997 20.2668 34.9427 20.2668 34.8861 20.261C34.7333 20.2491 34.5031 20.3308 34.4457 20.2261C34.3678 20.0831 34.4197 19.8704 34.4146 19.6878C34.4116 19.5865 34.4827 19.6001 34.5452 19.6001C34.7155 19.6001 34.8857 19.5925 35.0559 19.6001C35.181 19.6074 35.2104 19.5601 35.2078 19.4427C35.201 19.0895 35.2117 18.7358 35.2023 18.3826C35.1989 18.2507 35.2372 18.2056 35.3687 18.2192C35.5559 18.2388 35.807 18.1409 35.9151 18.2617C36.0079 18.3643 35.9445 18.6099 35.9462 18.7924C35.9487 19.0184 35.9517 19.2448 35.9462 19.4708C35.9428 19.5729 35.9743 19.6052 36.0768 19.6018C36.296 19.595 36.5156 19.6052 36.7347 19.5976C36.8483 19.5937 36.8751 19.6346 36.879 19.7435C36.8956 20.2627 36.8981 20.2627 36.3849 20.2627C35.9449 20.2627 35.9449 20.2627 35.9449 20.6951C35.9449 21.4934 35.9449 22.2921 35.9449 23.091C35.9449 23.4591 36.0164 23.5306 36.3896 23.5519H36.4109C36.9215 23.5778 36.9186 23.5774 36.8751 24.1013C36.8671 24.1992 36.83 24.2179 36.7475 24.2153C36.4577 24.2064 36.1675 24.2298 35.8785 24.1855C35.4415 24.1183 35.238 23.9183 35.2223 23.4697C35.2044 22.9544 35.2185 22.4382 35.2185 21.9224H35.2049Z" fill="#040404"/> <path d="M35.6124 12.2828C35.5273 13.7471 35.1179 15.1026 34.4809 16.395C34.3749 16.6078 34.2545 16.818 34.1468 17.0333C34.0996 17.1274 34.0617 17.1512 33.9557 17.0929C33.5136 16.849 33.5106 16.8537 33.743 16.412C34.3902 15.1889 34.8226 13.9012 34.949 12.5164C34.9545 12.4598 34.9549 12.4032 34.9622 12.3462C34.9788 12.2151 34.9073 12.0058 35.0017 11.9683C35.1613 11.9053 35.3622 11.9453 35.546 11.9432C35.6222 11.9432 35.6111 11.9994 35.6111 12.0475L35.6124 12.2828Z" fill="#040404"/> <path d="M50.8126 11.7162C50.6849 11.8392 50.5768 11.975 50.4381 12.0656C50.3649 12.1137 50.3079 11.986 50.2517 11.932C50.0083 11.6962 49.7738 11.4511 49.5283 11.2175C49.4402 11.1324 49.4197 11.0855 49.5202 10.9872C49.8121 10.7021 49.8066 10.6962 50.0934 10.9821C50.2985 11.1868 50.5036 11.3907 50.7079 11.5958C50.7411 11.6298 50.77 11.6686 50.8126 11.7162Z" fill="#040404"/> <path d="M42.8859 11.7123C42.7583 11.8365 42.6506 11.9731 42.5127 12.0646C42.437 12.1148 42.3812 11.9863 42.3251 11.9323C42.0812 11.6974 41.8476 11.4518 41.6016 11.219C41.511 11.1339 41.4969 11.0846 41.5952 10.988C41.8846 10.7028 41.8791 10.6973 42.1663 10.9837C42.376 11.1931 42.5858 11.4024 42.7957 11.6118C42.8247 11.6408 42.851 11.6731 42.8859 11.7123Z" fill="#040404"/> <path d="M30.9256 6.8101C30.8958 6.79052 30.8469 6.78073 30.8851 6.72754C30.9366 6.73648 30.9277 6.77478 30.9256 6.8101Z" fill="#02C168"/> </g> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" stroke="#EEEEEE"/> <defs> <clipPath id="clip0_16526_155821"> <rect width="51.0118" height="20" fill="white" transform="translate(5 6)"/> </clipPath> </defs> </svg> </li> <li class="payment-methods-icon"> <svg width="62" height="32" viewBox="0 0 62 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" fill="white"/> <g clip-path="url(#clip0_16526_155790)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4739 9.71973C12.4211 9.71807 11.4107 10.134 10.6643 10.8764C9.91784 11.6187 9.49632 12.6268 9.49219 13.6796C9.49219 14.7541 9.50363 17.4075 9.50363 17.4335C9.50349 17.4631 9.5092 17.4925 9.52041 17.5199C9.53163 17.5474 9.54814 17.5723 9.569 17.5934C9.58987 17.6144 9.61467 17.6312 9.642 17.6427C9.66934 17.6541 9.69866 17.6601 9.7283 17.6602V17.6602C9.75535 17.6602 12.492 17.6488 13.4614 17.6509C14.5141 17.6525 15.5246 17.2366 16.271 16.4942C17.0174 15.7519 17.439 14.7438 17.4431 13.691C17.442 12.6383 17.0234 11.629 16.2791 10.8845C15.5348 10.14 14.5256 9.72111 13.4728 9.71973H13.4739ZM13.4624 17.1963C12.6553 17.1963 10.6291 17.2026 9.95089 17.2047C9.95089 16.5369 9.93945 14.5679 9.94049 13.6806C9.9449 12.7468 10.3199 11.8529 10.983 11.1955C11.6461 10.538 12.5432 10.1707 13.477 10.1743C14.4086 10.1767 15.3013 10.548 15.9599 11.2068C16.6185 11.8656 16.9895 12.7584 16.9917 13.69C16.987 14.6228 16.6126 15.5157 15.9507 16.173C15.2887 16.8303 14.3932 17.1983 13.4604 17.1963" fill="#DB0011"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4763 7.93263C10.3215 7.92742 7.75546 10.508 7.74609 13.6847C7.74609 14.9151 7.75546 17.5426 7.76066 18.6867C7.76014 18.693 7.76014 18.6992 7.76066 18.7055L7.75337 23.9821C7.7531 24.012 7.75872 24.0417 7.76992 24.0695C7.78111 24.0972 7.79766 24.1225 7.81862 24.1438C7.83958 24.1652 7.86454 24.1822 7.89207 24.1939C7.9196 24.2056 7.94917 24.2117 7.97909 24.212C8.00895 24.2119 8.0385 24.2058 8.06602 24.1942C8.09355 24.1827 8.11852 24.1658 8.13949 24.1445C8.16046 24.1232 8.17703 24.098 8.18824 24.0703C8.19945 24.0427 8.20507 24.013 8.2048 23.9832L8.21104 19.4668C9.0702 19.4668 12.2333 19.4512 13.4628 19.4533C16.6175 19.4533 19.1888 16.8769 19.1929 13.7003C19.1971 10.5236 16.631 7.93679 13.4763 7.93263ZM13.4607 18.9936C12.2343 18.9936 9.08373 19.0029 8.21312 19.0061C8.21312 18.1396 8.19544 15.0535 8.19752 13.6857C8.19696 12.2843 8.75233 10.94 9.74177 9.94765C10.7312 8.95529 12.0739 8.39595 13.4752 8.39237C14.8761 8.3998 16.2169 8.96237 17.2037 9.95676C18.1905 10.9511 18.7428 12.2962 18.7394 13.6971C18.7397 15.0986 18.1841 16.4429 17.1945 17.4352C16.2049 18.4276 14.8621 18.9869 13.4607 18.9905" fill="#DB0011"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5348 6C11.5393 6.00055 9.62551 6.79243 8.21302 8.20199C6.80053 9.61156 6.00468 11.5238 6 13.5192C6 15.6162 6.02184 20.8003 6.02184 20.8471V23.9623C6.02184 24.4897 6.37133 25.9979 7.93676 26C9.6114 26 9.99001 24.5542 9.99105 24.0466C9.99105 23.6773 10.0181 21.7177 10.0275 21.0645C11.1917 21.0603 12.3553 21.0603 13.5182 21.0645C15.5138 21.0628 17.4272 20.2697 18.8388 18.8591C20.2504 17.4485 21.0448 15.5356 21.0478 13.54C21.0487 11.5445 20.2581 9.63016 18.8495 8.21669C17.4409 6.80323 15.5293 6.00606 13.5338 6H13.5348ZM13.514 20.5975C12.8099 20.5975 11.5773 20.5975 9.84855 20.6037C9.82706 20.6037 9.80568 20.6068 9.7851 20.6131L9.7331 20.6287C9.68621 20.643 9.64511 20.6719 9.61575 20.7112C9.58639 20.7505 9.5703 20.7981 9.56979 20.8471C9.56979 20.9594 9.53131 23.6004 9.53027 24.0456C9.53027 24.0612 9.45954 25.5413 7.93156 25.5392C6.53256 25.5392 6.47535 23.979 6.47535 23.9623V20.8419C6.47535 20.7899 6.45038 15.611 6.45351 13.5151C6.45736 11.6408 7.20497 9.84473 8.53213 8.52128C9.85928 7.19783 11.6575 6.45525 13.5317 6.45663C15.4053 6.46021 17.2008 7.20698 18.5244 8.53304C19.8479 9.8591 20.5912 11.6561 20.5912 13.5296C20.5874 15.403 19.8405 17.1983 18.5144 18.5216C17.1884 19.8449 15.3916 20.5881 13.5182 20.5881" fill="#DB0011"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.527 12.4096H25.1675V15.3408H26.2357C27.3248 15.3408 28.3816 15.1691 28.3836 13.819C28.3836 12.6312 27.5338 12.4117 26.5311 12.4107L26.527 12.4096ZM28.0144 15.9316C27.5588 16.0823 27.0805 16.1527 26.6008 16.1396H25.1665V19.5066H24.1523L24.1627 11.6306H26.5686C27.2364 11.6306 27.927 11.643 28.5095 12.0258C29.145 12.4419 29.4456 13.1596 29.4456 13.8981C29.4587 14.3457 29.3269 14.7855 29.07 15.1522C28.8131 15.519 28.4447 15.793 28.0196 15.9337L28.0144 15.9316ZM32.9582 16.7335C32.1178 16.7335 30.7365 16.8282 30.7354 17.9505C30.7354 18.6256 31.3054 18.9907 31.9306 18.9907C33.3004 18.9907 33.4419 17.8704 33.444 16.7595C33.2827 16.7411 33.1205 16.7324 32.9582 16.7335V16.7335ZM33.6343 19.5128C33.5867 19.257 33.5544 18.9986 33.5376 18.7389C33.0841 19.4026 32.4798 19.6303 31.6924 19.6293C30.6793 19.6293 29.7847 19.1155 29.7858 17.9932C29.7858 16.3476 31.579 16.1542 32.9062 16.1562C33.0862 16.1562 33.2661 16.1646 33.4461 16.1791V15.8515C33.4461 15.0017 33.1454 14.5222 32.2509 14.5211C31.5821 14.5211 31.1827 14.7697 31.1172 15.4895H30.1893C30.2455 14.2923 31.2056 13.9012 32.2301 13.9022C33.6208 13.9022 34.3 14.439 34.2979 15.8785V17.9047C34.2897 18.4471 34.3469 18.9884 34.4685 19.517L33.6343 19.5128ZM37.5567 21.5879H36.6071L37.5058 19.5076L35.1935 14.0125H36.2721L37.9801 18.5143L39.6901 14.0177H40.6501L37.5567 21.5879ZM49.1627 19.5326L49.1731 12.4408L46.4136 19.5295H45.491L42.7346 12.4211L42.7252 19.5243H41.8078L41.8182 11.6472H43.4367L45.9944 18.3042L48.5053 11.6472H50.1228L50.1124 19.5232L49.1627 19.5326ZM54.2158 14.5939C53.2131 14.5939 52.7159 15.4198 52.6285 16.3352H55.6449C55.6574 15.4313 55.205 14.5919 54.2126 14.5898L54.2158 14.5939ZM52.6056 16.9676V17.0716C52.6056 18.0847 53.1423 19.0115 54.2428 19.0135C55.0188 19.0135 55.5264 18.5351 55.646 17.7654H56.5519C56.3346 19.0614 55.4078 19.6595 54.1658 19.6584C52.4735 19.6584 51.6549 18.5143 51.657 16.876C51.6591 15.2378 52.4808 13.9366 54.2491 13.9386C56.0714 13.9386 56.5873 15.3689 56.5852 16.9707L52.6056 16.9655V16.9676ZM13.5272 11.5078C12.9552 11.5139 12.409 11.7466 12.0084 12.1549C11.6079 12.5633 11.3857 13.1139 11.3907 13.6859C11.3907 14.2694 11.3959 15.7007 11.3959 15.7007C11.3954 15.7463 11.4129 15.7903 11.4446 15.823C11.4764 15.8557 11.5198 15.8746 11.5655 15.8754V15.8754C11.5655 15.8754 13.0071 15.8692 13.5209 15.8702C14.0928 15.8639 14.6389 15.6311 15.0394 15.2228C15.4399 14.8145 15.6621 14.264 15.6574 13.6921C15.6638 13.1202 15.4431 12.5691 15.0438 12.1596C14.6445 11.7502 14.0991 11.5158 13.5272 11.5078V11.5078ZM13.5272 15.4084C13.1454 15.4084 12.2197 15.4084 11.8484 15.4084C11.8484 15.0329 11.8484 14.1124 11.8484 13.6828C11.8464 13.2339 12.0214 12.8024 12.3355 12.4817C12.6495 12.161 13.0773 11.977 13.5261 11.9696C13.9775 11.9751 14.4082 12.1595 14.7237 12.4822C15.0392 12.805 15.2138 13.2397 15.2091 13.6911C15.2127 14.1424 15.0371 14.5767 14.7208 14.8987C14.4044 15.2207 13.9733 15.404 13.522 15.4084" fill="#DB0011"/> </g> <rect x="0.5" y="0.5" width="61" height="31" rx="2.5" stroke="#EEEEEE"/> <defs> <clipPath id="clip0_16526_155790"> <rect width="50.5866" height="20" fill="white" transform="translate(6 6)"/> </clipPath> </defs> </svg> </li> <li class="payment-methods-icon"> <svg width="192" height="100" viewBox="0 0 192 100" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g clip-path="url(#clip0_9502_281)"> <path d="M0 8C0 3.58172 4.29807 0 9.6 0H182.4C187.702 0 192 3.58172 192 8V92C192 96.4183 187.702 100 182.4 100H9.6C4.29807 100 0 96.4183 0 92V8Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M182.4 2H9.6C5.62355 2 2.4 4.68629 2.4 8V92C2.4 95.3137 5.62355 98 9.6 98H182.4C186.376 98 189.6 95.3137 189.6 92V8C189.6 4.68629 186.376 2 182.4 2ZM9.6 0C4.29807 0 0 3.58172 0 8V92C0 96.4183 4.29807 100 9.6 100H182.4C187.702 100 192 96.4183 192 92V8C192 3.58172 187.702 0 182.4 0H9.6Z" fill="#DDDDD8"/> <rect x="16" y="25" width="160" height="49.7479" fill="url(#pattern0)"/> </g> <defs> <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"> <use xlink:href="#image0_9502_281" transform="scale(0.00420168 0.0135135)"/> </pattern> <clipPath id="clip0_9502_281"> <rect width="192" height="100" fill="white"/> </clipPath> <image id="image0_9502_281" width="238" height="74" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAABKCAIAAAAzAf+NAAAACXBIWXMAAApNAAAKTQG1k+TGAAAU9UlEQVR4nO1dPWzbaJrWGvEVZiCnSBRsECGgkeK8krJFFmM6wExhYjduomYCH9Qmck0n7mRgshlA6pxYtblphfNmGk1xygzoYhaIaOBSXCSdp8iJyGnggZkUYyN042IO0ZN98w0/kiIpSpZzeorAISn+Pt/7vf/f73799dfYwNA56rR+af33Qatz1Okc/fST1ekcddwuFp+Mp86lpyfjqenU5alk6lwqNZ3ijhpjDGdET+XOUaf+pv7s51rrl5YHcf0A5F78/c35CzfGtB7DG5FRuXPUebZX23q91TpocTsjQHIqefPS4tKVpTGnx3BEBFSu7dX+/r9btb0at2cgSE2n8leXFy8txifj4286BqEvKm+93nq0u96nFhEO8cn48tXl/NXlMaGHDMMwLMtKdDFSNzbBbfGFrddbUm3u3ouVE+FxLBY7PD5c312fq332aHf98PiQ2z9YaJq2trbWbDZtV2k2m5VKhd9OME0z24XHMW6oVqvlctk0TZf9MZx/rQtuT2RQVbVQKGiaFskJy+VypVKxLIvb44pms4l3aDvgjNsP3NA6aD14+aD+5rnL/qEChN56vfXXaw8XLy0O7dKVSsU0zf39fVVV2e2NRqNSqcRisXQ6zf3owwH4w+0AD2iaZhiGIAj5fN7tKNM0cYlmsxniEkOGZVkYEqIoSpLU58WDSeVHu+t/0f48IjwmdI46d/U7d/U7wxHP4HEsFvOglBsgjEVRdNnvCtM0DcOIxWKyLLsdgxGSyWQgwrmdIwdd12OxmCAI/fM4AJVbB62/aH9e313n9owKanu1udpn9bf1gd6PaZpgSSaTkSRpbW3NQ1uoVCrZbBZyGoDIBNsCAV89kUj0HAa5XA7He6sio4CdnZ1YLBYJj/0qGLW92r0XK8NXSYPi8Pjw9g9frs6u3p9dHdAlyuUyFLsQItkwDNArnHZBX50dG24QBMFbnZVlmey2ZrNJmk9P7O/vk1Xg8yfstQiWZWF8zs3Ncb8Ig95UfrS7PsrCmMd616ny8NrXkTs3KpUKPnkulwuhJOC3IeZT0i5g6/jhkGVZ3odlMhmiF6n4/tHowufh7LUIGGmJRGJIUvnei5Wt11vc5lHH+0jNL62nX3wTIZt1Xcf3FkURk3hQkJh09DDk83m34UEqDQgR7uo2sNxKJBL+dZ52uw1n3MWLF7mdzhAEgd+Oh/JW/QPBi8qnlMdA66B1+4cvo2KzYRjlchlfZWVlhdvv6wyQrJZlOcozN4cUmfkLCwvYEgmVWchdcJudsba21mg0ZFnu5zaazSZ0rWFQ+VTzGIiKzaZpFgoFUE1RFFEUTdPkZ0xvgI6CILAOUYh5qJJuJ9Q0DVIwwq9+4iCRjKeudBH0pmyuZWcqq682TzuPgdZBS3212acVSPOjoihkeLXb7eXlZWzf3Nw8e/YsmUSapsGngf+ykjWbzbLCjKjsYQjiq/ufzUcfpmmSQybCm3Wgcm2v9uDlA27z6QOyNZauLPV554hKWJYFuWiaJnhJui80B4LZBbulWq1CqDtqjR7QNM3Rp9ZsNguFArfZF0qlksfIGQJ4ASzLciBlHZGpUqnEbrdTuXPUufcijC44Uli8tJi/ujx/fj6qm2Ind2JwLpfzI1csyyLPHasQ0wDwIBb/1U87DMPgvYQe+pUHbO/NTuV7L+6Nvv/YA0tXlu7Prianku6H9AXLsjDjS5Lk8+2TSLbJbzc7j0BhRR7pdHpw8TzDMGwBeRbtdptVomyAe8dj8vE4c5/4DZXVV5ujFpT2iZ6JcofHh8/fPO8/T4NyX/h0FjeAc4lEAmkbdJR35I/CirIs82JsoHDzsdhuz3GYNRoNTdPcJhNd13HmQTzURyojNYc7YNSRnEren131VojVV5vr3QS6p19804/WYRgG0YtmN0cnMUEUxUwmo+t6Lpcrl8u8VHYTYKqqWpYliuLwqUyzjSRJbq5uR2D+cRuclmVBJGezWbenJhiGETQI9ZHK6yeRLdkP5i/cWJ1d9aZm/W393n9+zERd311/+vlT7ii/oMmRVS16CjBFURDTgmeaPhJo7fjB9C5isRg5SWwg0zMEHMPILBAxaTQalmX5dx5TKNttvoK+JAhCLpfz0I4Mw9jY2DBNU1XVQFbyByp3jjrqq01u74jCj0LcOer89eUDW21L/c3z+tu6N/vdUK1WHVlrs6NtEAQhkUjA7IOO0W63QV8PBYOS4NLptKNKapqm2yTeE45hZBtyuRxC0/6TRTc3N3Fyt+PxUIqieBO03W7jyGq1GigK84HKfz8NXmSflSOHx4fQKLg9sdCC2cMScvtyPGZmZkzTbDabsiwTQR2lcjab1XXdI2MpkUiEDrb5sVbT6TQUm42NjXK57E0+0A7887jnfD6vqmrPjAtZliG/q9WqH1WE8IHKm6Mtkv0oxMDW660HL7/y0JTqb563DlqBal0tyyoWixCxgiA4mjt+IIoi2T3QH0RRdPxUgiBAG3FDP1T2iXw+j0xRVVUVRfH4kWEYpFo4jkxAFEW8xp6AXQFnkf/HPIPP7/HtTxZ+FGKg/rb+4L++8lPvrb7afHx9g9vsCipDyufz29vbNiqrqmoLkRAWFhZYh7QkSZA3VOvhqF2MCARBUBSlVCppmgYh7XhfGOewUKMaXeEE8/vU+2c/D6lYOhCWrizpiztPP3/ak8cI69z+4UuffQuCFocjodYt58YwjIYLbKQnGVypVPyUhJw4JEnCHZbLZUeV3bKsQqEAY25lZSVoLNMDGBXkxfeDMyE+LYDy/chTNQKVUkMt3ny1GWhWOTw+DGT8ybJsmqa3yLGZO24BZ0mStC58loR4ABlq7vudkclkfM7ygKIosMOKxWKpVGJvGDwmY66fZ+EhyzLckf4F80S4CqL4ZPxv0pPH1zeefvGNtyfBP5JTycfXN3Zv/Xh/dtUPj2t7NdRohdCOgkaCvHkMOynHwC37hxXDbk6rUQMYDOKSbLbxOKr0eRZ4P1Rs0hNnwoX3Do8PO0ed5FRy/vz8d/L3916s9NPSxb9CDPRf9f38bf0+t3FAaDablGOQTqfhkhMEIRLtAqPHz5GhM5AEQSiVSiBuoVBQFGVmZqZYLGLaURRlQGoSyiIzmczMzAy30wFnQvfFerS7DuMJErqn68ARQVMmDo8PH7z8qn+tpvWLg+YXDu/evfP4naZp5XKZpnVKObe6iFC5HChYNpNrBQmDg1P34cbxr7dMdKyQPVlqezWWuEtXlr6Tv/fp5IpPxldnV3dv/fj4+oZ/Hj/q9nCJRDs/PD6MymmDSdaRlOAx0d2yrI2Nj54Tb3fbqEEQBFvoMZfLDdpsDaR/T4SWyjC52C3JqeR38vernnnuQRVioP62LtXmog2tR9KmkdQ4m1sNaUMQwKIoIiJITj1ogSGKQ08KpmmWy2WbfqKqas9uScOEQ+q9f2w6FWjcn12dv3CDzXwAgirEQNfRdm9k8/W2t7d5XwRpEbDzEF8ol8vgfTabzefzqKSoVCojXunUbDbJ5ULO5rNnzyJNArtQ5zf8FnI2Da0vKh8eH2693uKDcLAFt17/e+3nZ11JfDlEDjEy9UY5M0TTNLDTxsV0Oi2KomEYZJOVy2XqKIUtiqIgX0dV1ZmZmWg9Wf0DIw2tvehkqOYCe8rlcrVaxawCQkuStLCwMAhXhg3kgrQpdX1RGforT2Vow/mue5jb4wuUltnn7Q0Ouq5D2U0kErxbbXl5eX9/n+IL5EgulUr4ADCkFEWBV8vmsvUPJHX4ORwp895AuMfGYIxVm9xFghvCcng6ZPOhy8fc3NwgOI0BRvnftr39Urlz1Knt1SJsPeg//nyyQF2qIAhra2u8zZfuAnk2VGttO1IURUVRkGxQKBSC5jQC7OzfD1RVRWk3ew4oPx5JoYlEQlGUXC6H2zBNEwW51Etpbm4uEvWJjwfxp+2Xyu/fwv+okVDZMS1zZIGYSM/kdMgtCjTweyG2M5lMUB4vLCyEqDZ1IyVbYRVUsiK3KZfL6bq+s7Oj6zqGhK7r/CP3DzRg4L3pEVC5nyRgwDstc6SAb+O/SxCcrx7asCzLhmHwKgp7hkwmw/+cF0v9AOkWSLoPXY8tdaEoCprQwVrgjopRdr/buOKBindsdru93839x2f9t/teurIUKNeMRbjYSv/w7wUf41Rg4rIQQQbF1uutEOOh/rZ++x+3T6pH6JjHnxgmovqij4KoB5SWeVIO4zGPPz1MRNX3xBbH9gBa559sI6/UuTGVPzVMRPVR+Tg2j9peLfL4czjMn79xsjcwRuSYSE4lo5ptPQoE3zfV/Mftu/qdk1pRyoZhrsEzxnAwAf9DJNdCHJvfeO/FykgtxjNevvKTxHsq34xORNlW0VNfbUaVlhkhbv5+LJI/QXxYTfWufieqMFtyKgkxH85DN2jEJ+O7t348vR/SsizDMN69e2cYBlZRYNtgUtcij2jz0IB1V3E1tzYJEeJDtC9/dTkqKneOOqMct1sOleFEbdndCoBLpZKu6x5FoLlczrIsZHhyO32h2WxWq1XHQjc0QJIkiboWBYqlRQvUTfF9SpHREahLSyB8WLdv/vz8/IVP36hHvh63uTcoG8GRSbQdeZvczo/yyS3o6g3LstbW1gqFAl0dXRUpmm2aJtKbRgGo9eJvBMPMkeWR4GMOxurs6u3T2ZHWP5bDLu+O+dGyrGazySfZsPxuNBr8AZQcx+/qCba2OZPJ3Lp1y3YSXdcNwxhoI3tkvQWtEmDb6+u6/u233yIxo1Qquc1d/eDjaqrz5+ejcmWMJtCtK/StoeTJsfUEmzHsmD3cTy8i4nE+ny8Wi/xgkCRp0E23tre3K5UKSmbCQZKkYrGIkQBCR36Tv1kYeBDLNo4OHv8pZMITAAHDmjIEm1S27aUFJEMsG8q2FfTInjstIDvBTU/rB79J8oxPxh9f37ir3zntr4xH/0uTSJKEZp42FYL6v+dyOXTQsi2FRuS2CVSsykHySRTFbDZrs9Vo8ckQPEbPNTq/rYEdAUsxUDFiOp1mLTMYkai63d/fp7racCWJgiCgVMzt6raXQGt+8nMR766x5ytjQZpT1GvZD1LTqYfXHvZ5Evi8UIDEvllaPp9WZscKjXQAFiW3eaNUVbU5Q1CJxHaWoG9869Yt7nZ6gK8uaTQa1WqVKrJoPUJbyTQdBpuSrQlnmzpnMplwCdPsnIZyXf4l0NWR9+y2eHC1C6pgd0i9f3jtYeugdUoXJeHxvuPM/BNucxhkMhlN02wqBJRjSZJI5KCDMh3Al7ISj1EXmEgkUNiMqlXyo7mJcz8AjymPnnLhWZMLV4Exmk6nBUHY2dnBbRSLRUxB0MJ5sy+cp49mMPwcS1vQ1eFtZK++sLCALpI4zHY2EskYnA5UjsViT6Qn/htjjjLik/EIu9ql02moBFS2Th3NwJhMJoNKT/oJ3ygDH4ztK0BFHHBUVSoVbMcgCd241qZeo1oWhCYv3traWiKRIDmN+i5VVTH5oOiL5oeLFy/2aV9SFxvwMt8Fe/VEIoGrg7vUBHF7e5v320DA0+ia4C4XIwac9qTeyJ+CWEUEtQlOEJpdPQl0ZBtlUPW1rf82VtBh1wXsB5Ik2dRrR5OLD8LRr3j7tR/ouo5+CZD0VHbOXx1bSJ/GO0HTcvZI6kBC/j5nKn8CbB7E/RMjyeMGPZiKTHmu4w9et3Y04+gwR49eIPDnh/5DPZMc0eyCryMMh0KhkP0nSqUS2OlYYUpPjVaR7EZ6EHaE02TIPqazggGADadR0xjcOLSpEPiDvGwoKcVqNNlslsQzSQ7y5WmahmHAwruTYv9ARNBGZRhzfGPzyIGJwhbKgZuFF7oEWq5K0zQaA0Rr1gLxojJxos+es0NGajr1+E8bA5pPUGQPjlqWhQ/AqrPpdBot8FnnBolbx2VV3QD55KcVS2iEW/LfJ1Bqzk4INlB7SG/wxp/N4AN6UJl6zqqvNk/FGu6LlxYfX98YXKCHWEtizNYwLpPJYMVVuDLc7Db6zI7ACfEvTuVIhT5BnbLQyII8J3z/lHCYmZnxCKez7Z28r24z/owu+PYJfvtg5K8uX55KjnL0JD4Zf3jt60HH3lmPG+SlzbKmj9doNCCV2SAfSRHWXnEDBWWq1ar3Gk3hQDl0g8iI6Ak8Gtqc9syVk2WZ9BCym20v0NXs47F4aXFk64jmL9z4Tv5+ODkk4C4lEvCMhBimiZvlOglXXlHmATUR82nkSQuktfPxl0Gr7LYQqZ+cTzLv0JTRsZ9OACpD8nHbThjJqeTfpCdPP38alfO4J0AvfAnHZDeIYRCF93aRd8kPO8mDRklFUYG0dlt2KE3fA4WbkWfzyhNoVEPT4CfDwFSuvwmzBs+AgK7j+uLOkOcKVgw76sHsRj66S6vFFItFm9MNSaTsFrRIpFRPaOG2E4Zb75rmBzZ+jvWluWM/PHK73eavHg70DtlsO9M06eq8O3JhYYH+thl8QICecZ2jzogUOKWmU/mryyeYkipJEq8HEyi52ZHr1MATKRCiKJJchEBi03zZFokIBFYqFfYn+/v7bFty7l5cgXV90CIaSzwhuE3Hs7KZDFAciTt3O7NP0NWRdmIYhne6HBl/bk8agMrPTtofF5+ML135t6UrSyceuEmn03jvPFMBZBe4rcwHoYIIrW02FwRhf3/fpn/LsgzHCKQvrwAkEokQ8jKfz2NNPlapQHEKciHoSMSQkYkBKY5m99wpg10dq8raspRwde7wGL1VURR5++Rjmaof9CxlXby0CJI9f1uPMBspOZW8eWlx/vz86BidcJA52nwAzBo3fyrBpjH37KJpWZYtbz2RSLBtQunGeB2dTD3bXbH3gBwMt5undTVhIbhlFHnfg8cbYK/Ov1vTNGE5uC2vFoDKs9/+q1tXofkLNx5ee2gTlvUuoVsHrY7VCRQvjE/GU+fSN87P/2E6lTqXGpo9N8YoA4XAyDdyvE2/CkbroOXIY1QZOaqt70tfmWz3zlHnp6Of3FYy/cN0avpfpvErbucY/99BpeYe9ep+qcwryoEWowbpIV/HZB0jECi6jlbkbj/1S+Xnv10KO+gqqGOMEQLNZhOrqrF+STcEXsDhfXHRH78eS9YxhgAsEw95rCiKtxHp1+xrHbSe7dUu/7OJ1hhjDAeGYbTb7Z6Ov1gs9n+mw/QwQ7jWfgAAAABJRU5ErkJggg=="/> </defs> </svg> </li> </ul> </div></div><div class="grid__item one-half small--one-whole site-footer-item-tall"><ul class="list--inline site-footer__social-icons social-icons site-footer__icon-list"><li class="social-icons__item"> <a class="social-icons__link" href="https://www.facebook.com/mothercareHongKong" aria-describedby="a11y-external-message"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 20 20"><path fill="#444" d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"/></svg><span class="icon__fallback-text">Facebook</span> </a> </li><li class="social-icons__item"> <a class="social-icons__link" href="https://www.instagram.com/mothercarehongkong/" aria-describedby="a11y-external-message"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"/><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"/><circle cx="390.5" cy="121.5" r="30.2"/></svg><span class="icon__fallback-text">Instagram</span> </a> </li><li class="social-icons__item"> <a class="social-icons__link" href="https://www.youtube.com/user/mothercaretv" aria-describedby="a11y-external-message"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 21 20"><path fill="#444" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"/></svg><span class="icon__fallback-text">YouTube</span> </a> </li></ul></div><div class="grid__item small--hide copy-right-desktop site-footer-item-align-right one-half"> <small class="site-footer__copyright-content">© 2025, <a href="/" title="">mothercare hong kong</a></small> </div></div> </div> <div class="copyright-row"> <div class="page-width"> <div class="grid"> <div class="grid__item medium-up--one-half copy-right medium-up--hide site-footer-item-align-left"> <small class="site-footer__copyright-content">© Copyright <a href="/" title="">mothercare hong kong</a> 2025</small> </div> <div class="grid__item medium-up--one-half medium-up--hide site-footer-item-align-right"> <a class="to-top" href="#"><img width="30" height="30" src="//www.mothercare.com.hk/cdn/shop/t/28/assets/back-to-top.svg?v=1975250881415781421730261934"> </a> </div> </div> </div> </div> </footer> </div> <div id="slideshow-info" class="visually-hidden" aria-hidden="true">Use left/right arrows to navigate the slideshow or swipe left/right if using a mobile device</div> </div> <script type="application/json" data-cart-routes defer> { "cartUrl": "/cart", "cartAddUrl": "/cart/add", "cartChangeUrl": "/cart/change" } </script> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> </ul> <link rel="dns-prefetch" href="https://swymstore-v3free-01.swymrelay.com" crossorigin> <link rel="dns-prefetch" href="//swymv3free-01.azureedge.net/code/swym-shopify.js"> <link rel="preconnect" href="//swymv3free-01.azureedge.net/code/swym-shopify.js"> <script id="swym-snippet"> window.swymLandingURL = document.URL; window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"HKD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.swymPageLoad = function(){ window.SwymProductVariants = window.SwymProductVariants || {}; window.SwymHasCartItems = 0 > 0; window.SwymPageData = {}, window.SwymProductInfo = {};var variants = []; window.SwymProductInfo.product = {"id":7019821596854,"title":"Stokke Tripp Trapp Tray - White","handle":"stokke-tripp-trapp-tray-white","description":"","published_at":"2024-05-03T15:26:24+08:00","created_at":"2021-09-12T17:40:31+08:00","vendor":"Stokke","type":"","tags":["age_0-1","age_1-2","age_2-3","dining","feeding","high chair accessories"],"price":54000,"price_min":54000,"price_max":54000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":40661395341494,"title":"White","option1":"White","option2":null,"option3":null,"sku":"O4285010000","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Stokke Tripp Trapp Tray - White - White","public_title":"White","options":["White"],"price":54000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"7040354285015","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590"],"featured_image":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","options":["Color"],"media":[{"alt":"Stokke Tripp Trapp Tray White 1","id":24518111592630,"position":1,"preview_image":{"aspect_ratio":0.667,"height":1650,"width":1100,"src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590"},"aspect_ratio":0.667,"height":1650,"media_type":"image","src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","width":1100},{"alt":"Stokke Tripp Trapp Tray White 2","id":24518111625398,"position":2,"preview_image":{"aspect_ratio":0.667,"height":1650,"width":1100,"src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590"},"aspect_ratio":0.667,"height":1650,"media_type":"image","src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590","width":1100}],"requires_selling_plan":false,"selling_plan_groups":[],"content":""}; window.SwymProductInfo.variants = window.SwymProductInfo.product.variants; var piu = "\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1_620x620.jpg?v=1656488590"; SwymProductVariants[40661395341494] = { empi:window.SwymProductInfo.product.id,epi:40661395341494, dt: "Stokke Tripp Trapp Tray - White", du: "https://www.mothercare.com.hk/products/stokke-tripp-trapp-tray-white", iu: piu , stk: 28, pr: 54000/100, ct: window.SwymProductInfo.product.type, variants: [{ "White" : 40661395341494}] };window.SwymProductInfo.currentVariant = 40661395341494; var product_data = { et: 1, empi: window.SwymProductInfo.product.id, epi: window.SwymProductInfo.currentVariant, dt: "Stokke Tripp Trapp Tray - White", du: "https://www.mothercare.com.hk/products/stokke-tripp-trapp-tray-white", ct: window.SwymProductInfo.product.type, pr: 54000/100, iu: piu , variants: [{ "White" : 40661395341494 }], stk:28 }; window.SwymPageData = product_data; window.SwymPageData.uri = window.swymLandingURL; }; if(window.selectCallback){ (function(){ // Variant select override var originalSelectCallback = window.selectCallback; window.selectCallback = function(variant){ originalSelectCallback.apply(this, arguments); try{ if(window.triggerSwymVariantEvent){ window.triggerSwymVariantEvent(variant.id); } }catch(err){ console.warn("Swym selectCallback", err); } }; })(); } window.swymCustomerId = null; window.swymCustomerExtraCheck = null; var swappName = ("Wishlist" || "Wishlist"); var swymJSObject = { pid: "KQ5FCeC3ErWuzX4FmU8j8ucoDsggbwEYOb3nX+a+LZg=" || "KQ5FCeC3ErWuzX4FmU8j8ucoDsggbwEYOb3nX+a+LZg=", interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName }; window.swymJSShopifyLoad = function(){ if(window.swymPageLoad) swymPageLoad(); if(!window._swat) { (function (s, w, r, e, l, a, y) { r['SwymRetailerConfig'] = s; r[s] = r[s] || function (k, v) { r[s][k] = v; }; })('_swrc', '', window); _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else if(window._swat.postLoader){ _swrc = window._swat.postLoader; _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else{ initSwymShopify(); } } if(!window._SwymPreventAutoLoad) { swymJSShopifyLoad(); } window.swymGetCartCookies = function(){ var RequiredCookies = ["cart", "swym-session-id", "swym-swymRegid", "swym-email"]; var reqdCookies = {}; RequiredCookies.forEach(function(k){ reqdCookies[k] = _swat.storage.getRaw(k); }); var cart_token = window.swymCart.token; var data = { action:'cart', token:cart_token, cookies:reqdCookies }; return data; } window.swymGetCustomerData = function(){ return {status:1}; } </script> <style id="safari-flasher-pre"></style> <script> if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; window.SwymCallbacks = window.SwymCallbacks || []; window.SwymCallbacks.push(function(tracker){ tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function(){ // flash-preventer var x = function(){ SwymUtils.onDOMReady(function() { var d = document.createElement("div"); d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; document.head.appendChild(d); }); }; setTimeout(x, 10); }); }); } // Get the money format for the store from shopify window.SwymOverrideMoneyFormat = "${{amount}}"; </script> <style id="swym-product-view-defaults"> /* Hide when not loaded */ .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded){ display: none; } </style> <script type="text/javascript" src="https://bundle.enormapps.com/frontend/bundleapp/bundle.js" defer></script> <script type="text/javascript" src="//www.mothercare.com.hk/cdn/shop/t/28/assets/additional.js?v=137892190338944343631730261934" defer="defer"></script> <script data-b8-data> window.B8_CUSTOMER_ID = null; window.B8_CUSTOMER_TAGS = null; </script>  <script type="text/javascript"> window.saso = { shop_slug: "mothercarehk", money_format: "${{amount}}", customer: null, cart: null, } window.saso_extras = {} window.saso.product = { id: 7019821596854, price: 54000, }; window.saso.product_collections = [] window.saso.product_collections.push(285763862710) window.saso.product_collections.push(278546809014) window.saso.product_collections.push(278547103926) window.saso.product_collections.push(278546317494) window.saso.product_collections.push(285077668022) window.saso.product_collections.push(298446061750) window.saso.product_collections.push(278577709238) window.saso.product_collections.push(297473409206) window.saso_extras.product = {"id":7019821596854,"title":"Stokke Tripp Trapp Tray - White","handle":"stokke-tripp-trapp-tray-white","description":"","published_at":"2024-05-03T15:26:24+08:00","created_at":"2021-09-12T17:40:31+08:00","vendor":"Stokke","type":"","tags":["age_0-1","age_1-2","age_2-3","dining","feeding","high chair accessories"],"price":54000,"price_min":54000,"price_max":54000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":40661395341494,"title":"White","option1":"White","option2":null,"option3":null,"sku":"O4285010000","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Stokke Tripp Trapp Tray - White - White","public_title":"White","options":["White"],"price":54000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"7040354285015","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590"],"featured_image":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","options":["Color"],"media":[{"alt":"Stokke Tripp Trapp Tray White 1","id":24518111592630,"position":1,"preview_image":{"aspect_ratio":0.667,"height":1650,"width":1100,"src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590"},"aspect_ratio":0.667,"height":1650,"media_type":"image","src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","width":1100},{"alt":"Stokke Tripp Trapp Tray White 2","id":24518111625398,"position":2,"preview_image":{"aspect_ratio":0.667,"height":1650,"width":1100,"src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590"},"aspect_ratio":0.667,"height":1650,"media_type":"image","src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590","width":1100}],"requires_selling_plan":false,"selling_plan_groups":[],"content":""}; window.saso.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"HKD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0} delete window.saso.cart.note window.saso.cart_collections = {} if (typeof window.saso.cart.items == "object") { for (var i=0; i<window.saso.cart.items.length; i++) { ["sku", "grams", "vendor", "url", "image", "handle", "requires_shipping", "product_type", "product_description"].map(function(a) { delete window.saso.cart.items[i][a] }) } } window.saso.page_type = "product" if (typeof window.location == "object" && typeof window.location.pathname == "string") { if (window.location.pathname.indexOf('/checkouts/') > -1) { window.saso.page_type = "checkout" } } </script> <style> /* Magnific Popup CSS */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.4;filter:alpha(opacity=40)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045} .mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} .mfp-wrap { z-index: 2147483645; } .mfp-container { background-color: rgba(0, 0, 0, 0.1) !important; } </style> <link href="//www.mothercare.com.hk/cdn/shop/t/28/assets/special-offers.scss.css?v=88627305290678419731730261934" rel="stylesheet" type="text/css" media="all" /> <script id="saso-volume-discount-tiers" type="text/x-handlebars-template" data-no-instant> <div class="saso-volume-discount-tiers"> <h4>{{{product_message}}}</h4> <table class="saso-table"> <thead> <tr> <th>Minimum Qty</th> <th>{{# if price_type_flat}}Price per item{{/if}}{{# if price_type_percent}}Discount{{/if}}</th>  </tr> </thead> <tbody> {{#tiers}} <tr> <td>{{{quantity}}}+</td> <td>{{{price.title}}}</td>  </tr> {{/tiers}} </tbody> </table> </div> </script> <script id="saso-cross-sell-popup" type="text/x-handlebars-template" data-no-instant> <div class="saso-cross-sell-popup {{#if products.length}}{{else}}saso-cross-sell-popup0{{/if}}"> <span class="saso-message">{{{notifications_message}}}</span> <br> <div class="saso-products-container"> <table><tr> {{#products}} <td class="saso-product-container" data-product-id="{{id}}" data-variant-id="{{variants.0.id}}"> <div class="saso-image"><a href="/products/{{handle}}" class="saso-crosssell-nav" data-product-id="{{id}}"><img src="{{image.src}}" /></a></div> <div class="saso-title">{{{title}}}</div> <div class="saso-variants-container" style="{{{variants_style}}}">{{{variants_select}}}</div> <span class="saso-price">{{{variants.0.price}}}</span> <span class="saso-was-price">{{{variants.0.compare_at_price}}}</span> <br> <button type="button" class="saso-add-to-cart saso-crosssell-nav" data-product-id="{{{id}}}" data-variant-id="{{{variants.0.id}}}">Add to Cart</button> </td> {{/products}} </tr></table> </div> {{# if click_here}}<a href="{{{click_here}}}" class="saso-click-here"><button type="button" class="saso-click-here">Click here to browse all choices</button></a>{{/if}} <div class="saso-hide-when-embedded"> <p><a href="#" class="saso-close">No thanks</a></p> </div> </div> </script> <script id="saso-bundle-popup" type="text/x-handlebars-template" data-no-instant> <div class="saso-cross-sell-popup saso-bundle-popup"> <span class="saso-message">{{{notifications_message}}}</span> <br> <div class="saso-products-container"> {{#products}} <div class="saso-product-container" data-product-id="{{id}}" data-variant-id="{{variants.0.id}}" data-quantity="{{quantity}}"> <div class="saso-image"> <a href="/products/{{handle}}" class="saso-crosssell-nav" data-product-id="{{id}}"><img src="{{image.src}}" /></a> <div class="saso-quantity-container"> {{{quantityx}}} </div> </div> <div class="saso-product-info"> <div class="saso-title">{{{title}}}</div> <div class="saso-variants-container" style="{{{variants_style}}}">{{{variants_select}}}</div> <span class="saso-price">{{{variants.0.price}}}</span> </div> </div> <div class="saso-plus-container"> <div class="saso-plus-container-inner">+</div> </div> {{/products}} </div> <table><tr class="saso-bundle-row"> <td class="saso-equal-container"> = </td> <td class="saso-bundle-price-container"> {{{bundle_price_title}}} </td> </tr></table> <button type="button" class="saso-add-to-cart saso-bundle-add-to-cart">Add entire Bundle to cart</button> <div class="saso-bundle-success">{{{message_after}}}</div> </div> </script> <script id="saso-use-discount-code-cart" type="text/x-handlebars-template" data-no-instant> <div class="saso-use-discount-code-cart-container"> <input type="text" class="saso-use-discount-code-cart-code" placeholder="Discount code"> <button type="button" class="saso-use-discount-code-cart-apply btn btn--secondary button">Apply</button> </div> </script> <script id="saso-use-discount-instead" type="text/x-handlebars-template" data-no-instant> <div class="saso-use-discount-instead-container"> <label style="font-weight: normal; cursor: pointer;"><input type="checkbox" id="saso-use-discount-code-instead-check"> I will be using a coupon instead</label> </div> </script> <script data-cfasync="false"> jQuery(function(){ jQuery(document).on('click', "input[name='checkout']:not(.saso-ignore), input[value='Checkout']:not(.saso-ignore), button[name='checkout']:not(.saso-ignore), [href$='checkout']:not(.saso-ignore), button[value='Checkout']:not(.saso-ignore), input[name='goto_pp'], button[name='goto_pp'], input[name='goto_gc'], button[name='goto_gc']", function(e){ e.preventDefault(); if (typeof sasoCheckout != "function") { window.location = "/checkout"; } jQuery.ajax({ cache: false, contentType: "application/json; charset=utf-8", dataType: "json", type: "GET", url: '/cart.js', success: function(res) { window.saso.cart = res sasoCheckout() } }) }); }); </script>  <script> document.addEventListener('lazybeforeunveil', function(e){ if (typeof window.saso == "object") { (function() { var nTimer = setInterval(function() { if (window.saso.page_actions_data !== undefined) { var productBadgeDataCache = JSON.parse(sessionStorage.getItem("product-badge-data")); var badgeStylesDataCache = JSON.parse(sessionStorage.getItem("badge-styles-data")); var pageActionsData = {...window.saso.page_actions_data, product_badge_data: productBadgeDataCache.productBadgeData, offer_badge_styles: badgeStylesDataCache.badgeStyles}; setTimeout(function(){ window.sasoAddProductBadges(pageActionsData); }, 500); clearInterval(nTimer); } }, 100); })(); } }); </script>  <script> function reload_en(){ let search = window.location.search; let path = window.location.pathname.substring(0, 3) == "/zh" ? window.location.pathname.replace("/zh","") : window.location.pathname; window.location.href = path + search } function reload_zh(){ let search = window.location.search; let path = window.location.pathname.substring(0, 3) == "/zh" ? window.location.pathname : "/zh" + window.location.pathname ; window.location.href = path + search } history.scrollRestoration = "manual" </script> <script type='text/javascript' defer>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='MMERGE1';ftypes[1]='text';fnames[2]='MMERGE2';ftypes[2]='number';fnames[3]='MMERGE3';ftypes[3]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js' defer></script>  <script> var langify = langify || {}; /** * * * @class LyHelper */ class LyHelper { constructor() { return { ajax: function(params) { return LyHelper.ajax(params); }, isIE: function() { return LyHelper.isIE(); }, extractImageObject: function(val) { return LyHelper.extractImageObject(val); }, getCurrentLanguage: function() { return LyHelper.getCurrentLanguage(); }, getCookie: function(name) { return LyHelper.getCookie(name); }, setCookie: function(name, value, days) { return LyHelper.setCookie(name, value, days); }, getVersion: function() { return LyHelper.getVersion(); }, isOutOfViewport: function(elem) { return LyHelper.isOutOfViewport(elem); }, isDomainFeatureEnabled: function() { return LyHelper.isDomainFeatureEnabled(); }, getVal: function(str) { return LyHelper.getVal(str); }, inIframe: function() { return LyHelper.inIframe(); }, shopifyAPI: function() { return LyHelper.shopifyAPI(); }, loadScript: function(url, callback) { return LyHelper.loadScript(url, callback); }, localizationRedirect: function(type, code, additionalFields, additionalParams, domain) { return LyHelper.localizationRedirect(type, code, additionalFields, additionalParams, domain); }, changeCurrency: function(code) { return LyHelper.changeCurrency(code); }, log: function(title, data, type) { return LyHelper.log(title, data, type); }, } } static ajax(params) { var data = params.data; fetch(params.url, { method: params.method, headers: { 'Content-Type': 'application/json', }, body: (data && params.method === 'POST') ? JSON.stringify(data) : null, }) .then(response => response.json()) .then(data => { params.success(data); }) .catch((error) => { console.error('Error:', error); }); } static isIE() { var ua = navigator.userAgent; var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1; return is_ie; } static extractImageObject(val) { if(!val || val == '') return false; var val = val; // Handle src-sets if(val.search(/([0-9]+w?h?x?,)/gi) > -1) { val = val.split(/([0-9]+w?h?x?,)/gi)[0]; } var hostBegin = val.indexOf('//') ? val.indexOf('//') : 0; var hostEnd = val.lastIndexOf('/') + 1; var host = val.substring(hostBegin, hostEnd); var afterHost = val.substring(hostEnd, val.length); var url = val; var file = ''; var name = ''; var type = ''; afterHost = afterHost.substring(0, (afterHost.indexOf("#") == -1) ? afterHost.length : afterHost.indexOf("#")); afterHost = afterHost.substring(0, (afterHost.indexOf("?") == -1) ? afterHost.length : afterHost.indexOf("?")); name = afterHost.replace(/(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(png\.jpg|jpe?g|png|gif|webp)/gi, ""); if(afterHost.search(/(\.png\.jpg|\.jpg\.jpg)/gi) > -1) { type = afterHost.substring(afterHost.search(/(\.png\.jpg|\.jpg\.jpg)/gi)+1, afterHost.length); } else { type = afterHost.substring(afterHost.lastIndexOf('.')+1, afterHost.length); } file = afterHost.replace(/(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(png\.jpg|jpe?g|png|gif|webp)/gi, '.'+type); return { host: host, name: name, type: type, file: file } } static getCurrentLanguage() { return window.langify.locale.iso_code; } static setLanguage(code) { } static getCookie(name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); if(v) return v[2]; else return null; } static setCookie(name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString(); } static getVersion() { return 2; } static isOutOfViewport (elem) { var bounding = elem.getBoundingClientRect(); var out = {}; out.top = bounding.top < 0; out.left = bounding.left < 0; out.bottom = Math.ceil(bounding.bottom) >= (window.innerHeight || document.documentElement.clientHeight); out.right = bounding.right > (window.innerWidth || document.documentElement.clientWidth); out.any = out.top || out.left || out.bottom || out.right; out.inViewport = bounding.x > 0 && bounding.y > 0; return out; } static isDomainFeatureEnabled() { return window.langify.locale.domain_feature_enabled; } static getVal(str) { var v = window.location.search.match(new RegExp('(?:[?&]'+str+'=)([^&]+)')); return v ? v[1] : null; } static inIframe() { try { return window.self !== window.top; } catch (e) { return true; } } static shopifyAPI() { var root_url = window.langify.locale.root_url != '/' ? window.langify.locale.root_url : ''; return { attributeToString: function(attribute) { if((typeof attribute) !== 'string') { attribute += ''; if(attribute === 'undefined') {attribute = '';} } return attribute.trim(); }, getCart: function(callback) { LyHelper.ajax({ method: 'GET', url: root_url+'/cart.js', success: function (cart, textStatus) { if((typeof callback) === 'function') { callback(cart); } } }); }, updateCartNote: function(note, callback) { var params = { method: 'POST', url: root_url+'/cart/update.js', data: 'note=' + this.attributeToString(note), dataType: 'json', success: function(cart) {if((typeof callback) === 'function') {callback(cart);}}, error: this.onError }; LyHelper.ajax(params); }, updateCartAttributes: function(attributes, callback) { var params = { method: 'POST', url: root_url+'/cart/update.js', data: {"attributes": attributes}, dataType: 'json', success: function(cart) { if((typeof callback) === 'function') { callback(cart); } }, error: this.onError }; LyHelper.ajax(params); }, onError: function(XMLHttpRequest, textStatus) { } } } static loadScript(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { script.onreadystatechange = function () { if(script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; callback(); } }; } else { script.onload = function () { callback(); }; } script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } static localizationRedirect(type, code, additionalFields, additionalParams, domain) { if(type !== 'country_code' && type !== 'language_code') { return false; } if(!additionalParams) { var additionalParams = ''; } if(domain) { window.location.href = domain; return true; } var params = [ { name: type, value: code }, { name: 'return_to', value: window.location.pathname + window.location.search + additionalParams + window.location.hash }, { name: 'form_type', value: 'localization' }, { name: '_method', value: 'put' } ]; if(additionalFields) { for(var i=0; i<additionalFields.length; i++) { params.push(additionalFields[i]); } } const form = document.createElement('form'); form.method = 'POST'; form.action = '/localization'; params.forEach(function(param) { const field = document.createElement('input'); field.type = 'hidden'; field.name = param['name']; field.value = param['value']; form.appendChild(field); }); document.body.appendChild(form); form.submit(); } static changeCurrency(code) { const params = [ { name: 'currency_code', value: code }, { name: 'return_to', value: window.location.pathname + window.location.search + window.location.hash }, { name: 'form_type', value: 'localization' }, { name: '_method', value: 'put' } ]; const form = document.createElement('form'); form.method = 'POST'; form.action = '/localization'; params.forEach(function(param) { const field = document.createElement('input'); field.type = 'hidden'; field.name = param['name']; field.value = param['value']; form.appendChild(field); }); document.body.appendChild(form); form.submit(); } static log(title, data, type) { if(langify.settings.debug) { if(!data) { var data = ''; } var css = 'color: green; font-weight: bold;'; if(type === 'error') { css = 'color: red; font-weight: bold;'; } console.log(`%c ${title}: \n`, css, data); } } }; /** * * * @class TranslationObserver */ class TranslationObserver { constructor() { LyHelper.log('TranslationObserver instantiation') } init() { if(langify.settings.observe && !LyHelper.isIE()) { var langifyObserver = this.langifyObserverCore(); langifyObserver.init(); // HOTFIX: translation observer sometimes refuses to trigger on page load_ langifyObserver.triggerCustomContents(); langify.api = { observer: { start: langifyObserver.init, stop: langifyObserver.stopObserver, trigger: langifyObserver.triggerCustomContents } }; } return this; } langifyObserverCore() { var observedNodes = []; var intersectionObs = null; var mutationCount = 0; var mutationObs = null; var mutationObsConfig = { characterData: true, characterDataOldValue: true, attributes: true, attributeOldValue: true, childList: true, subtree: true, }; var customContents_html = {}; var customContents_text = {}; var customContents_attr = {}; function init() { if(langify.settings.observe) { spreadCustomContents(); if (window.MutationObserver) { if (langify.settings.lazyload && window.IntersectionObserver) { startIntersectionObserver(); } else { startMutationObserver(null); } } else { startMutationEvents(); } } } // Intersection Observer function startIntersectionObserver() { intersectionObs = new IntersectionObserver(callbackIntersectionChange); var elementNodes = document.getElementsByClassName('shopify-section'); Array.prototype.slice.call(elementNodes).forEach(function(node) { intersectionObs.observe(node); }); } function callbackIntersectionChange(intersections) { intersections.forEach(function(intersection) { var target = intersection.target; var targetIsIntersecting = Boolean(target.getAttribute('ly-is-intersecting') === "true" ? true : false); if(typeof targetIsIntersecting == 'undefined' || targetIsIntersecting == null) { target.setAttribute('ly-is-intersecting', intersection.isIntersecting); targetIsIntersecting = intersection.isIntersecting; } // On Screen if(targetIsIntersecting == false && intersection.isIntersecting == true) { if(!target.getAttribute('ly-is-observing')) { startMutationObserver(target); intersectionObs.unobserve(target); // As the mutation observer didn't see the "add" of the elememts, trigger the initial translation manually var elementNodes = getNodesUnder(target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // Off Screen //else if(targetIsIntersecting == true && intersection.isIntersecting == false) { // stopMutationObserver(target); //} target.setAttribute('ly-is-intersecting', intersection.isIntersecting); }); } // Mutation Observer function startMutationObserver(observerTarget) { if (!observerTarget) { var target = document.documentElement || document.body; // main window } else { if (observerTarget.nodeName === 'IFRAME') { try { var target = observerTarget.contentDocument || observerTarget.contentWindow.document; } catch { return false; } } else { var target = observerTarget; } } mutationObs = new MutationObserver(callbackDomChange); mutationObs.observe(target, mutationObsConfig); observedNodes.push(target); try { target.setAttribute('ly-is-observing', 'true'); } catch(e) {} } function stopMutationObserver(target) { if(observedNodes.indexOf(target) > -1) { observedNodes.splice(observedNodes.indexOf(target), 1); } var mutations = mutationObs.takeRecords(); mutationObs.disconnect(); observedNodes.forEach(node => { mutationObs.observe(node, mutationObsConfig); }); try { target.removeAttribute('ly-is-observing'); } catch(e) {} } function callbackDomChange(mutations, mutationObs) { for (var i = 0, length = mutations.length; i < length; i++) { var mutation = mutations[i]; var target = mutation.target; // Links-Hook if (mutation.type === 'attributes' && (mutation.attributeName === 'href' || mutation.attributeName === 'action')) { var target = mutation.target; translateLink(target.getAttribute(mutation.attributeName), target); } // Images-Hook else if (mutation.type === 'attributes' && (mutation.attributeName === 'src' || mutation.attributeName === 'data-src' || mutation.attributeName === 'srcset' || mutation.attributeName === 'data-srcset')) { translateImage(target, mutation.attributeName); } else if (mutation.type === 'attributes' && mutation.attributeName === 'style') { translateCssImage(target); } // Subtree Events else if (mutation.type === 'childList') { // Added Nodes if(mutation.addedNodes.length > 0) { var elementNodes = getNodesUnder(mutation.target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(mutation.target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // CharacterData Events else if (mutation.type === 'characterData') { var target = mutation.target; translate(target, 'mutation -> characterData'); } } } function translate(node, info) { if((node.nodeType === 1 && node.hasAttribute('data-ly-locked')) || (node.nodeType === 3 && node.parentNode && node.parentNode.hasAttribute('data-ly-locked'))) { return; } // CC-Hook if (node.nodeName !== 'SCRIPT' && node.nodeName !== 'STYLE') { if (node.nodeType === 3) { translateTextNode(node, info); } translateNodeAttrs(node); } // Links-Hook if (node.nodeName === 'A' || node.nodeName === 'FORM') { if(node.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; var url = node.getAttribute(attrName); translateLink(url, node); } // Images-Hook if (node.nodeName === 'IMG' || node.nodeName === 'SOURCE') { translateImage(node, ['src', 'data-src', 'srcset', 'data-srcset']); } if (node.attributes && node.getAttribute('style')) { translateCssImage(node); } // Iframe Observation if (node.nodeName === 'IFRAME') { // Todo: handle srcdoc iframe content observing if (node.getAttribute('ly-is-observing') == null && node.getAttribute('src') == null && !node.hasAttribute('srcdoc')) { node.setAttribute('ly-is-observing', 'true'); startMutationObserver(node); } } } function translateNodeAttrs(node) { if (node.attributes && node.getAttribute('placeholder')) { var src = node.getAttribute('placeholder').trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); if(customContents_text[src] && node.getAttribute('placeholder') !== customContents_text[src]) { node.setAttribute('placeholder', customContents_text[src]); } } } function translateTextNode(node, info) { if(langify.settings.observeCustomContents === false || !node.textContent || node.textContent.trim().length === 0) { return; } var oldSrc = node.textContent.trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); var src = node.textContent.trim().replace(/(\r\n|\n|\r)/gim," ").replace(/\s+/g," ").toLowerCase(); if(customContents_text[oldSrc]) { src = oldSrc; } if(customContents_text[src] && node.textContent !== customContents_text[src]) { var newContent = node.textContent.replace(node.textContent.trim(), customContents_text[src]); if (newContent != node.textContent) { if(!node.parentNode.hasAttribute('data-ly-mutation-count') || parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) < langify.settings.maxMutations) { var count = node.parentNode.hasAttribute('data-ly-mutation-count') ? parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) : 0; node.parentNode.setAttribute('data-ly-mutation-count', count+1); node.textContent = newContent; mutationCount = mutationCount + 1; LyHelper.log('REPLACED (TEXT)', { oldValue: src, newValue: customContents_text[src], mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatetext', { bubbles: true, detail: { target: node, original: src, translation: customContents_text[src] } }); node.dispatchEvent(event); } } } } function translateLink(url, node) { if(langify.settings.observeLinks === false || isLocalizationForm(node) || node.hasAttribute('data-ly-locked') || !url || (url.indexOf('mailto:') !== -1 || url.indexOf('javascript:') !== -1 || url.indexOf('tel:') !== -1 || url.indexOf('file:') !== -1 || url.indexOf('ftp:') !== -1 || url.indexOf('sms:') !== -1 || url.indexOf('market:') !== -1 || url.indexOf('fax:') !== -1 || url.indexOf('callto:') !== -1 || url.indexOf('ts3server:') !== -1)) { return; } var isLocalized = ( url.indexOf('/'+ langify.locale.iso_code +'/') === 0 || url === '/'+ langify.locale.iso_code || url.indexOf('/'+ langify.locale.iso_code.toLowerCase() +'/') === 0 || url === '/'+ langify.locale.iso_code.toLowerCase() || url.indexOf('/'+ langify.locale.iso_code.toLowerCase().substring(0,2) +'/') === 0 || url === '/'+ langify.locale.iso_code.toLowerCase().substring(0,2) || url.indexOf(langify.locale.root_url + '/') === 0 || url === langify.locale.root_url || url.indexOf(langify.locale.shop_url + langify.locale.root_url) === 0 || url === langify.locale.shop_url + langify.locale.root_url ); var cleanUrl = url.replace(langify.locale.shop_url, ''); var re = new RegExp(`\/\\b${langify.locale.iso_code.replace('-', '\-')}\\b\/`, 'gi'); var link = cleanUrl.replace(re, '/'); var isUrlAbsolute = (link.indexOf('://') > 0 || link.indexOf('//') === 0); var blacklist = ['#', '/'+ langify.locale.iso_code +'#'].concat(langify.settings.linksBlacklist); var isUrlBlacklisted = blacklist.find(x => url.indexOf(x) === 0); if(!isLocalized && !isUrlAbsolute && !isUrlBlacklisted && langify.locale.root_url != '/') { if(node.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; if(link === '/' || link == langify.locale.root_url) link = ''; var newLink = langify.locale.root_url + link; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attrName, newLink); if(node.hasAttribute('data-'+attrName)) node.setAttribute('data-'+attrName, newLink); mutationCount = mutationCount + 1; LyHelper.log('REPLACED (LINK)', { attrName, oldValue: url, newValue: newLink, mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatelink', { bubbles: true, detail: { target: node, attribute: attrName, original: url, translation: newLink } }); node.dispatchEvent(event); } } } function translateImage(node, attr) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0) { return } var attrs = []; if(typeof attr === 'string') attrs.push(attr); else if(typeof attr === 'object') attrs = attr; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); attrs.forEach(function(attr) { if(node.hasAttribute(attr)) { var imgObject = LyHelper.extractImageObject(node.getAttribute(attr)); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; if(customContents_image[imgKey]) { // Replace var oldValue = node.getAttribute(attr); var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); // China Hook if(node.getAttribute(attr).indexOf('cdn.shopifycdn.net') >= 0) { translation = translation.replace(new RegExp('cdn.shopify.com', 'g'), 'cdn.shopifycdn.net'); } if(node.getAttribute(attr) != translation) { node.setAttribute(attr, translation); mutationCount = mutationCount + 1; LyHelper.log('REPLACED (IMAGE)', { attrName: attr, oldValue: oldValue, newValue: translation, mutationCount, }, 'success'); var event = new CustomEvent('langify.observer.aftertranslateimage', { bubbles: true, detail: { target: node, attribute: attr, original: oldValue, translation: translation } }); node.dispatchEvent(event); } } } }); } } function translateCssImage(node) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0 || !node.getAttribute('style')) { return } var imgMatches = node.getAttribute('style').match(/url$("|')?(.*)("|')?$/gi); if(imgMatches !== null) { var imgSource = imgMatches[0].replace(/url$("|')?|("|')?$/, ''); var imgObject = LyHelper.extractImageObject(imgSource); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; var attr = 'style'; if(customContents_image[imgKey]) { // Replace var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); // China Hook if(node.getAttribute(attr).indexOf('cdn.shopifycdn.net') >= 0) { translation = translation.replace(new RegExp('cdn.shopify.com', 'g'), 'cdn.shopifycdn.net'); } if(node.getAttribute(attr) != translation) { var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attr, translation); mutationCount = mutationCount + 1; } } } } } function findAndLocalizeLinks(target, parent) { if(target.parentNode && parent) var allLinks = target.parentElement.querySelectorAll('[href],[action]'); else var allLinks = target.querySelectorAll('[href],[action]'); allLinks.forEach(link => { if(link.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; var url = link.getAttribute(attrName); translateLink(url, link); }); } function isLocalizationForm(node) { if(node.querySelector('input[name="form_type"][value="localization"]')){ return true; } return false; } function getNodesUnder(el, show){ var n, a=[], walk=document.createTreeWalker(el, NodeFilter[show] , null, false); while(n=walk.nextNode()) a.push(n); return a; } function spreadCustomContents() { var getFileName = function(url) { if(!url || url == '') return; url = url.substring(0, (url.indexOf("#") == -1) ? url.length : url.indexOf("#")); url = url.substring(0, (url.indexOf("?") == -1) ? url.length : url.indexOf("?")); url = url.substring(url.lastIndexOf("/") + 1, url.length); url = url.replace(/(_[0-9]+x[0-9]*|_{width}x)?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(jpe?g|png|gif|webp)/gi, ""); return '/' + url; } Object.entries(customContents).forEach(function(entry) { //if(/<\/?[a-z][\s\S]*>/i.test(entry[0])) customContents_html[entry[0]] = entry[1]; //else if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png)/.test(entry[0])) customContents_image[getFileName(entry[0])] = getFileName(entry[1]); if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png|webp)/.test(entry[0])) customContents_image[LyHelper.extractImageObject(entry[0]).file] = LyHelper.extractImageObject(entry[1]); else customContents_text[entry[0]] = entry[1]; }); LyHelper.log('CUSTOM CONTENTS:', {customContents, customContents_text, customContents_image}, 'info') } // Polyfill for old browsers function startMutationEvents() { var target = document.querySelector('body'); target.addEventListener("DOMAttrModified", function (event) { if(event.attrName === 'href' || event.attrName === 'action') { if(event.prevValue != event.newValue) { translateLink(event.newValue, event.target); } } }, false); target.addEventListener("DOMSubtreeModified", function (event) { //findAndLocalizeLinks(event.target, false); //matchCustomContent(event.target); }, false); } function triggerCustomContents() { var rootnode = document.getElementsByTagName('body')[0] var walker = document.createTreeWalker(rootnode, NodeFilter.SHOW_ALL, null, false) while (walker.nextNode()) { //LyHelper.log(walker.currentNode.tagName) translate(walker.currentNode, null); } } function stopObserver() { mutationObs.takeRecords(); mutationObs.disconnect(); } //init(); return { init: init, triggerCustomContents: triggerCustomContents, stopObserver: stopObserver, } }; } /** * * * @class Switcher */ class Switcher { constructor(switcherSettings) { LyHelper.log('Switcher instantiation'); this.lyForceOff = location.search.split('ly-force-off=')[1]; this.switcherElements = Array.prototype.slice.call(document.getElementsByClassName('ly-switcher-wrapper')); } init() { // Initial cart.attributes update LyHelper.shopifyAPI().getCart(function (cart) { var currentLanguage = langify.locale.iso_code; if(!cart.attributes.language || cart.attributes.language != currentLanguage) { LyHelper.shopifyAPI().updateCartAttributes({"language": currentLanguage}, function(data){}); } }); if(langify.locale.languages.length === 1) { console.info(`%c LANGIFY INFO:\n`, 'font-weight: bold;', 'The language switcher is hidden! This can have one of the following reasons: \n * All additional languages are disabled in the "Langify -> Dashboard -> Languages" section. \n * If you are using different domains for your additional languages, ensure that "Cross Domain Links" are enabled inside the "Langify -> Dashboard -> Switcher Configurator -> Domains" section.'); return false; } this.setCustomPosition(); this.initCustomDropdown(); this.bindCountrySwitchers(); this.bindCurrencySwitchers(); this.bindLanguageSwitchers(); var event = new CustomEvent('langify.switcher.initialized', { bubbles: true, detail: {} }); } initCustomDropdown() { // Custom Dropdown var root = this; var switcher = document.getElementsByClassName('ly-custom-dropdown-switcher'); for(var a = 0; a < switcher.length; a++) { switcher[a].classList.toggle('ly-is-open'); var isOut = LyHelper.isOutOfViewport(switcher[a]); if(isOut.bottom && isOut.inViewport) { switcher[a].classList.add('ly-is-dropup'); var arrows = switcher[a].querySelectorAll('.ly-arrow'); for(var b = 0; b < arrows.length; b++) { arrows[b].classList.add('ly-arrow-up'); } } switcher[a].classList.toggle('ly-is-open'); switcher[a].onclick = function(event) { root.toggleSwitcherOpen(this); } } document.addEventListener('click', function(event) { if(!event.target.closest('.ly-custom-dropdown-switcher')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(var i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } } }); } bindLanguageSwitchers() { var root = this; var links = document.getElementsByClassName('ly-languages-switcher-link'); for(var l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); if(LyHelper.isDomainFeatureEnabled() && this.getAttribute('href') !== '#') { var domain = this.getAttribute('href'); } LyHelper.setCookie('ly-lang-selected', this.getAttribute('data-language-code'), 365); LyHelper.localizationRedirect('language_code', this.getAttribute('data-language-code'), null, null, domain); }); } // Native select event handling var nativeLangifySelects = document.querySelectorAll('select.ly-languages-switcher'); for(var i = 0; i < nativeLangifySelects.length; i++) { nativeLangifySelects[i].onchange = function() { event.preventDefault(); if(LyHelper.isDomainFeatureEnabled() && this[this.selectedIndex].getAttribute('data-domain') !== '#') { var domain = this[this.selectedIndex].getAttribute('data-domain'); } LyHelper.setCookie('ly-lang-selected', this[this.selectedIndex].getAttribute('data-language-code'), 365); LyHelper.localizationRedirect('language_code', this[this.selectedIndex].getAttribute('data-language-code'), null, null, domain); }; } } bindCountrySwitchers() { var countrySelectSwitcher = document.querySelectorAll('select.ly-country-switcher'); var countryCustomSwitcher = document.querySelectorAll('div.ly-country-switcher a'); for(var i=0; i<countryCustomSwitcher.length; i++) { countryCustomSwitcher[i].addEventListener('click', function(e) { LyHelper.localizationRedirect('country_code', this.getAttribute('data-country-code')); }); } for(var a=0; a<countrySelectSwitcher.length; a++) { countrySelectSwitcher[a].addEventListener('change', function(){ LyHelper.localizationRedirect('country_code', this[this.selectedIndex].getAttribute('data-country-code')); }); } } bindCurrencySwitchers() { var currencySelectSwitcher = document.querySelectorAll('select.ly-currency-switcher'); var currencyCustomSwitcher = document.querySelectorAll('div.ly-currency-switcher a'); for(var i=0; i<currencyCustomSwitcher.length; i++) { currencyCustomSwitcher[i].addEventListener('click', function(e) { LyHelper.changeCurrency(this.getAttribute('data-currency-code')); }); } for(var a=0; a<currencySelectSwitcher.length; a++) { currencySelectSwitcher[a].addEventListener('change', function(){ LyHelper.changeCurrency(this[this.selectedIndex].getAttribute('data-currency-code')); }); } } setCustomPosition() { for(var i = 0; i < this.switcherElements.length; i++) { if(this.lyForceOff !== 'true') { if(langify.locale.languages.length <= 1) { this.switcherElements[i].querySelector('.ly-languages-switcher').classList.add('ly-hide'); } this.switcherElements[i].classList.remove('ly-hide'); } if(this.switcherElements[i].classList.contains('ly-custom') && (document.getElementById('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')) || document.getElementsByClassName('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')).length )) { var targets = Array.from(document.getElementsByClassName('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint'))); var target = document.getElementById('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')); if(target) targets.push(target); for(var c = 0; c < targets.length; c++) { var clone = this.switcherElements[i].cloneNode(true); targets[c].innerHTML = clone.outerHTML; } this.switcherElements[i].classList.add('ly-hide'); } } } toggleSwitcherOpen(e) { var target = e; if(!target.classList.contains('ly-is-open')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(var i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } target.getElementsByClassName('ly-custom-dropdown-current')[0].setAttribute('aria-expanded', 'true'); } else { target.getElementsByClassName('ly-custom-dropdown-current')[0].setAttribute('aria-expanded', 'false'); } target.classList.toggle('ly-is-open'); var isOut = LyHelper.isOutOfViewport(target); if(isOut.bottom) { target.classList.add('ly-is-dropup'); } } togglePopupOpen(e) { e.closest('.ly-popup-switcher').classList.toggle('ly-is-open'); } _getCountryCodeFromHreflang(language_code) { var hreflangTags = document.querySelectorAll('link[hreflang]'); var languageDomains = {}; var countryCode = false; for(var i = 0; i < hreflangTags.length; i++) { if(hreflangTags[i].getAttribute('hreflang').indexOf(language_code) === 0) { if(!languageDomains[hreflangTags[i].getAttribute('href')]) { languageDomains[hreflangTags[i].getAttribute('href')] = hreflangTags[i]; } } } if(Object.keys(languageDomains).length > 0) { countryCode = Object.values(languageDomains)[0].getAttribute('hreflang'); countryCode = countryCode.split('-'); if(countryCode[1]) { countryCode = countryCode[1] } else { } } return countryCode; } } /** * * * @class LanguageDetection */ class LanguageDetection { constructor() { this.hreflangList = null; LyHelper.log('LanguageDetection instantiation'); } init() { if(LyHelper.inIframe()) return null; var currentLang = langify.locale.iso_code.toLowerCase(); //var localizationData = this.getLocalizationData(); this.hreflangList = this.getHreflangList(); var userLang = navigator.language || navigator.userLanguage; userLang = userLang.toLowerCase(); var bot = /bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|Chrome-Lighthouse/i.test(navigator.userAgent); var blockedRoutes = window.lyBlockedRoutesList || []; var blockedRoute = blockedRoutes.find(x => window.location.pathname.indexOf(x) === 0); var is404 = document.getElementsByClassName('template-404').length; if(LyHelper.getVal('redirected') === 'true') { LyHelper.setCookie('ly-lang-selected', currentLang, 365); var _href = window.location.href; history.replaceState(null, '', _href.replace(/(\?|&)(redirected=true)/i, '')); return null; } if(!is404 && !bot && !blockedRoute && LyHelper.getVal('ly-lang-detect') !== 'off') { if(userLang && !LyHelper.getCookie('ly-lang-selected')) { var hasMatch = this.matchHreflangList(userLang); if(currentLang !== this._hreflangToLanguageCode(hasMatch)) { if(hasMatch) { this.redirectMatched(userLang); } else if (!hasMatch && langify.settings.switcher.languageDetectionDefault) { // Redirect to default language this.redirectMatched(langify.settings.switcher.languageDetectionDefault); } } } else { if(LyHelper.getCookie('ly-lang-selected') && LyHelper.getCookie('ly-lang-selected') !== currentLang) { // Only save cookie when the domain feature is active if(LyHelper.isDomainFeatureEnabled()) { LyHelper.setCookie('ly-lang-selected', currentLang, 365); } this.redirectMatched(LyHelper.getCookie('ly-lang-selected')); } } } this._geolocationAppSupport(); } redirectMatched(userLang) { var match = this.matchHreflangList(userLang); if(match) { this.redirectHref(match.href, match.lang); } return match; } matchHreflangList(userLang) { var matchedHreflang = false; var browserLang = userLang; // Find candidates var candidates = this.hreflangList.filter(item => item.lang === browserLang); if(candidates.length === 0) { browserLang = userLang.toLowerCase(); candidates = this.hreflangList.filter(item => item.lang.toLowerCase().indexOf(browserLang) === 0); } if(candidates.length === 0) { browserLang = userLang.toLowerCase().substring(0, 2); candidates = this.hreflangList.filter(item => item.lang.toLowerCase().indexOf(browserLang) === 0); } // Handle candidates if(candidates.length === 1) { return({href: candidates[0].href, lang: browserLang}); } else if(candidates.length > 1) { var preferedCandidate = candidates.find(item => item.href.indexOf(window.location.host) >= 0) if(preferedCandidate) { return({href: preferedCandidate.href, lang: browserLang}); } else { return({href: candidates[0].href, lang: browserLang}); } } return false; } redirectHref(href, userLang) { var queryString = window.location.search; var url = href.split('?')[0]; if(queryString === '') { queryString = '?redirected=true'; } else { queryString += '&redirected=true'; } window.location.replace(url + queryString); } getHreflangList() { var hreflangTags = document.querySelectorAll('link[hreflang]'); var hreflangList = []; var countryCode = false; // Cross Domain Links option if(LyHelper.isDomainFeatureEnabled()) { for(var i = 0; i < langify.locale.languages.length; i++) { hreflangList.push({ href: 'https://' + langify.locale.languages[i].domain + window.location.pathname + window.location.search + window.location.hash, lang: langify.locale.languages[i].iso_code, }); } } for(var i = 0; i < hreflangTags.length; i++) { var hreflang = hreflangTags[i].getAttribute('hreflang').toLowerCase(); hreflang = hreflang.replace('zh-hans', 'zh-cn').replace('zh-hant', 'zh-tw'); // Chinese special cases hreflangList.push({ href: hreflangTags[i].getAttribute('href'), lang: hreflang }); } return hreflangList; } _langToHreflang(userLang) { var hreflang = ''; this.hreflangList.map(function(item) { if(item.lang === userLang) { hreflang = userLang; } }); if(hreflang === '') { this.hreflangList.map(function(item) { var browserLang = userLang.toLowerCase(); if(item.lang.toLowerCase().indexOf(browserLang) === 0) { hreflang = browserLang; } else if(item.lang.toLowerCase().indexOf(browserLang.substring(0, 2)) === 0) { hreflang = browserLang.substring(0, 2); } }); } return hreflang || userLang; } _hreflangToLanguageCode(hreflangTag) { if(!hreflangTag || !hreflangTag.lang) return false; var languageCode = false; langify.locale.languages.forEach(function(item) { if(item.iso_code.toLowerCase() === hreflangTag.lang.toLowerCase()) { languageCode = item.iso_code; } }); if(!languageCode) { langify.locale.languages.forEach(function(item) { if(item.iso_code.toLowerCase() === hreflangTag.lang.substring(0, 2).toLowerCase()) { languageCode = item.iso_code; } }); } return languageCode; } _geolocationAppSupport() { var target = document.querySelector('body'); var config = { childList: true, subtree: true }; var geolocationObserver = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { var target = mutation.target.getElementsByClassName('locale-bar__form'); if(target[0]) { target[0].onsubmit = function() { var locale_code = target[0].elements['locale_code'].value; var selector = target[0].getElementsByClassName('locale-bar__selector'); if(selector.length >= 1) { locale_code = selector[0].options[selector[0].selectedIndex].value; } LyHelper.setCookie('ly-lang-selected', locale_code, 365); }; } var selectors = mutation.target.getElementsByClassName('locale-selectors__selector'); if(selectors.length > 0) { for(var selector of selectors) { if(selector.getAttribute('name') === 'locale_code') { selector.onchange = function() { var locale_code = selector.options[selector.selectedIndex].value; LyHelper.setCookie('ly-lang-selected', locale_code, 365); }; } } } } }); }); geolocationObserver.observe(target, config); setTimeout(function() { geolocationObserver.disconnect(); }, 10000); } } /** * * * @class Recommendation */ class Recommendation extends LanguageDetection { constructor() { super(); LyHelper.log('Recommendation instantiation'); } init() { this.hreflangList = this.getHreflangList(); var userLang = navigator.language || navigator.userLanguage; userLang = userLang.toLowerCase(); var recommendation = this.matchHreflangList(userLang); var recommendationLanguageCode = this._hreflangToLanguageCode(recommendation); if(recommendationLanguageCode && recommendationLanguageCode !== langify.locale.iso_code && !LyHelper.getCookie('ly-lang-selected')) { this.recommended_language_code = recommendationLanguageCode; this.recommended_country_code = null; this.recommended_currency_code = null; this._translateStrings(recommendationLanguageCode); this._bindings(); } else { return false; } } _translateStrings(languageCode) { var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var strings = langify.settings.switcher.recommendation_strings[languageCode]; var recommendationStr = 'Looks like your browser is set to [[language]]. Change the language?'; var buttonStr = 'Change'; var matchedLanguageCode = this._langToHreflang(languageCode).toLowerCase(); var languageStr = langify.settings.switcher.languages.find(x => x.iso_code.toLowerCase() === matchedLanguageCode) ? langify.settings.switcher.languages.find(x => x.iso_code.toLowerCase() === matchedLanguageCode).name : languageCode.toUpperCase(); if(strings) { recommendationStr = strings.recommendation ? strings.recommendation : recommendationStr; buttonStr = strings.button ? strings.button : buttonStr; languageStr = strings.language ? strings.language : languageStr; } var newCode = recommendationElement.innerHTML; newCode = newCode.replaceAll('[[recommendation]]', recommendationStr).replaceAll('[[button]]', buttonStr).replaceAll('[[language]]', languageStr); recommendationElement.innerHTML = newCode; } _bindings() { var _this = this; var lyForceOff = location.search.split('ly-force-off=')[1]; var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var form = recommendationElement.querySelectorAll('.ly-recommendation-form')[0]; var links = recommendationElement.getElementsByClassName('ly-custom-dropdown-list-element'); var customDropdown = recommendationElement.querySelectorAll('.ly-custom-dropdown-switcher'); var nativeSelects = recommendationElement.getElementsByClassName('ly-native-select'); form.addEventListener('submit', function(e) { e.preventDefault(); if(_this.recommended_country_code || _this.recommended_currency_code) { // When a country or currency is involved, use old redirection var additionalFields = []; if(_this.recommended_country_code) { additionalFields.push({ name: 'country_code', value: _this.recommended_country_code }); } if(_this.recommended_currency_code) { additionalFields.push({ name: 'currency_code', value: _this.recommended_currency_code }); } LyHelper.setCookie('ly-lang-selected', _this.recommended_language_code, 365); LyHelper.localizationRedirect('language_code', _this.recommended_language_code, additionalFields); } else { //...or use new hreflang redirection _this.redirectMatched(_this.recommended_language_code); } }); // Overwrite switchers for(var l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); // When clicked from within a custom dropdown var parentCustomDropdown = event.currentTarget.closest('.ly-custom-dropdown-switcher'); if(parentCustomDropdown) { _this._selectCustomDropdownEntry(parentCustomDropdown, this); } else { _this.recommended_language_code = this.getAttribute('data-language-code'); } }); } for(var i = 0; i < nativeSelects.length; i++) { nativeSelects[i].onchange = _this._selectNativeDropdownEntry.bind(this); if(nativeSelects[i].classList.contains('ly-languages-switcher')) { nativeSelects[i].value = _this.recommended_language_code; } } for(var i = 0; i < customDropdown.length; i++) { if(recommendationElement.className.indexOf('bottom') > -1) { customDropdown[i].classList.add('ly-is-dropup'); } if(customDropdown[i].classList.contains('ly-languages-switcher')) { _this._selectCustomDropdownEntry(customDropdown[i], customDropdown[i].querySelector('.ly-custom-dropdown-list a[data-language-code="'+ _this.recommended_language_code +'"]')); } } if(!lyForceOff) { recommendationElement.classList.add('ly-is-open'); } } _selectNativeDropdownEntry(event) { event.preventDefault(); var element = event.currentTarget; var _this = this; if(element[element.selectedIndex].hasAttribute('data-language-code')) { _this.recommended_language_code = element[element.selectedIndex].getAttribute('data-language-code'); } if(element[element.selectedIndex].hasAttribute('data-country-code')) { _this.recommended_country_code = element[element.selectedIndex].getAttribute('data-country-code'); } if(element[element.selectedIndex].hasAttribute('data-currency-code')) { _this.recommended_currency_code = element[element.selectedIndex].getAttribute('data-currency-code'); } } _selectCustomDropdownEntry(element, entry) { if(!entry) return; var _this = this; var currentElem = element.querySelector('.ly-custom-dropdown-current'); var currentIcon = currentElem.querySelector('.ly-icon'); var currentLabel = currentElem.querySelector('span'); var valueToSelect = ''; if(entry.hasAttribute('data-language-code')) { _this.recommended_language_code = entry.getAttribute('data-language-code'); valueToSelect = _this.recommended_language_code; } if(entry.hasAttribute('data-country-code')) { _this.recommended_country_code = entry.getAttribute('data-country-code'); valueToSelect = _this.recommended_country_code; } if(entry.hasAttribute('data-currency-code')) { _this.recommended_currency_code = entry.getAttribute('data-currency-code'); valueToSelect = _this.recommended_currency_code; } if(entry.hasAttribute('data-country-code') && entry.hasAttribute('data-currency-code')) { valueToSelect = _this.recommended_country_code + '-' + _this.recommended_currency_code; } if(element.querySelector('.ly-custom-dropdown-list li.current')) { element.querySelector('.ly-custom-dropdown-list li.current').classList.remove('current'); element.querySelector('.ly-custom-dropdown-list li[key="'+ valueToSelect +'"]').classList.add('current'); } if(element.querySelector('.ly-custom-dropdown-list li.current span')) currentLabel.innerHTML = element.querySelector('.ly-custom-dropdown-list li.current span').innerHTML; if(element.querySelector('.ly-custom-dropdown-list li.current .ly-icon')) currentIcon.classList = element.querySelector('.ly-custom-dropdown-list li.current .ly-icon').classList; } toggleOpen(e) { e.closest('.ly-recommendation').classList.toggle('ly-is-open'); if(!e.closest('.ly-recommendation').classList.contains('ly-is-open')) { LyHelper.setCookie('ly-lang-selected', this.recommended_language_code, 365); } } } /** * * * @class Langify */ class Langify { constructor(settings, locale) { LyHelper.log('Langify instantiation') var translationObserver = new TranslationObserver().init(); langify.helper = new LyHelper(); LyHelper.log(langify.helper); var lyForceOff = location.search.split('ly-force-off=')[1]; if(lyForceOff === 'true') { document.getElementById('preview-bar-iframe').classList.add('ly-hide'); return false; } if(settings.theme && ((settings.theme.loadJquery && settings.theme.loadJquery === true) || typeof settings.theme.loadJquery === 'undefined')) { if(typeof jQuery === 'undefined') { LyHelper.loadScript('//cdn.jsdelivr.net/jquery/1.9.1/jquery.min.js', function() {}); } } //document.addEventListener("DOMContentLoaded", function() { langify.switcher = new Switcher(); langify.switcher.init(); if(settings.switcher) { if(settings.switcher.recommendation && settings.switcher.recommendation_enabled) { langify.recommendation = new Recommendation(); langify.recommendation.init(); } else { if(settings.switcher.languageDetection) { langify.languageDetection = new LanguageDetection(); langify.languageDetection.init(); } } } //}); } } // Polyfills (function(){var t;null==window.MutationObserver&&(t=function(){function t(t){this.callBack=t}return t.prototype.observe=function(t,n){return this.element=t,this.interval=setInterval((e=this,function(){var t;if((t=e.element.innerHTML)!==e.oldHtml)return e.oldHtml=t,e.callBack.apply(null)}),200);var e},t.prototype.disconnect=function(){return window.clearInterval(this.interval)},t}(),window.MutationObserver=t)}).call(this); !function(){"use strict";if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=function(t){for(var e=window.document,o=i(e);o;)o=i(e=o.ownerDocument);return e}(),e=[],o=null,n=null;s.prototype.THROTTLE_TIMEOUT=100,s.prototype.POLL_INTERVAL=null,s.prototype.USE_MUTATION_OBSERVER=!0,s._setupCrossOriginUpdater=function(){return o||(o=function(t,o){n=t&&o?l(t,o):{top:0,bottom:0,left:0,right:0,width:0,height:0},e.forEach(function(t){t._checkForIntersections()})}),o},s._resetCrossOriginUpdater=function(){o=null,n=null},s.prototype.observe=function(t){if(!this._observationTargets.some(function(e){return e.element==t})){if(!t||1!=t.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},s.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter(function(e){return e.element!=t}),this._unmonitorIntersections(t.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},s.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},s.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},s.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter(function(t,e,o){if("number"!=typeof t||isNaN(t)||t<0||t>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return t!==o[e-1]})},s.prototype._parseRootMargin=function(t){var e=(t||"0px").split(/\s+/).map(function(t){var e=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!e)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(e[1]),unit:e[2]}});return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1],e},s.prototype._monitorIntersections=function(e){var o=e.defaultView;if(o&&-1==this._monitoringDocuments.indexOf(e)){var n=this._checkForIntersections,r=null,s=null;this.POLL_INTERVAL?r=o.setInterval(n,this.POLL_INTERVAL):(h(o,"resize",n,!0),h(e,"scroll",n,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in o&&(s=new o.MutationObserver(n)).observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(e),this._monitoringUnsubscribes.push(function(){var t=e.defaultView;t&&(r&&t.clearInterval(r),c(t,"resize",n,!0)),c(e,"scroll",n,!0),s&&s.disconnect()});var u=this.root&&(this.root.ownerDocument||this.root)||t;if(e!=u){var a=i(e);a&&this._monitorIntersections(a.ownerDocument)}}},s.prototype._unmonitorIntersections=function(e){var o=this._monitoringDocuments.indexOf(e);if(-1!=o){var n=this.root&&(this.root.ownerDocument||this.root)||t;if(!this._observationTargets.some(function(t){var o=t.element.ownerDocument;if(o==e)return!0;for(;o&&o!=n;){var r=i(o);if((o=r&&r.ownerDocument)==e)return!0}return!1})){var r=this._monitoringUnsubscribes[o];if(this._monitoringDocuments.splice(o,1),this._monitoringUnsubscribes.splice(o,1),r(),e!=n){var s=i(e);s&&this._unmonitorIntersections(s.ownerDocument)}}}},s.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},s.prototype._checkForIntersections=function(){if(this.root||!o||n){var t=this._rootIsInDom(),e=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach(function(n){var i=n.element,s=u(i),h=this._rootContainsTarget(i),c=n.entry,a=t&&h&&this._computeTargetAndRootIntersection(i,s,e),l=null;this._rootContainsTarget(i)?o&&!this.root||(l=e):l={top:0,bottom:0,left:0,right:0,width:0,height:0};var f=n.entry=new r({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:s,rootBounds:l,intersectionRect:a});c?t&&h?this._hasCrossedThreshold(c,f)&&this._queuedEntries.push(f):c&&c.isIntersecting&&this._queuedEntries.push(f):this._queuedEntries.push(f)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},s.prototype._computeTargetAndRootIntersection=function(e,i,r){if("none"!=window.getComputedStyle(e).display){for(var s,h,c,a,f,d,g,m,v=i,_=p(e),b=!1;!b&&_;){var w=null,y=1==_.nodeType?window.getComputedStyle(_):{};if("none"==y.display)return null;if(_==this.root||9==_.nodeType)if(b=!0,_==this.root||_==t)o&&!this.root?!n||0==n.width&&0==n.height?(_=null,w=null,v=null):w=n:w=r;else{var I=p(_),E=I&&u(I),T=I&&this._computeTargetAndRootIntersection(I,E,r);E&&T?(_=I,w=l(E,T)):(_=null,v=null)}else{var R=_.ownerDocument;_!=R.body&&_!=R.documentElement&&"visible"!=y.overflow&&(w=u(_))}if(w&&(s=w,h=v,c=void 0,a=void 0,f=void 0,d=void 0,g=void 0,m=void 0,c=Math.max(s.top,h.top),a=Math.min(s.bottom,h.bottom),f=Math.max(s.left,h.left),d=Math.min(s.right,h.right),m=a-c,v=(g=d-f)>=0&&m>=0&&{top:c,bottom:a,left:f,right:d,width:g,height:m}||null),!v)break;_=_&&p(_)}return v}},s.prototype._getRootRect=function(){var e;if(this.root&&!d(this.root))e=u(this.root);else{var o=d(this.root)?this.root:t,n=o.documentElement,i=o.body;e={top:0,left:0,right:n.clientWidth||i.clientWidth,width:n.clientWidth||i.clientWidth,bottom:n.clientHeight||i.clientHeight,height:n.clientHeight||i.clientHeight}}return this._expandRectByRootMargin(e)},s.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map(function(e,o){return"px"==e.unit?e.value:e.value*(o%2?t.width:t.height)/100}),o={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return o.width=o.right-o.left,o.height=o.bottom-o.top,o},s.prototype._hasCrossedThreshold=function(t,e){var o=t&&t.isIntersecting?t.intersectionRatio||0:-1,n=e.isIntersecting?e.intersectionRatio||0:-1;if(o!==n)for(var i=0;i<this.thresholds.length;i++){var r=this.thresholds[i];if(r==o||r==n||r<o!=r<n)return!0}},s.prototype._rootIsInDom=function(){return!this.root||f(t,this.root)},s.prototype._rootContainsTarget=function(e){var o=this.root&&(this.root.ownerDocument||this.root)||t;return f(o,e)&&(!this.root||o==e.ownerDocument)},s.prototype._registerInstance=function(){e.indexOf(this)<0&&e.push(this)},s.prototype._unregisterInstance=function(){var t=e.indexOf(this);-1!=t&&e.splice(t,1)},window.IntersectionObserver=s,window.IntersectionObserverEntry=r}function i(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(t){return null}}function r(t){this.time=t.time,this.target=t.target,this.rootBounds=a(t.rootBounds),this.boundingClientRect=a(t.boundingClientRect),this.intersectionRect=a(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,o=e.width*e.height,n=this.intersectionRect,i=n.width*n.height;this.intersectionRatio=o?Number((i/o).toFixed(4)):this.isIntersecting?1:0}function s(t,e){var o,n,i,r=e||{};if("function"!=typeof t)throw new Error("callback must be a function");if(r.root&&1!=r.root.nodeType&&9!=r.root.nodeType)throw new Error("root must be a Document or Element");this._checkForIntersections=(o=this._checkForIntersections.bind(this),n=this.THROTTLE_TIMEOUT,i=null,function(){i||(i=setTimeout(function(){o(),i=null},n))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map(function(t){return t.value+t.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function h(t,e,o,n){"function"==typeof t.addEventListener?t.addEventListener(e,o,n||!1):"function"==typeof t.attachEvent&&t.attachEvent("on"+e,o)}function c(t,e,o,n){"function"==typeof t.removeEventListener?t.removeEventListener(e,o,n||!1):"function"==typeof t.detatchEvent&&t.detatchEvent("on"+e,o)}function u(t){var e;try{e=t.getBoundingClientRect()}catch(t){}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function a(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function l(t,e){var o=e.top-t.top,n=e.left-t.left;return{top:o,left:n,height:e.height,width:e.width,bottom:o+e.height,right:n+e.width}}function f(t,e){for(var o=e;o;){if(o==t)return!0;o=p(o)}return!1}function p(e){var o=e.parentNode;return 9==e.nodeType&&e!=t?i(e):(o&&o.assignedSlot&&(o=o.assignedSlot.parentNode),o&&11==o.nodeType&&o.host?o.host:o)}function d(t){return t&&9===t.nodeType}}(); !function(){if("function"==typeof window.CustomEvent)return!1;window.CustomEvent=function(n,t){t=t||{bubbles:!1,cancelable:!1,detail:null};var e=document.createEvent("CustomEvent");return e.initCustomEvent(n,t.bubbles,t.cancelable,t.detail),e}}(); var langify = window.langify || {}; var customContents = {}; var customContents_image = {}; var langifySettingsOverwrites = {}; var defaultSettings = { debug: false, // BOOL : Enable/disable console logs observe: true, // BOOL : Enable/disable the entire mutation observer (off switch) observeLinks: false, observeImages: true, observeCustomContents: true, maxMutations: 5, timeout: 100, // INT : Milliseconds to wait after a mutation, before the next mutation event will be allowed for the element linksBlacklist: [], }; if(langify.settings) { langifySettingsOverwrites = Object.assign({}, langify.settings); langify.settings = Object.assign(defaultSettings, langify.settings); } else { langify.settings = defaultSettings; } langify.settings.theme = null; langify.settings.switcher = null; langify.locale = langify.locale || { primary: true, iso_code: "en", root_url: "\/", language_id: "ly161811", shop_url: "https:\/\/www.mothercare.com.hk", domain_feature_enabled: {"www.mothercare.com.hk":[]}, languages: [{ iso_code: "en", root_url: "\/", domain: null, },{ iso_code: "zh-TW", root_url: "\/zh", domain: null, },],}; // Disable link correction ALWAYS on languages with mapped domains if(langify.locale.root_url == '/') { langify.settings.observeLinks = false; } window.addEventListener('DOMContentLoaded', function() { langify.helper = new LyHelper(); // Custom Contents Section // Images Section var langifyInstance = new Langify(langify.settings, langify.locale); }); </script> <div data-breakpoint="" class="ly-switcher-wrapper ly-breakpoint-1 fixed bottom_right ly-hide" style="display:none; font-size: 14px; margin: 0px 0px; "><div aria-label="Selected language: English" aria-description="Language selector" data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 0px;"> <span role="button" aria-expanded="false" aria-controls="languagesSwitcherList-1" class="ly-custom-dropdown-current" style="background: #ffffff; color: #000000; "><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text">English</span> <div class="ly-arrow ly-arrow-black stroke" style="display:none; vertical-align: middle; width: 14.0px; height: 14.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.0 14.0" height="14.0px" width="14.0px" style="position: absolute;"> <path d="M1 4.5 L7.0 10.5 L13.0 4.5" fill="transparent" stroke="#000000" stroke-width="1px"/> </svg> </div> </span> <ul id="languagesSwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #ffffff; color: #000000; "><li key="zh-TW" style="color: #000000; margin: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW"></i><span class="ly-custom-dropdown-list-element-right">Chinese (Traditional)</span></a> </li><li key="en" class="current" style="color: #000000; margin: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-list-element-right">English</span></a> </li></ul> </div></div> <style> .ly-flag-icon-en { background-image: url('//www.mothercare.com.hk/cdn/shop/t/28/assets/ly-icon-en.svg?v=168749326791323067301730261934'); } .ly-flag-icon-zh-TW { background-image: url('//www.mothercare.com.hk/cdn/shop/t/28/assets/ly-icon-zh-TW.svg?v=55070669892274659201730261934'); } .ly-switcher-wrapper { } .ly-switcher-wrapper.fixed { position: fixed; z-index: 1000; } .ly-switcher-wrapper.absolute { position: absolute; z-index: 1000; } .ly-switcher-wrapper.fixed.top_left, .ly-switcher-wrapper.absolute.top_left { top: 0; left: 0; } .ly-switcher-wrapper.fixed.top_right, .ly-switcher-wrapper.absolute.top_right { top: 0; right: 0; } .ly-switcher-wrapper.fixed.bottom_left, .ly-switcher-wrapper.absolute.bottom_left { bottom: 0; left: 0; } .ly-switcher-wrapper.fixed.bottom_right, .ly-switcher-wrapper.absolute.bottom_right { bottom: 0; right: 0; } .ly-switcher-wrapper .shopify-currency-form { display: inline-block; } .ly-currency-switcher { font-size: 1em; } .ly-inner-text { margin: 0 0.2em; white-space: nowrap; } .ly-flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .ly-flag-icon:before { content: ''; display: inline-block; } .ly-flag-icon.ly-flag-squared { width: 1em; } .ly-flag-icon.ly-flag-rounded { width: 1em; border-radius: 50%; } .ly-languages-switcher { white-space: nowrap; list-style-type: none; display: flex; font-size: 1em; } .ly-languages-switcher-link { margin: 0 0.2em; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; } .ly-languages-switcher.ly-list { margin: 0; padding: 0; display: block; } .ly-languages-switcher.ly-native-select { } .ly-icon { margin: 0 0.2em; } .ly-arrow { display: inline-block; position: relative; vertical-align: middle; direction: ltr !important; -webkit-transition: transform 0.25s; -moz-transition: transform 0.25s; transition: transform 0.25s; margin: 0 0.2em; } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-arrow.ly-arrow-up { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow.ly-arrow-up { transform: rotate(0deg); } .ly-custom-dropdown-switcher { text-align: left; display: inline-block; position: relative; user-select: none; cursor: pointer; } .ly-custom-dropdown-current { display: block; vertical-align: middle; } .ly-custom-dropdown-current-inner { display: inline-block; vertical-align: middle; } .ly-custom-dropdown-current-inner-image { margin-right: 0.25em; } .ly-custom-dropdown-current-inner-text { margin: 0 0.2em; } .ly-custom-dropdown-list { display: none !important; list-style: none; position: absolute; left: 0; padding: inherit !important; padding: 0 !important; margin: 0; z-index: 99999; text-align: left; width: 100%; font-size: 1em; } .ly-custom-dropdown-list-element { color: inherit !important; display: block; } .ly-custom-dropdown-list > li { margin: 0 !important; display: block; } .ly-custom-dropdown-list-element-left { margin-right: 0.5em; } .ly-custom-dropdown-list-element-right { text-align: left; } .ly-custom-dropdown-list-element-left, .ly-custom-dropdown-list-element-right { vertical-align: middle; } .ly-custom-dropdown-switcher .ly-languages-switcher-link { margin: 0; } .ly-languages-switcher-dropdown { display: inline-block; } .ly-languages-links-switcher { display: inline-block; } .ly-languages-links-switcher > .ly-languages-link { /*margin-right: 0.5em;*/ padding: inherit !important; color: inherit !important; } .ly-custom-dropdown-list-element { /*padding: inherit !important;*/ text-decoration: none; } .ly-is-uppercase { text-transform: uppercase; } .ly-is-transparent.ly-links, .ly-is-transparent.ly-list, .ly-is-transparent.ly-currency-switcher, .ly-is-transparent.ly-custom-dropdown-switcher, .ly-is-transparent.ly-custom-dropdown-switcher .ly-custom-dropdown-list { background: transparent !important; } .ly-arrow-up { transform: rotateZ(180deg); } .ly-custom-dropdown-switcher .ly-custom-dropdown-list li.current{ display: none; } .ly-custom-dropdown-switcher.ly-is-open .ly-custom-dropdown-list { display: flex !important; min-width: 100%; width: 100%; flex-direction: column-reverse; right: 0; left: auto; overflow: auto; max-height: 350px; max-height: 50vh; } .ly-is-dropup .ly-custom-dropdown-list { bottom: 100%; } .ly-hide { display: none !important; } body.ly-force-off #preview-bar-iframe, body.ly-force-off .ly-languages-switcher { display: none !important; } .ly-close { position: absolute; opacity: 0.3; right: 0; top: 0; width: 3em; height: 3em; display: inline-block !important; background: rbga(0,0,0,0); padding: 1em; } .ly-close:hover { opacity: 1; } .ly-close .inner { transform: translateX(-50%); position: relative; width: 100%; height: 100%; display: inline-block; } .ly-close .inner:before, .ly-close .inner:after { position: absolute; left: 1em; content: ' '; height: 1em; width: 2px; background-color: #333; } .ly-close .inner:before { transform: rotate(45deg); } .ly-close .inner:after { transform: rotate(-45deg); } .ly-popup-switcher {} .ly-popup-switcher .ly-popup-current { cursor: pointer; background: transparent; } .ly-popup-switcher .ly-popup-modal { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; } .ly-popup-switcher.ly-is-open .ly-popup-modal { display: flex; } .ly-popup-switcher .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); cursor: pointer; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content { padding: 1em; position: absolute; z-index: 1000; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul { padding: 0; margin: 12px 0 0 0; list-style: none; display: flex; flex-direction: column; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link { margin: 0; border: solid 1px; padding: 1em; display: block; min-width: 225px; margin-top: 1em; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link.current_lang { display: none; } /* Recommendation */ .ly-recommendation { display: none; } .ly-recommendation.ly-is-open { display: inline-block; } .ly-recommendation form { display: inline-block; } .ly-recommendation .ly-arrow, .ly-arrow.recommendation { display: none; } .ly-recommendation .ly-arrow.recommendation { display: inline-block; } .ly-recommendation .ly-switcher-wrapper { font-size: 1em !important; } .ly-recommendation .ly-popup-modal .ly-popup-switcher .ly-popup-modal .ly-popup-modal-backdrop { display: none; } .ly-recommendation-form button[type="submit"] { cursor: pointer; } /* Recommendation Banner */ .ly-recommendation .ly-banner { position: fixed; z-index: 100000; width: 100%; } .ly-recommendation .ly-banner .ly-banner-content { width: 100%; padding: 1em 30px 1em 1em; box-shadow: 0 0 20px rgba(0,0,0,.25); } .ly-recommendation .ly-banner.top { top: 0; } .ly-recommendation .ly-banner.bottom { bottom: 0; } .ly-recommendation .ly-banner .ly-banner-content .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-banner .ly-recommendation-form button[type="submit"] { margin-left: 10px; } /* Recommendation Popup */ .ly-recommendation .ly-popup-modal { position: fixed; z-index: 10000; } .ly-recommendation .ly-popup-modal .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); } .ly-recommendation .ly-popup-modal .ly-popup-modal-content { padding: 1em 30px 1em 1em; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content .ly-languages-switcher { position: relative !important; margin: 0 !important; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content h3 { margin: 0 2em 1em 0; font-size: inherit; position: relative; } .ly-recommendation .ly-popup-modal.top_left { top: 0; left: 0; margin-right: 0 !important; margin-bottom: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important;} .ly-recommendation .ly-popup-modal.top_center { top: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important;} .ly-recommendation .ly-popup-modal.top_right { top: 0; right: 0; margin-left: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; } .ly-recommendation .ly-popup-modal.center_center { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0 !important; padding: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_left { bottom: 0; left: 0; margin-right: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_center { bottom: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-left: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_right { bottom: 0; right: 0; margin-left: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } </style> <style> .bogos-bundle-quantity-break-item input[type=radio] { appearance: auto !important; } div#bogos-bundle-quantity-break-view { width: 90%; } </style> <div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block"><script>var __SWYM__VERSION__ = '3.160.1';</script> <script> (function () { // Put metafields in window variable const commonCustomizationSettings = ''; try { const parsedSettings = JSON.parse(commonCustomizationSettings); if (parsedSettings) { window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings']; } else { window.SwymWishlistCommonCustomizationSettings = {}; } } catch (e) { window.SwymWishlistCommonCustomizationSettings = {}; } let enabledCommonFeatures = '{"multiple-wishlist":false}'; try { enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {}; } catch (e) { enabledCommonFeatures = {}; } // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code. window.SwymEnabledCommonFeatures = enabledCommonFeatures; })(); </script> <script id="wishlist-embed-init" defer async> (function () { window.swymWishlistEmbedLoaded = true; var fullAssetUrl = "https://cdn.shopify.com/extensions/7c1e924a-ef06-4775-8426-1310126a9467/wishlist-plus-514/assets/apps.bundle.js"; var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1); var swymJsPath = '//freecdn.swymrelay.com/code/swym-shopify.js'; var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1); window.SwymCurrentJSPath = baseJsPath; window.SwymAssetBaseUrl = assetBaseUrl; window.SwymCurrentStorePath = "//swymstore-v3free-01.swymrelay.com"; function loadSwymShopifyScript() { var element = ""; var scriptSrc = ""; element = "swym-ext-shopify-script"; window.SwymShopifyCdnInUse = true; scriptSrc = "https://cdn.shopify.com/extensions/7c1e924a-ef06-4775-8426-1310126a9467/wishlist-plus-514/assets/swym-ext-shopify.js"; if (document.getElementById(element)) { return; } var s = document.createElement("script"); s.id = element; s.type = "text/javascript"; s.async = true; s.defer = true; s.src = scriptSrc; s.onerror = function() { console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default"); // Fallback logic here element = `swym-ext-shopify-script-${__SWYM__VERSION__}`; var fallbackJsPathVal = "\/\/freecdn.swymrelay.com\/code\/swym-shopify.js"; var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify"); scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__; var fallbackScript = document.createElement("script"); fallbackScript.id = element; fallbackScript.type = "text/javascript"; fallbackScript.async = true; fallbackScript.defer = true; fallbackScript.src = scriptSrc; var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(fallbackScript, y); }; var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x); } var consentAPICallbackInvoked = false; function checkConsentAndLoad() { var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.(); if(!isCookieBannerVisible) { loadSwymShopifyScript(); return; } var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); if (shouldLoadSwymScript) { loadSwymShopifyScript(); } else { console.warn("No customer consent to load Swym Wishlist Plus"); } } function initialiseConsentCheck() { document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); }); window.Shopify?.loadFeatures?.( [{name: 'consent-tracking-api', version: '0.1'}], error => { consentAPICallbackInvoked = true; if (error) { if(!window.Shopify?.customerPrivacy) { loadSwymShopifyScript(); return; } } checkConsentAndLoad(); } ); } function consentCheckFallback(retryCount) { if(!consentAPICallbackInvoked) { if (window.Shopify?.customerPrivacy) { checkConsentAndLoad(); } else if (retryCount >= 1) { console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load"); loadSwymShopifyScript(); } else { setTimeout(() => consentCheckFallback(retryCount + 1), 1000); } } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initialiseConsentCheck); window.addEventListener("load", () => consentCheckFallback(0)); } else { initialiseConsentCheck(); } })(); </script> <script defer> (function () { const currentSwymJSPath = '//freecdn.swymrelay.com/code/swym-shopify.js'; const currentSwymStorePath = 'https://swymstore-v3free-01.swymrelay.com'; const dnsPrefetchLink = `<link rel="dns-prefetch" href="https://${currentSwymStorePath}" crossorigin>`; const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`; const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`; const swymSnippet = document.getElementById('wishlist-embed-init'); if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);} if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);} if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);} })() </script> <script id="swym-snippet" type="text"> window.swymLandingURL = document.URL; window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"HKD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.swymPageLoad = function() { window.SwymProductVariants = window.SwymProductVariants || {}; window.SwymHasCartItems = 0 > 0; window.SwymPageData = {}, window.SwymProductInfo = {};var variants = []; window.SwymProductInfo.product = {"id":7019821596854,"title":"Stokke Tripp Trapp Tray - White","handle":"stokke-tripp-trapp-tray-white","description":"","published_at":"2024-05-03T15:26:24+08:00","created_at":"2021-09-12T17:40:31+08:00","vendor":"Stokke","type":"","tags":["age_0-1","age_1-2","age_2-3","dining","feeding","high chair accessories"],"price":54000,"price_min":54000,"price_max":54000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":40661395341494,"title":"White","option1":"White","option2":null,"option3":null,"sku":"O4285010000","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Stokke Tripp Trapp Tray - White - White","public_title":"White","options":["White"],"price":54000,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"7040354285015","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590"],"featured_image":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","options":["Color"],"media":[{"alt":"Stokke Tripp Trapp Tray White 1","id":24518111592630,"position":1,"preview_image":{"aspect_ratio":0.667,"height":1650,"width":1100,"src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590"},"aspect_ratio":0.667,"height":1650,"media_type":"image","src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?v=1656488590","width":1100},{"alt":"Stokke Tripp Trapp Tray White 2","id":24518111625398,"position":2,"preview_image":{"aspect_ratio":0.667,"height":1650,"width":1100,"src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590"},"aspect_ratio":0.667,"height":1650,"media_type":"image","src":"\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_2.jpg?v=1656488590","width":1100}],"requires_selling_plan":false,"selling_plan_groups":[],"content":""}; window.SwymProductInfo.variants = window.SwymProductInfo.product.variants; var piu = "\/\/www.mothercare.com.hk\/cdn\/shop\/products\/stokke_tripp_trapp_tray_white_1.jpg?crop=center\u0026height=620\u0026v=1656488590\u0026width=620"; SwymProductVariants[40661395341494] = { empi: window.SwymProductInfo.product.id,epi:40661395341494, dt: "Stokke Tripp Trapp Tray - White", du: "https://www.mothercare.com.hk/products/stokke-tripp-trapp-tray-white", iu: piu , stk: 1 , pr: 54000/100, ct: window.SwymProductInfo.product.type, variants: [{ "White" : 40661395341494}] };window.SwymProductInfo.currentVariant = 40661395341494; var product_data = { et: 1, empi: window.SwymProductInfo.product.id, epi: window.SwymProductInfo.currentVariant, dt: "Stokke Tripp Trapp Tray - White", du: "https://www.mothercare.com.hk/products/stokke-tripp-trapp-tray-white", ct: window.SwymProductInfo.product.type, pr: 54000/100, iu: piu , variants: [{ "White" : 40661395341494 }], stk: 1 }; window.SwymPageData = product_data; window.SwymPageData.uri = window.swymLandingURL; }; if(window.selectCallback){ (function(){ var originalSelectCallback = window.selectCallback; window.selectCallback = function(variant){ originalSelectCallback.apply(this, arguments); try{ if(window.triggerSwymVariantEvent){ window.triggerSwymVariantEvent(variant.id); } }catch(err){ console.warn("Swym selectCallback", err); } };})();} window.swymCustomerId =null; window.swymCustomerExtraCheck = null; var swappName = ("Wishlist" || "Wishlist"); var swymJSObject = { pid: "KQ5FCeC3ErWuzX4FmU8j8ucoDsggbwEYOb3nX+a+LZg=", interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName }; window.swymJSShopifyLoad = function(){ if(window.swymPageLoad) swymPageLoad(); if(!window._swat) { (function (s, w, r, e, l, a, y) { r['SwymRetailerConfig'] = s; r[s] = r[s] || function (k, v) { r[s][k] = v; }; })('_swrc', '', window); _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else if(window._swat.postLoader){ _swrc = window._swat.postLoader; _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else{ initSwymShopify();} } if(!window._SwymPreventAutoLoad) { swymJSShopifyLoad(); } </script> <style id="safari-flasher-pre"></style> <script> if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; window.SwymCallbacks = window.SwymCallbacks || []; window.SwymCallbacks.push(function(tracker) { tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() { var x = function() { SwymUtils.onDOMReady(function() { var d = document.createElement("div"); d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; document.head.appendChild(d); });}; setTimeout(x, 10); });});} window.SwymOverrideMoneyFormat = "${{amount}}"; </script> <style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style> <script id="swymSnippetCheckAndActivate"> (function() { function postDomLoad() { var element = document.querySelector('script#swym-snippet:not([type="text"])'); if (!element) { var script = document.querySelector('script#swym-snippet[type="text"]'); if (script) { script.type = 'text/javascript'; new Function(script.textContent)(); } } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", postDomLoad); } else { postDomLoad(); } })(); </script> <script> (function() { // HEARTBEAT let wishlistAppHeartbeatData = '{"global":"2025-02-11T10:27:33.673Z","139239293110":"2025-08-30T00:23:51.852Z","editor":"2025-08-28T10:15:26.742Z","141474398390":"2025-03-07T00:54:07.379Z","141785170102":"2025-03-22T13:54:38.909Z","141809778870":"2025-08-27T10:11:18.393Z","144648110262":"2025-08-28T10:16:22.172Z"}'; try { wishlistAppHeartbeatData = JSON.parse(wishlistAppHeartbeatData) || {}; } catch (e) { wishlistAppHeartbeatData = {}; } const ShopifyTheme = window.Shopify.theme; const themeId = ShopifyTheme.id; const heartbeatMetadata = { schema_name: ShopifyTheme?.schema_name, schema_version: ShopifyTheme?.schema_version, theme_store_id: ShopifyTheme?.theme_store_id, role: ShopifyTheme?.role }; const themeSchemaName = window.Shopify.theme.schema_name; const isDesignMode = !!window.swymDesignMode; if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push((swat) => { if (!swat || !themeId) { return; } const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; if (typeof triggerHeartbeat !== "function") return; const lastHeartbeat = isDesignMode ? wishlistAppHeartbeatData?.editor : wishlistAppHeartbeatData?.[themeId]; const themeContext = isDesignMode ? 'editor' : themeId; const extensionData = { extensionName: "wishlist-app", extensionType: "app-embed", metadata: heartbeatMetadata, themeId: themeContext, extensionSource: "default" }; triggerHeartbeat(extensionData, lastHeartbeat); // ENABLE COMMON FEATURES let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures; Object.keys(swymEnabledCommonFeatures).forEach((key) => { if (!swymEnabledCommonFeatures[key]) return; switch (key) { case "add-to-wishlist-collections-button": swat?.collectionsApi?.setDefaultCustomizationOptions(); swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName); // Send basic collections heartbeat let basicCollectionsHeartbeat = ''; try { basicCollectionsHeartbeat = JSON.parse(basicCollectionsHeartbeat) || {}; } catch (e) { basicCollectionsHeartbeat = {}; } const lastBasicCollectionsHeartbeat = isDesignMode ? basicCollectionsHeartbeat?.editor : basicCollectionsHeartbeat?.[themeId]; /** Stop heartbeat triggerHeartbeat({ extensionName: "basic-add-to-wishlist-collections-button", extensionType: "app-embed", metadata: {}, themeId: themeContext, extensionSource: "default" }, lastBasicCollectionsHeartbeat); */ break; case "add-to-wishlist-pdp-button": if (!(window.SwymPageData && window.SwymPageData.et === 1)) { // Not initiating pdp button as it is not a product page return } // Inject addtowishlist.css into the document's <head> var head = document.head; var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/7c1e924a-ef06-4775-8426-1310126a9467/wishlist-plus-514/assets/addtowishlistbutton.css"; var pdpButtonStylesheetTag = document.createElement("link"); pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`; pdpButtonStylesheetTag.rel = "stylesheet"; pdpButtonStylesheetTag.href = pdpButtonStylesheet; if (!document.getElementById("swym-pdp-button-stylesheet")) { head.appendChild(pdpButtonStylesheetTag); } var x = document.getElementsByTagName("script")[0]; function createAndInsertScript(id, src, onLoadCallback) { var scriptTag = document.createElement("script"); scriptTag.id = id; scriptTag.type = "text/javascript"; scriptTag.src = src; scriptTag.onload = onLoadCallback; x.parentNode.insertBefore(scriptTag, x); } var pdpButtonScript = "https://cdn.shopify.com/extensions/7c1e924a-ef06-4775-8426-1310126a9467/wishlist-plus-514/assets/addtowishlistbutton.js"; createAndInsertScript( `swym-pdp-button-script`, pdpButtonScript, function () { const pdpBtnApi = window.WishlistPlusPDPButtonAPI; if (pdpBtnApi) { pdpBtnApi.setDefaultCustomizationOptions(swat); pdpBtnApi.initializePDPButton(swat, true); } } ); break; default: return; } }) }); })(); // IIFE to prevent polluting global scope </script> <script> (function () { // Get the settings from Shopify's Liquid variables and create the styles const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; const isControlCentreEnabledFromBlockSettings = false; if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { // Don't enable control centre if this is disabled and block settings are not enabled return; } let borderRadius = 6; let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400; // Check if block settings exist, use them, otherwise fall back to common settings let primaryBgColor = isControlCentreEnabledFromBlockSettings ? "#000000" : window.SwymWishlistCommonCustomizationSettings.primaryColor; let primaryTextColor = isControlCentreEnabledFromBlockSettings ? "#ffffff" : window.SwymWishlistCommonCustomizationSettings.secondaryColor; let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? "#F4F8FE" : null; let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? "#333333" : null; // Only use color adjustment functions if we're using common settings if (!secondaryBgColor || !secondaryTextColor) { function adjustOpacity(color, opacity) { if (color[0] === '#') { color = color.slice(1); } if (color.length === 3) { color = color.split('').map(char => char + char).join(''); } const r = parseInt(color.slice(0, 2), 16); const g = parseInt(color.slice(2, 4), 16); const b = parseInt(color.slice(4, 6), 16); return `rgba(${r}, ${g}, ${b}, ${opacity})`; } function hexToRgb(color) { if (color[0] === '#') { color = color.slice(1); } if (color.length === 3) { color = color.split('').map(c => c + c).join(''); } return { r: parseInt(color.slice(0, 2), 16), g: parseInt(color.slice(2, 4), 16), b: parseInt(color.slice(4, 6), 16) }; } function getLuminance({ r, g, b }) { return 0.299 * r + 0.587 * g + 0.114 * b; } function generateSecondaryColors(primaryBgColor, primaryTextColor) { const secondaryBgOpacity = 0.2; const secondaryTextOpacity = 0.8; const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity); const bgRgb = hexToRgb(primaryBgColor); const bgLuminance = getLuminance(bgRgb); // Determine whether to use dark or light text for contrast const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity); const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity); const secondaryTextColor = bgLuminance > 186 ? darkText : lightText; return { secondaryBgColor, secondaryTextColor }; } const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor); secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor; secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor; } // Create the CSS rule let styles = ` .swym-storefront-layout-root-component { --swym-storefront-layout-ui-border-radius: ${borderRadius}px; --swym-storefront-layout-button-border-radius: ${borderRadius}px; --swym-storefront-layout-side-drawer-width: ${drawerWidth}px; --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor}; --swym-storefront-layout-button-color-text-primary: ${primaryTextColor}; --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor}; --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor}; } `; // Create a <style> element and append the styles let styleSheet = document.createElement("style"); styleSheet.type = "text/css"; styleSheet.innerText = styles; document.head.appendChild(styleSheet); if (typeof window.SwymStorefrontLayoutContext === 'undefined') { window.SwymStorefrontLayoutContext = {}; } if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){ window.SwymStorefrontLayoutExtensions = {}; } if (isControlCentreEnabledFromBlockSettings) { // If block settings are enabled, use them SwymStorefrontLayoutContext.Settings = { EnableStorefrontLayoutOnLauncher: true, EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification || true, StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", StorefrontLayoutDrawerPosition: "left", StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", EnableStorefrontLayoutVariantSelector: true, StorefrontLayoutNotificationPosition: "left", StorefrontLayoutActionPopupPosition: "left", StorefrontLayoutNotificationDuration: 5000 }; } else { // If only metafield is enabled but no block settings, use common settings SwymStorefrontLayoutContext.Settings = { EnableStorefrontLayoutOnLauncher: true, EnableStorefrontLayoutNotification: true, StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", StorefrontLayoutDrawerPosition: "left", StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", EnableStorefrontLayoutVariantSelector: true, StorefrontLayoutNotificationPosition: "left", StorefrontLayoutActionPopupPosition: "left", StorefrontLayoutNotificationDuration: 5000 }; } const storefrontLayoutCallback = (swat) =>{ SwymStorefrontLayoutContext.swat = swat; let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid']; let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled']; SwymStorefrontLayoutContext.Settings = { ...SwymStorefrontLayoutContext?.Settings, EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] || false, EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield), } if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){ if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){ var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { detail: { settings: SwymStorefrontLayoutContext?.Settings } }); document.dispatchEvent(event); }else{ swat.utils.warn(`LayoutInitialized event is not defined.`); } }else{ swat.utils.warn(`Storefront Layout is disabled.`); document.getElementById("swym-storefront-layout-container")?.remove(); document.getElementById("swym-storefront-extention-render-container")?.remove(); } } if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push(storefrontLayoutCallback); SwymStorefrontLayoutContext.SwymCustomerData = { name: null, email: null }; SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email; })(); </script> <div id="swym-storefront-extention-render-container"> <script> (function () { const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; const isControlCentreEnabledFromBlockSettings = false; const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { return; } if (typeof window.SwymStorefrontLayoutContext === 'undefined') { window.SwymStorefrontLayoutContext = {}; } SwymStorefrontLayoutContext.Strings = { title: "My Wishlist", addToCart: "Add To Cart + ", addedToCart: "Added To Cart", soldOut:"Sold Out", addingToCart: "Adding...", viewCartCta: "View Cart", moveToCartCta: "Move to Cart + ", movingToCartCta: "Moving...", removeSflItemCta: "Remove from Saved for Later", loginHeading: "Don't lose your Lists!", loginText: "Login to save your favorites and access them whenever, wherever!", loginButtonText: "Login to Save", loggedUserWelcomeMessage: "Welcome!", VariantSelectorBtnText: "Translation missing: en.storefrontLayout.VariantSelectorBtnText", wishlistTitle:"Other items in my Wishlist", wishlistInfo:"Add to lists & organise", emptyWishlistTitle: "Your wishlist is empty", emptyWishlistDescription: "Add more items to this wishlist and see them here", collectionTitle: "My Lists", emptyCarouselCollectionText: "Your lists are empty!", emptyCollectionText: "This List is empty", emptyCollectionDescription: "Add more items to this list and see them here", addToCollectionTitle: "Add this item to list", removeItemCta: "Remove from List", addToCollectionCta: "Add to List", createCollectionCta:"Create new List", saveNewCollectionCta: "Save", renameCollectionCta: "Rename", deleteCollectionCta: "Delete List", shareCollectionCta: "Share Wishlist", saveCollectionCta: "Save List", editCollectionCta: "Edit", shareCollectionTitle: "Check This Out!", shareCollectionMessage: "View my List", sharedCollectionMessage: "This list was shared by {{email}} You can save it to edit", updateCollectionTitle: "Update List", errorMessageListNameRequired: "Name Required", errorMessageListNameRequire3Char: "Name must be at least 3 characters long", errorMessageListNameAlreadyExist: "Name already exist", notificationMessageItemSaved: "Item Saved", notificationMessageItemRemoved: "Item Removed", notificationMessageAddedToCart: "Added To Cart", notificationMessageAddedToCollection: "Item added to your list", notificationMessageCollectionSaved: "List Saved", notificationMessageCollectionDeleted: "List Deleted", notificationMessageCollectionUpdated: "Your lists have been updated", notificationMessageCollectionUnavailable: "List unavailable or removed", notificationMessageSFLItemSaved: "Saved for later", notificationMessageSFLItemRemoved: "Removed from Saved for later", notificationMessageMovedToCart: "Moved to Cart", notificationActionAddToCollection: "Add To List +", notificationActionView: "View", notificationActionViewCollection: "View List", notificationActionGoToCart: "Go To Cart", item: "item", items: "items", tabWishlist: "Wishlist", tabSavedForLater: "Saved for later", savedForLaterTitle: "Saved for Later", emptySavedForLaterTitle: "No items saved for later", emptySavedForLaterDescription: "Save items from your cart here until you're ready", } /** * Function to override Swym's default UI behavior. **/ const overrideSwymDefaultUI = (swat) => { try{ swat.ui.open = function(){ window.location.hash = SwymStorefrontLayoutContext?.StorefrontLayoutUrls?.List; } swat.ui.uiRef.settings.UI.NotificationDisabled = true; }catch(e){ swat.utils?.warn('Error overriding Swym default UI:', e); } } /** * Callback function to override Swym's default UI behavior based on Storefront Layout settings. * * - Overrides `swat.ui.open` to redirect to a custom Storefront Layout URL if enabled. * - Overrides Swym's default notifications to log notifications instead of displaying them. * - Ensures the callback is pushed to `window.SwymCallbacks` for execution when Swym is initialized. * * @param {Object} swat - Swym's UI object used for overriding UI behaviors. */ const swymStorefrontLayoutCallback = (swat) =>{ SwymStorefrontLayoutContext.swat = swat; overrideSwymDefaultUI(swat); let triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; if (typeof triggerHeartbeat !== "function") return; let wishlistNewUiHeartbeatData = ''; try { wishlistNewUiHeartbeatData = JSON.parse(wishlistNewUiHeartbeatData) || {}; } catch (e) { wishlistNewUiHeartbeatData = {}; } let themeId = window.Shopify.theme.id; let isDesignMode = !!window.swymDesignMode; let lastHeartbeat = isDesignMode ? wishlistNewUiHeartbeatData?.editor : wishlistNewUiHeartbeatData?.[themeId]; let themeContext = isDesignMode ? 'editor' : themeId; let extensionData = { extensionName: "wishlist-new-ui", extensionType: "app-embed", metadata: {}, themeId: themeContext, extensionSource: "default" }; /** Stop heartbeat triggerHeartbeat(extensionData, lastHeartbeat); */ } if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push(swymStorefrontLayoutCallback); })(); </script> <link rel="stylesheet" href="https://cdn.shopify.com/extensions/7c1e924a-ef06-4775-8426-1310126a9467/wishlist-plus-514/assets/storefront-layout.css"> <script src="https://cdn.shopify.com/extensions/7c1e924a-ef06-4775-8426-1310126a9467/wishlist-plus-514/assets/async-wishlist-apis.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/7c1e924a-ef06-4775-8426-1310126a9467/wishlist-plus-514/assets/storefront-layout.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/7c1e924a-ef06-4775-8426-1310126a9467/wishlist-plus-514/assets/storefront-layout-components.js" defer="defer"></script> <swym-storefront-layout class="swym-storefront-layout-root-component"></swym-storefront-layout> </div> </div><div id="shopify-block-ASmtwMUU3ODZMZ2N0Z__7292877812810369780" class="shopify-block shopify-app-block"> <script> window.host = 'mothercarehk.myshopify.com'; window.currency = 'HKD'; window.idProduct = '7019821596854'; window.countryCode = ''; window.locale = 'en'; window.customer = ''; window.idProduct = '7019821596854'; (function() { let FORDEER_INDEX_URL = 'https://cdn.shopify.com/extensions/17e0cb52-2254-48ae-803c-0a3ee8edbe86/fordeer-preorder-now-presale-164/assets/index.js'; if(!document.querySelector('script[src="'+FORDEER_INDEX_URL+'"]')) { let head = document.getElementsByTagName('head')[0], script = document.createElement('script'); script.setAttribute('type', 'module'); script.setAttribute('src', FORDEER_INDEX_URL); script.crossorigin = true; script.async = true; head.appendChild(script); } let FORDEER_LIB_URL = 'https://cdn.shopify.com/extensions/17e0cb52-2254-48ae-803c-0a3ee8edbe86/fordeer-preorder-now-presale-164/assets/lib.js'; if(!document.querySelector('link[href="'+FORDEER_LIB_URL+'"]')) { let head = document.getElementsByTagName('head')[0], link = document.createElement('link'); link.setAttribute('rel', 'modulepreload'); link.setAttribute('href', FORDEER_LIB_URL); link.crossorigin = true; head.appendChild(link); }})(); </script> </div><div id="shopify-block-Aa2RCOVlpZ3lvOFplV__15858443454929820475" class="shopify-block shopify-app-block"><script> window.kaktusAppData = { customerId: null, customerTags: ''.split(',') || [] } </script> <script async src="https://contact.bestfreecdn.com/storage/js/contact-58017087670.js?ver=1756562435&shop=58017087670"></script> </div><div id="shopify-block-Ac2JXWTRKRWk1Y1BxZ__4096659318022801403" class="shopify-block shopify-app-block"><script> window.mdSettings = { shop_id: 58017087670, shop_name: "mothercare hong kong", widget_id: "https://moosedesk-help-widget.moosedesk.com/58017087670/58017087670.json", customer_id: null, secret_key: null, widget_settings: {"storeId":"58017087670","subdomain":"mothercarehk","_id":"68117c379e3973fe1384fdb5","name":"Help Widget","settings":{"primary":"#165c7d","text":"#FFFFFF","button":"#85B09A","buttonText":"#FFFFFF","icon":"#F27521","font":"Inter, sans-serif","position":"right","sideSpacing":"20","bottomSpacing":20,"displayDevice":"desktopAndMobile","submitTicket":"alwaysVisible","faq":"neverVisible","language":"en","displayLanguageSwitcher":true,"autoSwitchLanguage":"disable","launcherType":"icon","enableThreeMostView":true,"enableSearchFaq":true,"enableBrowsingAllFaq":true,"enabledOrderTracking":true,"enabledRedirect":false,"orderMedia":["whatsapp"],"enableWhatsApp":true,"whatsAppPhoneNumber":"","whatsAppIcon":"https://moosedesk-asset.moosedesk.com/icons/whatsapp-green-icon.png","enableThirdPartyOrderTracking":true,"enableOrderStatusBar":true,"ticketFormFields":["name","email","subject","message"],"liveChatFormFields":["name","email"],"enableLiveChatDataCollection":true,"modules":["loyalty","sns","orderTracking","faq"],"timingForDisplay":"allTime","onlineTeamStatusVisible":true,"offlineTeamStatusVisible":false,"enableConsent":false,"hideLiveChat":false,"hideWidget":false,"offsetBottom":"20","facebookIcon":"https://moosedesk-asset.moosedesk.com/icons/logos_facebook_blue.svg","messengerIcon":"https://moosedesk-asset.moosedesk.com/icons/messenger.svg","instagramIcon":"https://moosedesk-asset.moosedesk.com/icons/skill-icons_instagram_new.svg","phoneIcon":"https://moosedesk-asset.moosedesk.com/icons/mage_phone-fill.svg","calendlyIcon":"https://moosedesk-asset.moosedesk.com/icons/calendly_icon.svg","typeUrlInstagram":"Message","enableAdsBanner":false,"enableReCaptcha":false,"hideToastMessage":true,"enableChatConsent":false,"enableLoyaltyPointBalance":true,"enableCustomerTier":true,"hideBrandMark":true}}, advanced_settings: {"deepLinks":{"openWidget":"#open-widget","openChat":"#send-message","openTicket":"#send-ticket"},"customCss":{}}, widget_customize_settings: null, chatbot_ai_settings: null, outline: [{"_id":"68117c36f9d829f82c3d3c90","title":"Payment and discount","description":"Payment and discount","icon":"https://moosedesk-asset.moosedesk.com/images/cate-pay.png","order":1,"articles":[{"_id":"68117c36f9d829f82c3d3ca5","title":"Payment","body":"<b>This is a sample article—customize, edit, or delete as you prefer</b>\n <h1>What payment methods do you accept?</h1>\n <p>We accept major credit cards, including:</p>\n <ul>\n <li>Visa</li>\n <li>MasterCard</li>\n <li>American Express</li>\n <li>Paypal</li>\n </ul>\n <p>We support payments through <strong>Venmo in some occasions</strong></p>","categoryId":"68117c36f9d829f82c3d3c90","order":1,"status":"PUBLISHED"}]},{"_id":"68117c37f9d829f82c3d3cac","title":"Return and exchange","description":"Return & Exchange","icon":"https://moosedesk-asset.moosedesk.com/images/cate-return.png","order":2,"articles":[{"_id":"68117c37f9d829f82c3d3cc9","title":"How do I return my items?","body":"<b>This is a sample article—customize, edit, or delete as you prefer</b>\n <p>We offer free returns to the following countries;</p>\n <p>United Kingdom (mainland), United States, Canada, Germany, Austria, Switzerland, France, Belgium, Netherlands, Sweden, Denmark, Finland, Norway, Australia, New Zealand and Ireland.</p>\n <p>If your country is not listed here you may be responsible for the cost of your return.</p>","categoryId":"68117c37f9d829f82c3d3cac","order":1,"status":"PUBLISHED"},{"_id":"68117c37f9d829f82c3d3cc8","title":"Exchange process","body":"<b>This is a sample article—customize, edit, or delete as you prefer</b>\n <h1>Initiating Exchange:</h1>\n <p>When dissatisfied with a product, contact customer service (email, phone, or live chat) providing order details and reasons for exchange.</p>\n <h1>Understanding Policies:</h1>\n <p>Familiarize yourself with our exchange policies, including time frames, eligibility conditions, and any associated costs.</p>\n <h1>Packaging and Returning:</h1>\n <p>Securely pack the item for return, following packaging guidelines. Ship it back using a reliable method, adhering to provided instructions.</p>\n <h1>Processing Time:</h1>\n <p>Upon receiving the return, we will inspect and process the exchange. Stay informed about expected timelines during this phase.</p>\n <h1>Receiving Replacement:</h1>\n <p>Once the exchange is processed, expect the arrival of your replacement item, signifying the successful completion of the exchange process.</p>","categoryId":"68117c37f9d829f82c3d3cac","order":1,"status":"PUBLISHED"}]},{"_id":"68117c36f9d829f82c3d3c6b","title":"Product","description":"Product","icon":"https://moosedesk-asset.moosedesk.com/images/cate-product.png","order":3,"articles":[{"_id":"68117c36f9d829f82c3d3c83","title":"Out of stock","body":"<b>This is a sample article—customize, edit, or delete as you prefer</b>\n <p>We can't always give a heads up about when products will be restocking as it's always subject to change. However, we do have a back in stock function on selected product pages, so we can notify you when they're restocked.</p>\n <h1>GET NOTIFIED ABOUT RESTOCKS</h1>\n <ol>\n <li>Select the item you're interested in</li>\n <li>Select the '<strong>SIZE OUT OF STOCK?</strong>' link on the product pages (below the item sizes section)</li>\n <li>Hit the '<strong>NOTIFY ME</strong>' button on the size you're interested in to be notified as soon as it's available - simple!</li>\n </ol>","categoryId":"68117c36f9d829f82c3d3c6b","order":1,"status":"PUBLISHED"}]},{"_id":"68117c36f9d829f82c3d3c9e","title":"Policy","description":"Policy","icon":"https://moosedesk-asset.moosedesk.com/images/cate-policy.png","order":4,"articles":[{"_id":"68117c37f9d829f82c3d3cb3","title":"Privacy policy","body":"<b>This is a sample article—customize, edit, or delete as you prefer</b>\n <p>We are committed to protecting the privacy and security of your personal information. This Privacy Policy describes how we collect, use, disclose, and protect your information when you visit our website (the \"Site\") and make purchases through our online store (the \"Service\"). By using our Service, you agree to the terms outlined in this Privacy Policy.</p>\n <h1>Information We Collect:</h1>\n <h2>a. Personal Information:</h2>\n <p>- Name</p>\n <p>- Contact information (email address, phone number, shipping address)</p>\n <p>- Payment details (credit card information, billing address)</p>\n <p>- Account login credentials</p>\n <h2>b. Non-Personal Information:</h2>\n <p>- Device information (browser type, IP address, operating system)</p>\n <p>- Cookies and similar technologies</p>","categoryId":"68117c36f9d829f82c3d3c9e","order":1,"status":"PUBLISHED"}]}], metadata: {"timezone":"Asia/Hong_Kong","businessHoursType":"CUSTOM","days":[{"day":"MONDAY","timeRanges":{"startTime":"09:00","endTime":"18:00"}},{"day":"TUESDAY","timeRanges":{"startTime":"09:00","endTime":"18:00"}},{"day":"WEDNESDAY","timeRanges":{"startTime":"09:00","endTime":"18:00"}},{"day":"THURSDAY","timeRanges":{"startTime":"09:00","endTime":"18:00"}},{"day":"FRIDAY","timeRanges":{"startTime":"09:00","endTime":"18:00"}}],"agents":[{"_id":"3a19967a-0955-d5b6-3d8f-47b498fc2013","firstName":"Mothercare Hong Kong","lastName":"Customer Service","avatar":"https://moosedesk-ticket-file-upload.moosedesk.com/58017087670/1745979621251-mclogo300x300.png","isOwner":true,"isActive":true}]}, page_info: { page_type: "product", path: "/products/stokke-tripp-trapp-tray-white" }, shop_currency: "HKD" }; </script> </div><div id="shopify-block-AZnU5VVZ6RmUrM0tqS__166849549478664291" class="shopify-block shopify-app-block"><style> .aaa-giftregi-content .grid__item.one-whole { width: 100% !important; display: contents; justify-content: center; } </style> <input type="hidden" id="aaa-customer-id" value=""> <input type="hidden" id="aaa-cus-first_name" value=""> <input type="hidden" id="aaa-cus-last_name" value=""> <input type="hidden" id="aaa-cus-email" value=""> <div class="aaa-giftregi-overlay-login"> <div class="aaa-giftregi-popup"> <h2></h2> <a class="aaa-giftregi-close" href="javascript:;" onclick='closeloginpopup("aaa-giftregi-overlay-login");'>x</a> <div class="aaa-giftregi-content aaa-gift-form"> <div class="grid login-template"> <div class="grid__item one-whole"> <div class="note form-success" id="ResetSuccess" style="display:none;"> Translation missing: en.customer.recover_password.success </div> <div id="CustomerLoginFormGift"> <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /> <div class="section-header section-header--large margin-bottom-0"> <h1 class="section-header__title"> Login </h1> </div> <input type="email" required name="customer[email]" id="CustomerEmail" placeholder=" Email " autocorrect="off" autocapitalize="off" autofocus style=""> <input type="password" required value="" name="customer[password]" id="CustomerPassword" placeholder="Password " style=""> <a href="javascript:;" id='forgot-pass' onclick='forgetpassShow()'> Forgot password </a> <p> <input type="hidden" class="aaa_return_page" name="return_to" /> <input type="submit" class="btn" id="loginfrm" value="Login"> </p> <p> Are you a New User? <a href="javascript:;" onclick="showregistration();" class="registration-toggle"><span class="pink-text">REGISTER HERE</span></a> </p> </form> </div> <div id="RecoverPasswordFormGift" class="asasa" style="display: none;"> <div class="section-header section-header--large"> <h2 class="section-header__title"> Reset your password </h2> </div> <p> We will send you an email to reset your password. </p> <form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /> <label for="RecoverEmail" class="label--hidden">Email</label> <input type="email" value="" required name="email" id="RecoverEmail" placeholder="Email" autocorrect="off" autocapitalize="off" style=""> <input type="submit" class="btn" value="Submit"> <a href="javascript:;" id="cancel-forgot" onclick='closerecover()'> Cancel </a> </form> </div> </div> <div class="" id="registration-formGift" style="display:none;"> <div class="section-header section-header--large margin-bottom-0"> <h1 class="section-header__title"> Create Account </h1> </div> <form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /> <label for="FirstName" class="label--hidden" style="display: none;">Translation missing: en.customer.register.first_name</label> <input type="text" required name="customer[first_name]" id="FirstName" autocapitalize="words" placeholder="FirstName" autofocus style=""> <label for="LastName" class="label--hidden" style="display: none;">Translation missing: en.customer.register.last_name</label> <input type="text" required name="customer[last_name]" id="LastName" placeholder="LastName" autocapitalize="words" style=""> <label for="Email" class="label--hidden" style="display: none;">Translation missing: en.customer.register.email</label> <input type="email" required name="customer[email]" id="cusEmail" autocorrect="off" autocapitalize="off" placeholder="Enter Email" style=""> <label for="CreatePassword" class="label--hidden" style="display: none;">Translation missing: en.customer.register.password</label> <input type="password" required name="customer[password]" id="CreatePassword" placeholder="password" style=""> <input type="hidden" class="aaa_return_page" name="return_to" value="/products/stokke-tripp-trapp-tray-white" /> <p> <input type="submit" value="Submit" class="btn"> </p> Are you an Existing User? <a href="javascript:;" class="registration-toggle" onclick="loginshow();"><span class="pink-text">LOGIN HERE</span></a> </form> </div> </div> </div> </div> </div> <style> .aaa-giftregi-overlay-login { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 200ms; visibility: hidden; opacity: 0; z-index: 99999 } .aaa-giftregi-overlay-login:target { visibility: visible; opacity: 1; } .aaa-giftregi-popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 50%; position: relative; transition: all 5s ease-in-out; } .aaa-giftregi-popup .aaa-giftregi-close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .aaa-giftregi-popup .aaa-giftregi-content { max-height: 30%; overflow: auto; text-align: center } .aaa-giftregi-content { padding-bottom: 25px; } .aaa-gift-form .section-header { margin-bottom:25px !important; } #CustomerLoginFormGift,#RecoverPasswordFormGift, div#registration-formGift{width:400px; max-width:95%;margin:0 auto;} #CustomerLoginFormGift input[type='password'],#CustomerLoginFormGift input[type='email'],#registration-formGift input[type='text'],#registration-formGift input[type='email'],#registration-formGift input[type='password']{border: 1px solid #ccc; border-radius: 5px;padding: 10px;width: 100%;margin-bottom: 10px;} #CustomerLoginFormGift input[type='submit'],#RecoverPasswordFormGift input[type='submit'],#registration-formGift input[type='submit']{border:1px solid #ccc;padding:10px; border-radius: 5px;} #RecoverPasswordFormGift input[type='email']{border-radius: 5px;padding: 10px;width: 100%;margin-bottom: 10px;} .aaa-giftregi-popup .aaa-giftregi-content{max-height:100% !important;} </style> <script> var shop_url = "mothercarehk.myshopify.com"; var shopUrlWithoutProtocol = shop_url.replace(/^https?:\/\//, ''); if (typeof jQuery == 'undefined') { var headTag = document.getElementsByTagName("head")[0]; var jqTag = document.createElement('script'); jqTag.type = 'text/javascript'; jqTag.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'; headTag.appendChild(jqTag) } else { var $ = jQuery.noConflict(); } function showregistration() { document.getElementById("CustomerLoginFormGift").style.display = "none"; document.getElementById("registration-formGift").style.display = "block"; } function loginshow() { document.getElementById("CustomerLoginFormGift").style.display = "block"; document.getElementById("registration-formGift").style.display = "none"; } function forgetpassShow(){ document.getElementById("CustomerLoginFormGift").style.display = "none"; document.getElementById("registration-formGift").style.display = "none"; document.getElementById("RecoverPasswordFormGift").style.display = "block"; } function closerecover(){ document.getElementById("CustomerLoginFormGift").style.display = "block"; document.getElementById("registration-formGift").style.display = "none"; document.getElementById("RecoverPasswordFormGift").style.display = "none"; } </script> <script type="text/javascript" async="" src="https://giftregistry.aaawebstore.com/appfiles/aaa-giftregistry-script.js?shop=mothercarehk.myshopify.com"></script> </div></body>  <script type='text/javascript' src='https://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js' defer></script> <script src='//www.mothercare.com.hk/cdn/shop/t/28/assets/jquery.products.min.js?v=88194351912067139891730261934' defer></script>  </html>