{"id":29432,"date":"2026-10-07T10:04:57","date_gmt":"2026-10-07T10:04:57","guid":{"rendered":"https:\/\/babytut.com\/?page_id=29432"},"modified":"2026-10-20T12:58:41","modified_gmt":"2026-10-20T12:58:41","slug":"home","status":"publish","type":"page","link":"https:\/\/babytut.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29432\" class=\"elementor elementor-29432\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-936341d e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"936341d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0952c51 elementor-widget elementor-widget-wd_slider\" data-id=\"0952c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"wd_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-0952c51{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8333a64 elementor-widget elementor-widget-wd_slider\" data-id=\"8333a64\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"wd_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<link rel=\"stylesheet\" id=\"xts-style-term-72-css\" href=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/xts-term-72-1792414980.css?ver=8.2.6\" type=\"text\/css\" media=\"all\">  \t\t\t<style>\t\t\t\t\t\t\t#slide-30405 .wd-slide-container {\n\t\t\t\t\t\t\t\t\t\t--wd-align-items: center;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t--wd-justify-content: center;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t#slide-30405.woodmart-loaded .wd-slide-bg {\n\t\t\t\tbackground-image:url(https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Smiling-Baby-in-Olive-Green-Outfit.png);\t\t\t\t}\n\n\t\t\t\t#slide-30405 .wd-slide-bg {\n\t\t\t\tbackground-color:rgb(53,55,52);\t\t\t\tbackground-size:cover;\n\t\t\t\t\t\t\t\t\t\tbackground-position:center top;\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t#slide-30405 .wd-slide-inner {\n\t\t\t\t\t\tmax-width:1200px;\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t@media (max-width: 1024px) {\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t#slide-30405 .wd-slide-inner {\n\t\t\t\t\t\t\tmax-width:1200px;\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t#slide-30405 .wd-slide-bg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t#slide-30405 .wd-slide-inner {\n\t\t\t\t\t\t\tmax-width:400px;\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t#slide-30405 .wd-slide-bg {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t<\/style>\n\t\t<div id=\"slider-72\" data-id=\"72\" class=\"wd-slider wd-carousel-container wd-anim-slide wd-section-stretch\">\n\t\t\t<div class=\"wd-carousel-inner\">\n\t\t\t\t<div class=\"wd-carousel wd-grid\" data-wrap=\"yes\" data-autoheight=\"yes\" data-scroll_per_page=\"yes\" data-sliding_speed=\"700\" data-effect=\"slide\" style=\"--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;\">\n\t\t\t\t\t<div class=\"wd-carousel-wrap \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"slide-30405\" class=\"wd-slide wd-carousel-item woodmart-loaded\" >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"container wd-slide-container content-fixed\">\n\t\t\t\t\t\t\t\t\t<div class=\"wd-slide-inner \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<style>.elementor-30405 .elementor-element.elementor-element-aa4becc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-30405 .elementor-element.elementor-element-a672c2c{--display:flex;}@media(min-width:769px){.elementor-30405 .elementor-element.elementor-element-a672c2c{--width:50%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"30405\" class=\"elementor elementor-30405\" data-elementor-post-type=\"woodmart_slide\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-aa4becc e-flex e-con-boxed e-con e-parent\" data-id=\"aa4becc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a672c2c e-con-full e-flex e-con e-child\" data-id=\"a672c2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5625e50 elementor-widget elementor-widget-html\" data-id=\"5625e50\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBabyTut \u2014 hero banner copy, Arabic only (RTL)\r\nElementor: one HTML widget, paste this whole file.\r\nThe button points to \/ar\/shop\/ . Change it if your Arabic shop page has another address.\r\nOptional: to show this widget on Arabic pages only, remove the comment marks around the \"Arabic pages only\" rule in the style block.\r\n-->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  .babytut-banner-copy {\r\n    --text-color: #390c02;\r\n    --button-color: #511b09;\r\n    --decoration-color: #cfad8d;\r\n\r\n    direction: rtl;\r\n    text-align: right;\r\n    color: var(--text-color);\r\n    font-family: \"Cairo\", \"Tajawal\", \"Noto Sans Arabic\", system-ui, sans-serif;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .babytut-banner-copy,\r\n  .babytut-banner-copy * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* force the Cairo font even if the Elementor theme sets its own font on headings, paragraphs and links *\/\r\n  .babytut-banner-copy .bt-brand,\r\n  .babytut-banner-copy .bt-title,\r\n  .babytut-banner-copy .bt-description,\r\n  .babytut-banner-copy .bt-button {\r\n    font-family: \"Cairo\", \"Tajawal\", \"Noto Sans Arabic\", system-ui, sans-serif !important;\r\n  }\r\n\r\n  .babytut-banner-copy .bt-brand {\r\n    margin: 0 0 12px;\r\n    font-size: clamp(16px, 1.6vw, 22px);\r\n    font-weight: 700;\r\n    letter-spacing: 0;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .babytut-banner-copy .bt-title {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: var(--text-color);\r\n    font-size: clamp(32px, 4.2vw, 62px);\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    letter-spacing: 0;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* each phrase on its own line, so the break never falls in the middle of a phrase *\/\r\n  .babytut-banner-copy .bt-title span {\r\n    display: block;\r\n  }\r\n\r\n  .babytut-banner-copy .bt-wave {\r\n    display: block;\r\n    width: 66px;\r\n    height: 18px;\r\n    margin: 12px 0;\r\n    color: var(--decoration-color);\r\n  }\r\n\r\n  .babytut-banner-copy .bt-description {\r\n    margin: 0 0 20px;\r\n    color: var(--text-color);\r\n    font-size: clamp(16px, 1.5vw, 22px);\r\n    font-weight: 600;\r\n    line-height: 1.7;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* line break inside the description: mobile only *\/\r\n  .babytut-banner-copy .bt-br {\r\n    display: none;\r\n  }\r\n\r\n  .babytut-banner-copy .bt-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 22px;\r\n    padding: 9px 26px 9px 10px;\r\n    border-radius: 100px;\r\n    background: var(--button-color);\r\n    color: #fff;\r\n    text-decoration: none;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    letter-spacing: 0;\r\n    transition: transform 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  .babytut-banner-copy .bt-button:hover {\r\n    background: #6a2912;\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .babytut-banner-copy .bt-button:focus-visible {\r\n    outline: 3px solid var(--decoration-color);\r\n    outline-offset: 5px;\r\n  }\r\n\r\n  .babytut-banner-copy .bt-arrow {\r\n    display: grid;\r\n    place-items: center;\r\n    flex-shrink: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    background: #fffaf2;\r\n    color: var(--button-color);\r\n  }\r\n\r\n  \/* the English button's arrow points right (away from the text); in Arabic the whole button is mirrored, so the arrow points left *\/\r\n  .babytut-banner-copy .bt-arrow svg {\r\n    width: 25px;\r\n    height: 25px;\r\n    transform: scaleX(-1);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .babytut-banner-copy .bt-brand {\r\n      font-size: 15px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .babytut-banner-copy .bt-title {\r\n      font-size: clamp(28px, 7.5vw, 40px);\r\n    }\r\n\r\n    .babytut-banner-copy .bt-wave {\r\n      width: 56px;\r\n      height: 16px;\r\n      margin: 10px 0;\r\n    }\r\n\r\n    .babytut-banner-copy .bt-description {\r\n      font-size: 15px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .babytut-banner-copy .bt-br {\r\n      display: inline;\r\n    }\r\n\r\n    \/* smaller Shop Now button on mobile *\/\r\n    .babytut-banner-copy .bt-button {\r\n      font-size: 15px;\r\n      gap: 14px;\r\n      padding: 6px 18px 6px 7px;\r\n    }\r\n\r\n    .babytut-banner-copy .bt-arrow {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    .babytut-banner-copy .bt-arrow svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .babytut-banner-copy .bt-button {\r\n      transition: none;\r\n    }\r\n\r\n    .babytut-banner-copy .bt-button:hover {\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  \/* Arabic pages only (optional): remove these comment marks to hide the banner copy on every other language\r\n  html:not([lang^=\"ar\"]) .babytut-banner-copy { display: none; }\r\n  *\/\r\n\r\n\/* Keep the Arabic CTA pointing left without a second RTL rotation. *\/\r\n.babytut-banner-copy .bt-button .bt-arrow {\r\n  transform: none !important;\r\n  rotate: none !important;\r\n  scale: none !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"babytut-banner-copy\" lang=\"ar\" dir=\"rtl\">\r\n  <p class=\"bt-brand\">\u0628\u064a\u0628\u064a \u062a\u0648\u062a<\/p>\r\n\r\n  <h1 class=\"bt-title\">\r\n    <span>\u0631\u0627\u062d\u0629 \u0644\u0637\u0641\u0644\u0643 \u0648\u062d\u0628<\/span>\r\n    <span>\u0641\u064a \u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629.<\/span>\r\n  <\/h1>\r\n\r\n  <svg\r\n    class=\"bt-wave\"\r\n    viewBox=\"0 0 100 24\"\r\n    fill=\"none\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path\r\n      d=\"M5 12 Q16 2 27 12 T49 12 T71 12 T93 12\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"8\"\r\n      stroke-linecap=\"round\"\r\n    \/>\r\n  <\/svg>\r\n\r\n  <p class=\"bt-description\">\r\n    \u0645\u0644\u0627\u0628\u0633 \u0642\u0637\u0646\u064a\u0629 \u0646\u0627\u0639\u0645\u0629 \u062a\u0645\u0646\u062d \u0637\u0641\u0644\u0643 <br class=\"bt-br\">\u0627\u0644\u062f\u0641\u0621 \u0648\u0627\u0644\u0631\u0627\u062d\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645.\r\n  <\/p>\r\n\r\n  <a class=\"bt-button\" href=\"\/ar\/shop\/\">\r\n    <span>\u062a\u0633\u0648\u0651\u0642 \u0627\u0644\u0622\u0646<\/span>\r\n\r\n    <span class=\"bt-arrow\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 40 40\" fill=\"none\">\r\n        <path\r\n          d=\"M7 20H32M21 9L32 20L21 31\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3.5\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        \/>\r\n      <\/svg>\r\n    <\/span>\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"wd-slide-bg wd-fill\"><\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-nav-arrows wd-slider-arrows wd-custom-style wd-style-1 wd-pos-sep\">\n\t\t\t\t\t\t<div class=\"wd-btn-arrow wd-prev\">\n\t\t\t\t\t\t\t<div class=\"wd-arrow-inner\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"wd-btn-arrow wd-next\">\n\t\t\t\t\t\t\t<div class=\"wd-arrow-inner\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"wd-nav-pagin-wrap wd-slider-pagin wd-custom-style wd-style-shape-1 text-center\">\n\t\t\t\t\t<ul class=\"wd-nav-pagin\"><\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-b2a2168 e-flex e-con-boxed e-con e-parent\" data-id=\"b2a2168\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0dae48 elementor-widget elementor-widget-html\" data-id=\"d0dae48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBabyTut \u2014 features bar (English): Free Delivery \u00b7 Peek Before You Pay \u00b7 30-Day Exchange \u00b7 14-Day Returns\r\nElementor: add one \"HTML\" widget and paste this whole file into it.\r\nText and the four cartoon icons are the same as your original code, now animated.\r\n-->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.bt-feat,.bt-feat *{box-sizing:border-box}\r\n.bt-feat{--brown:#3A0F06;--gold:#A9873F;--mut:#6E5E55;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1140px;margin:40px auto;padding:26px 30px;border:3px solid var(--brown);border-radius:32px;background:#fff;box-shadow:0 9px 0 var(--brown);font-family:'Poppins','Cairo',sans-serif;line-height:1.5;color:var(--brown)}\r\n.bt-feat .item{display:flex;align-items:center;gap:14px;min-width:0}\r\n.bt-feat .item+.item{border-inline-start:2px dashed rgba(169,135,63,.5);padding-inline-start:18px}\r\n.bt-feat .ico{position:relative;display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border:3px solid var(--brown);box-shadow:3px 4px 0 var(--brown);transition:transform .3s cubic-bezier(.34,1.56,.64,1);animation:fl 3.4s ease-in-out infinite;animation-delay:var(--d)}\r\n.bt-feat .ico svg{width:52px;height:52px;overflow:visible}\r\n.bt-feat .ico:after{content:\"\";position:absolute;top:-9px;inset-inline-end:-7px;width:17px;height:17px;background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:tw 2.6s ease-in-out infinite;animation-delay:var(--d)}\r\n.bt-feat .gold{background:#f6e9c6;border-radius:58% 42% 55% 45%\/50% 56% 44% 50%}\r\n.bt-feat .leaf{background:#e0ead6;border-radius:44% 56% 48% 52%\/55% 45% 55% 45%}\r\n.bt-feat .berry{background:#f4dfe9;border-radius:52% 48% 40% 60%\/48% 58% 42% 52%}\r\n.bt-feat .sand{background:#f1dfd2;border-radius:60% 40% 52% 48%\/44% 50% 50% 56%}\r\n.bt-feat .item:hover .ico,.bt-feat .item:focus-within .ico{animation:wiggle .6s ease}\r\n.bt-feat .title{margin:0 0 2px;color:var(--brown);font-family:'Poppins','Cairo',sans-serif;font-size:16px;font-weight:700;line-height:1.3}\r\n.bt-feat .text{margin:0;color:var(--mut);font-size:13.5px;line-height:1.5}\r\n\r\n\/* icon details *\/\r\n.bt-feat .wh{transform-box:fill-box;transform-origin:center;animation:spin .9s linear infinite}\r\n.bt-feat .lines{animation:lines 1s ease-in-out infinite}\r\n.bt-feat .st{transform-box:fill-box;transform-origin:center;animation:starb 1.8s ease-in-out infinite}\r\n.bt-feat .sw{animation:slide 2s ease-in-out infinite}.bt-feat .sw2{animation:slide 2s ease-in-out infinite reverse}\r\n.bt-feat .hb{transform-box:fill-box;transform-origin:center;animation:beat 1.6s ease-in-out infinite}\r\n\r\n\/* reveal *\/\r\n.js.bt-feat .item{opacity:0;transform:translateY(24px) scale(.9);transition:opacity .5s,transform .7s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i)*.12s)}\r\n.js.bt-feat.in .item{opacity:1;transform:none}\r\n\r\n@keyframes fl{50%{transform:translateY(-5px) rotate(2deg)}}\r\n@keyframes tw{0%,100%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.25) rotate(20deg)}}\r\n@keyframes wiggle{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.12)}55%{transform:rotate(8deg) scale(1.12)}80%{transform:rotate(-3deg) scale(1.04)}100%{transform:rotate(0) scale(1)}}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n@keyframes lines{50%{opacity:.1;transform:translateX(-3px)}}\r\n@keyframes starb{50%{transform:translateY(-3px) rotate(14deg) scale(1.1)}}\r\n@keyframes slide{50%{transform:translateX(3px)}}\r\n@keyframes beat{0%,100%{transform:scale(1)}20%{transform:scale(1.3)}40%{transform:scale(1)}60%{transform:scale(1.2)}}\r\n\r\n[dir=rtl] .bt-feat{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-feat .title{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-feat .truck{transform:scaleX(-1)}\r\n\r\n@media(max-width:1024px){.bt-feat{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;padding:26px 22px}.bt-feat .item+.item{border:0;padding-inline-start:0}}\r\n@media(max-width:480px){.bt-feat{grid-template-columns:1fr;border-radius:26px;margin-inline:16px;padding:24px 18px}}\r\n@media(prefers-reduced-motion:reduce){.bt-feat *,.bt-feat *:after{animation:none!important;transition:none!important}.js.bt-feat .item{opacity:1;transform:none}}\r\n<\/style>\r\n\r\n<section class=\"bt-feat\" id=\"bt-feat\" lang=\"en\" aria-label=\"Why shop at BabyTut\">\r\n\r\n <div class=\"item\" style=\"--i:0\">\r\n  <span class=\"ico gold\" style=\"--d:0s\" aria-hidden=\"true\"><svg class=\"truck\" viewBox=\"0 0 64 64\"><g stroke=\"#3A0F06\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n   <path class=\"lines\" d=\"M3 24h3M1 30h5\" opacity=\".6\"\/>\r\n   <rect x=\"8\" y=\"20\" width=\"28\" height=\"24\" rx=\"6\" fill=\"#A9873F\"\/>\r\n   <path d=\"M36 27h9a4 4 0 0 1 3 1.4l6 7.2a4 4 0 0 1 1 2.6V44H36z\" fill=\"#F8F3EA\"\/>\r\n   <path d=\"M40.5 31h4.5l5 6h-9.5z\" fill=\"#cfe0f0\"\/>\r\n   <path d=\"M22 40c-5-3.6-6.5-6-6.5-8a3.3 3.3 0 0 1 6.5-1.2A3.3 3.3 0 0 1 28.5 32c0 2-1.5 4.4-6.5 8z\" fill=\"#F8F3EA\" stroke-width=\"1.6\"\/>\r\n   <g class=\"wh\"><circle cx=\"18\" cy=\"46\" r=\"5.5\" fill=\"#3A0F06\"\/><path d=\"M18 42v8\" stroke=\"#F8F3EA\" stroke-width=\"1.8\"\/><\/g>\r\n   <g class=\"wh\"><circle cx=\"46\" cy=\"46\" r=\"5.5\" fill=\"#3A0F06\"\/><path d=\"M46 42v8\" stroke=\"#F8F3EA\" stroke-width=\"1.8\"\/><\/g>\r\n  <\/g><\/svg><\/span>\r\n  <div><h3 class=\"title\">Free Delivery<\/h3><p class=\"text\">On every order.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"item\" style=\"--i:1\">\r\n  <span class=\"ico leaf\" style=\"--d:.5s\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\"><g stroke=\"#3A0F06\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n   <path d=\"M13 28h38v22a5 5 0 0 1-5 5H18a5 5 0 0 1-5-5z\" fill=\"#c9966a\"\/>\r\n   <path d=\"M13 28 7 19h21l-2 9z\" fill=\"#dcae84\"\/>\r\n   <path d=\"M51 28l6-9H36l2 9z\" fill=\"#dcae84\"\/>\r\n   <path class=\"st\" d=\"M32 4l2.8 6 6.5.8-4.8 4.4 1.3 6.4L32 18.4l-5.8 3.2 1.3-6.4-4.8-4.4 6.5-.8z\" fill=\"#f2d067\"\/>\r\n   <path d=\"M26 42q6 5.5 12 0\"\/>\r\n  <\/g>\r\n  <circle cx=\"25\" cy=\"37\" r=\"1.8\" fill=\"#3A0F06\"\/><circle cx=\"39\" cy=\"37\" r=\"1.8\" fill=\"#3A0F06\"\/><\/svg><\/span>\r\n  <div><h3 class=\"title\">Peek Before<br> You Pay<\/h3><p class=\"text\">Inspect your box <br> on delivery.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"item\" style=\"--i:2\">\r\n  <span class=\"ico berry\" style=\"--d:1s\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\"><g stroke=\"#3A0F06\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n   <circle cx=\"21\" cy=\"17\" r=\"6\" fill=\"#d9a77a\"\/><circle cx=\"43\" cy=\"17\" r=\"6\" fill=\"#d9a77a\"\/>\r\n   <circle cx=\"32\" cy=\"29\" r=\"14\" fill=\"#d9a77a\"\/>\r\n   <ellipse cx=\"32\" cy=\"34\" rx=\"5.5\" ry=\"4.3\" fill=\"#F8F3EA\" stroke-width=\"1.8\"\/>\r\n   <path class=\"sw\" d=\"M12 50h34m0 0-4.5-4M46 50l-4.5 4\" stroke=\"#7b2d52\"\/>\r\n   <path class=\"sw2\" d=\"M52 58H18m0 0 4.5-4M18 58l4.5 4\" stroke=\"#7b2d52\"\/>\r\n  <\/g>\r\n  <circle cx=\"21\" cy=\"17\" r=\"2.3\" fill=\"#F8F3EA\"\/><circle cx=\"43\" cy=\"17\" r=\"2.3\" fill=\"#F8F3EA\"\/>\r\n  <circle cx=\"26.5\" cy=\"26\" r=\"1.8\" fill=\"#3A0F06\"\/><circle cx=\"37.5\" cy=\"26\" r=\"1.8\" fill=\"#3A0F06\"\/>\r\n  <ellipse cx=\"32\" cy=\"32\" rx=\"2.2\" ry=\"1.5\" fill=\"#3A0F06\"\/><\/svg><\/span>\r\n  <div><h3 class=\"title\">30-Day Exchange<\/h3><p class=\"text\">Swap within 30 days.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"item\" style=\"--i:3\">\r\n  <span class=\"ico sand\" style=\"--d:1.5s\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\"><g stroke=\"#3A0F06\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n   <rect x=\"9\" y=\"12\" width=\"46\" height=\"44\" rx=\"9\" fill=\"#fff\"\/>\r\n   <path d=\"M9 21a9 9 0 0 1 9-9h28a9 9 0 0 1 9 9v7H9z\" fill=\"#7b2d52\"\/>\r\n   <path d=\"M22 6v10M42 6v10\" stroke-width=\"3.2\"\/>\r\n  <\/g>\r\n  <path class=\"hb\" d=\"M32 27c-4.5-3.2-5.6-5.2-5.6-7a2.8 2.8 0 0 1 5.600-.9 2.8 2.8 0 0 1 5.6.9c0 1.8-1.1 3.8-5.6 7z\" fill=\"#F8F3EA\"\/>\r\n  <text x=\"32\" y=\"48.5\" text-anchor=\"middle\" font-size=\"17\" font-weight=\"700\" fill=\"#3A0F06\" font-family=\"Poppins,Cairo,sans-serif\">14<\/text><\/svg><\/span>\r\n  <div><h3 class=\"title\">14-Day Returns<\/h3><p class=\"text\">No shipping fee<br> to return.<\/p><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var s=document.getElementById('bt-feat');if(!s||!('IntersectionObserver' in window))return;\r\n s.classList.add('js');\r\n var io=new IntersectionObserver(function(en){if(en[0].isIntersecting){s.classList.add('in');io.disconnect()}},{threshold:.2});\r\n io.observe(s);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-75408a7 e-flex e-con-boxed e-con e-parent\" data-id=\"75408a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5c43f2 elementor-widget elementor-widget-html\" data-id=\"f5c43f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BabyTut \u2014 Home: box cards + 12-piece Royal Box (one HTML widget) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.bt-cards,.bt-cards *{box-sizing:border-box}\r\n\r\n.bt-cards{\r\n  --brown:#3A0F06;\r\n  --gold:#A9873F;\r\n  --cream:#F8F3EA;\r\n  --sand:#EDE2D8;\r\n  --sage:#9DB39A;\r\n  --sky:#B9D3E6;\r\n  --mut:#6E5E55;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:30px;\r\n  max-width:1140px;\r\n\r\n  margin:15px auto;\r\n  padding:8px 12px;\r\n\r\n  font-family:'Poppins','Cairo',sans-serif;\r\n  line-height:1.65;\r\n  color:var(--brown);\r\n}\r\n\r\n.bt-cards a{text-decoration:none}\r\n.bt-cards :focus-visible{\r\n  outline:3px solid var(--gold);\r\n  outline-offset:4px;\r\n  border-radius:12px;\r\n}\r\n\r\n.bt-cards .card{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:56% 44%;\r\n  align-items:center;\r\n  min-height:310px;\r\n  overflow:hidden;\r\n  border:3px solid var(--brown);\r\n  border-radius:30px;\r\n  background:var(--cream);\r\n  box-shadow:0 9px 0 var(--brown);\r\n  rotate:var(--t);\r\n  isolation:isolate;\r\n  transition:transform .3s cubic-bezier(.34,1.56,.64,1),rotate .3s,box-shadow .3s;\r\n}\r\n\r\n.bt-cards .card.sand{background:var(--sand)}\r\n.bt-cards .card:hover{\r\n  rotate:0deg;\r\n  transform:translateY(-8px);\r\n  box-shadow:0 17px 0 var(--brown);\r\n}\r\n\r\n.bt-cards .card:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:0;\r\n  inset-inline-end:-50px;\r\n  bottom:-90px;\r\n  width:300px;\r\n  height:300px;\r\n  border-radius:50%;\r\n  background:rgba(169,135,63,.17);\r\n}\r\n\r\n.bt-cards .card.sand:before{background:rgba(248,243,234,.8)}\r\n\r\n.bt-cards .copy{\r\n  position:relative;\r\n  z-index:2;\r\n  min-width:0;\r\n  padding:32px 0 30px 32px;\r\n  padding-inline:32px 0;\r\n}\r\n\r\n.bt-cards .lab{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.bt-cards .blk{\r\n  width:34px;\r\n  height:34px;\r\n  border-radius:9px;\r\n  background:var(--c);\r\n  border:3px solid var(--brown);\r\n  box-shadow:2px 3px 0 var(--brown);\r\n  display:grid;\r\n  place-items:center;\r\n  font:700 15px 'Poppins';\r\n  color:var(--brown);\r\n  animation:hop 2.4s ease-in-out infinite;\r\n  flex:none;\r\n}\r\n\r\n.bt-cards .label{\r\n  color:var(--gold);\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.14em;\r\n  line-height:1.5;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.bt-cards .title{\r\n  margin:0 0 12px;\r\n  font-family:'Poppins','Cairo',sans-serif;\r\n  font-size:clamp(25px,2.4vw,34px);\r\n  font-weight:700;\r\n  line-height:1.15;\r\n  color:var(--brown);\r\n}\r\n\r\n.bt-cards .title span{\r\n  color:var(--gold);\r\n  display:inline-block;\r\n  animation:wig 3.2s ease-in-out infinite;\r\n}\r\n\r\n.bt-cards .text{\r\n  max-width:240px;\r\n  margin:0 0 22px;\r\n  color:var(--mut);\r\n  font-size:14px;\r\n  line-height:1.65;\r\n}\r\n\r\n.bt-cards .btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  max-width:100%;\r\n  background:var(--brown);\r\n  color:#fff!important;\r\n  border-radius:50px;\r\n  padding:9px 10px 9px 20px;\r\n  font-size:13.5px;\r\n  font-weight:700;\r\n  line-height:1.4;\r\n  box-shadow:0 5px 0 #1d0803;\r\n  transition:transform .15s,box-shadow .15s;\r\n}\r\n\r\n.bt-cards .btn:hover{\r\n  transform:translateY(-3px) scale(1.04);\r\n  box-shadow:0 8px 0 #1d0803;\r\n}\r\n\r\n.bt-cards .btn:active{\r\n  transform:translateY(3px) scale(.97);\r\n  box-shadow:0 1px 0 #1d0803;\r\n}\r\n\r\n.bt-cards .btn i{\r\n  display:grid;\r\n  place-items:center;\r\n  flex:0 0 28px;\r\n  width:28px;\r\n  height:28px;\r\n  border-radius:50%;\r\n  background:#fff;\r\n  color:var(--brown);\r\n}\r\n\r\n.bt-cards .btn svg{\r\n  width:14px;\r\n  height:14px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:2.4;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n[dir=rtl] .bt-cards .btn{padding:9px 20px 9px 10px}\r\n[dir=rtl] .bt-cards .btn svg{transform:scaleX(-1)}\r\n\r\n.bt-cards .visual{\r\n  position:relative;\r\n  z-index:1;\r\n  align-self:stretch;\r\n  min-width:0;\r\n}\r\n\r\n.bt-cards .img{\r\n  position:absolute;\r\n  inset-inline-end:6px;\r\n  bottom:0;\r\n  display:block;\r\n  width:100%;\r\n  max-width:none;\r\n  height:285px;\r\n  margin:0;\r\n  object-fit:contain;\r\n  object-position:center bottom;\r\n  transform-origin:50% 100%;\r\n  animation:breathe 4s ease-in-out infinite;\r\n}\r\n\r\n.bt-cards .img.grey{\r\n  bottom:18px;\r\n  height:250px;\r\n  animation-delay:-2s;\r\n}\r\n\r\n.bt-cards .price{\r\n  position:absolute;\r\n  z-index:4;\r\n  top:18px;\r\n  inset-inline-end:18px;\r\n  background:var(--gold);\r\n  color:#fff;\r\n  border:3px solid var(--brown);\r\n  border-radius:50px;\r\n  padding:2px 14px;\r\n  font-weight:700;\r\n  font-size:15px;\r\n  rotate:5deg;\r\n  animation:wig 3.6s ease-in-out infinite;\r\n}\r\n\r\n.bt-cards .sand .price{\r\n  background:var(--cream);\r\n  color:var(--brown);\r\n}\r\n\r\n.bt-cards .sp{\r\n  position:absolute;\r\n  z-index:3;\r\n  width:20px;\r\n  height:20px;\r\n  fill:var(--gold);\r\n  pointer-events:none;\r\n  animation:tw 2.8s ease-in-out infinite;\r\n}\r\n\r\n.bt-cards .sp.a{bottom:24px;inset-inline-end:22px}\r\n.bt-cards .sp.b{\r\n  top:62px;\r\n  inset-inline-start:52%;\r\n  width:13px;\r\n  height:13px;\r\n  animation-delay:1.2s;\r\n}\r\n\r\n.js .rv{\r\n  opacity:0;\r\n  transform:translateY(34px) scale(.94);\r\n  transition:opacity .6s,transform .8s cubic-bezier(.34,1.56,.64,1),rotate .3s,box-shadow .3s;\r\n  transition-delay:calc(var(--i,0)*.15s),calc(var(--i,0)*.15s),0s,0s;\r\n}\r\n\r\n.js .rv.in{opacity:1;transform:none}\r\n.js .rv.in:hover{\r\n  transform:translateY(-8px);\r\n  transition-delay:0s;\r\n}\r\n\r\n@keyframes wig{\r\n  0%,100%{transform:rotate(-2.5deg)}\r\n  50%{transform:rotate(2.5deg)}\r\n}\r\n\r\n@keyframes hop{\r\n  0%,60%,100%{transform:translateY(0) rotate(0)}\r\n  30%{transform:translateY(-8px) rotate(-8deg)}\r\n}\r\n\r\n@keyframes breathe{50%{transform:scale(1.035)}}\r\n\r\n@keyframes tw{\r\n  0%,100%{opacity:.35;transform:scale(.7)}\r\n  50%{opacity:1;transform:scale(1.25) rotate(20deg)}\r\n}\r\n\r\n[dir=rtl] .bt-cards{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-cards .title{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-cards .label{\r\n  letter-spacing:0;\r\n  text-transform:none;\r\n  font-size:13px;\r\n}\r\n\r\n@media(min-width:768px) and (max-width:1024px){\r\n  .bt-cards{gap:20px}\r\n  .bt-cards .copy{padding-inline:22px 0}\r\n  .bt-cards .title{font-size:24px}\r\n  .bt-cards .label{letter-spacing:.06em}\r\n}\r\n\r\n@media(max-width:767px){\r\n  .bt-cards{\r\n    grid-template-columns:1fr;\r\n    gap:50px;\r\n\r\n    margin:12px auto;\r\n    padding:6px 10px;\r\n  }\r\n\r\n  .bt-cards .card{\r\n    min-height:290px;\r\n    grid-template-columns:56% 44%;\r\n    border-radius:26px;\r\n    rotate:0deg;\r\n  }\r\n\r\n  .bt-cards .copy{padding-inline:22px 0}\r\n  .bt-cards .title{font-size:26px}\r\n  .bt-cards .img{inset-inline-end:0;height:260px}\r\n  .bt-cards .img.grey{height:228px;bottom:20px}\r\n}\r\n\r\n@media(max-width:380px){\r\n  .bt-cards .copy{padding-inline:16px 0}\r\n  .bt-cards .title{font-size:22px}\r\n  .bt-cards .text{font-size:12.5px}\r\n  .bt-cards .label{font-size:9.5px}\r\n  .bt-cards .btn{\r\n    gap:8px;\r\n    padding-inline-start:14px;\r\n    font-size:12px;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  .bt-cards *{animation:none!important;transition:none!important}\r\n  .js .rv{opacity:1;transform:none}\r\n}\r\n\r\n\/* Discount attached to the end of the price box *\/\r\n.bt-cards .price-stack{\r\n  position:absolute;z-index:6;top:13px;inset-inline-end:13px;\r\n  display:flex;flex-direction:row;align-items:center;gap:0;\r\n  transform:rotate(2deg);pointer-events:none;\r\n  background:var(--gold);color:#fff;border:3px solid var(--brown);\r\n  border-radius:15px;box-shadow:2px 3px 0 var(--brown);\r\n  padding:5px 6px 5px 9px;max-width:calc(100% - 26px);\r\n}\r\n.bt-cards .sand .price-stack{background:var(--cream);color:var(--brown)}\r\n.bt-cards .price-stack .price{\r\n  position:static!important;inset:auto!important;display:flex;\r\n  flex-direction:column;align-items:center;justify-content:center;\r\n  gap:1px;min-width:0;padding:0 8px 0 0!important;\r\n  border:0!important;border-radius:0!important;background:transparent!important;\r\n  color:inherit!important;box-shadow:none!important;rotate:0deg!important;\r\n  animation:none!important;line-height:1.15;text-align:center;\r\n}\r\n.bt-cards .price-stack .now{font-size:13px;font-weight:800;white-space:nowrap}\r\n.bt-cards .price-stack .was{font-size:10px;opacity:.8;text-decoration:line-through;white-space:nowrap}\r\n.bt-cards .price-stack .discount-badge{\r\n  position:static!important;inset:auto!important;flex:none;\r\n  display:inline-flex;align-items:center;justify-content:center;\r\n  padding:4px 6px;min-width:40px;min-height:29px;\r\n  background:#d9bc72;color:#330c00;border:2px solid var(--brown);\r\n  border-radius:10px;font-size:11px;font-weight:800;line-height:1;\r\n  transform:none!important;rotate:0deg!important;box-shadow:none;\r\n}\r\n@media(max-width:480px){\r\n .bt-cards .price-stack{top:9px;inset-inline-end:8px;padding:4px;max-width:calc(100% - 16px)}\r\n .bt-cards .price-stack .price{padding-right:5px!important}\r\n .bt-cards .price-stack .now{font-size:11px}\r\n .bt-cards .price-stack .was{font-size:9px}\r\n .bt-cards .price-stack .discount-badge{font-size:10px;min-width:34px;min-height:25px;padding:3px 4px}\r\n}\r\n\r\n\r\n\/* Soft, playful price animation \u2014 same spirit as the other cards *\/\r\n@keyframes btPriceFloat {\r\n  0%,100% {transform:translateY(0) rotate(2deg)}\r\n  50% {transform:translateY(-4px) rotate(-1deg)}\r\n}\r\n@keyframes btDiscountGlow {\r\n  0%,100% {box-shadow:0 0 0 0 rgba(217,188,114,0)}\r\n  50% {box-shadow:0 0 0 4px rgba(217,188,114,.32)}\r\n}\r\n.bt-cards .price-stack{\r\n  animation:btPriceFloat 3.5s ease-in-out infinite;\r\n  will-change:transform;\r\n}\r\n.bt-cards .card:nth-of-type(2) .price-stack{animation-delay:-1.5s}\r\n.bt-cards .price-stack .discount-badge{\r\n  animation:btDiscountGlow 2.8s ease-in-out infinite;\r\n}\r\n.bt-cards .card:nth-of-type(2) .discount-badge{animation-delay:-1.1s}\r\n.bt-cards .card:hover .price-stack{animation-play-state:paused}\r\n@media(prefers-reduced-motion:reduce){\r\n  .bt-cards .price-stack,.bt-cards .price-stack .discount-badge{\r\n    animation:none!important;will-change:auto;\r\n  }\r\n}\r\n\r\n\/* Spacing between the two sections (change this one number) *\/\r\n.bt-home{--bt-gap:50px;display:flex;flex-direction:column;align-items:stretch;gap:var(--bt-gap)}\r\n.bt-home .bt-cards,.bt-home .bt-r12{width:100%;margin-top:0!important;margin-bottom:0!important}\r\n\r\n\/* Arabic mobile: keep the gold line (\"\u0628\u0623\u0644\u0648\u0627\u0646 \u062a\u062e\u062a\u0627\u0631\u0647\u0627.\") on one line *\/\r\n@media(max-width:767px){\r\n  :is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-cards .title{font-size:22px;line-height:1.35}\r\n  :is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-cards .title span{white-space:nowrap}\r\n}\r\n\r\n\/* Mobile: keep each title line on ONE line (Twelve Pieces. \/ One Royal Box.) *\/\r\n@media(max-width:767px){\r\n  .bt-cards .card{grid-template-columns:60% 40%}\r\n  .bt-cards .copy{padding-inline:18px 0}\r\n  .bt-cards .title{\r\n    font-size:clamp(18px,5.4vw,24px);\r\n    line-height:1.25;\r\n    white-space:nowrap;\r\n  }\r\n  .bt-cards .title span{white-space:nowrap}\r\n  .bt-cards .text{max-width:none;padding-inline-end:8px}\r\n}\r\n@media(max-width:380px){\r\n  .bt-cards .title{font-size:clamp(16px,5.2vw,18px)}\r\n  .bt-cards .copy{padding-inline:14px 0}\r\n}\r\n<\/style>\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n  <defs>\r\n    <symbol id=\"bt-sp\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/>\r\n    <\/symbol>\r\n  <\/defs>\r\n<\/svg>\r\n\r\n<div class=\"bt-home\">\r\n\r\n<section class=\"bt-cards\" id=\"bt-cards\" lang=\"en\" aria-label=\"Discover BabyTut 12-piece and 6-piece boxes\">\r\n\r\n  <article class=\"card rv\" style=\"--t:-1.2deg;--i:0\">\r\n    <div class=\"price-stack\"><span class=\"price\"><span class=\"now\">4,800 EGP<\/span><span class=\"was\">5,500 EGP<\/span><\/span><span class=\"discount-badge\" aria-label=\"13 percent off\">-13%<\/span><\/div>\r\n    <div class=\"copy\">\r\n      <div class=\"lab\">\r\n        <span class=\"blk\" style=\"--c:#9DB39A\" aria-hidden=\"true\">12<\/span>\r\n        <span class=\"label\">The 12-piece box<\/span>\r\n      <\/div>\r\n      <h2 class=\"title\">Twelve Pieces.<br><span>One Royal Box.<\/span><\/h2>\r\n      <p class=\"text\">12 soft thermal cotton pieces in one ready-made box. The set is fixed, no swaps.<\/p>\r\n      <a class=\"btn\" href=\"https:\/\/babytut.com\/product\/babytut-royal-box\/\">\r\n        12-Piece Box\r\n        <i aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/i>\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"visual\">\r\n      <img class=\"img\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Smiling-Baby-Boy-in-Olive-Outfit.png\" alt=\"Smiling baby boy wearing an olive green cotton outfit\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <svg class=\"sp a\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-sp\"\/><\/svg>\r\n    <svg class=\"sp b\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-sp\"\/><\/svg>\r\n  <\/article>\r\n\r\n  <article class=\"card sand rv\" style=\"--t:1.2deg;--i:1\">\r\n    <div class=\"price-stack\"><span class=\"price\"><span class=\"now\">2,400 EGP<\/span><span class=\"was\">2,760 EGP<\/span><\/span><span class=\"discount-badge\" aria-label=\"13 percent off\">-13%<\/span><\/div>\r\n    <div class=\"copy\">\r\n      <div class=\"lab\">\r\n        <span class=\"blk\" style=\"--c:#B9D3E6;animation-delay:.3s\" aria-hidden=\"true\">6<\/span>\r\n        <span class=\"label\">The 6-piece box<\/span>\r\n      <\/div>\r\n      <h2 class=\"title\">Six Pieces.<br><span>Your Colors.<\/span><\/h2>\r\n      <p class=\"text\">6 soft thermal cotton pieces, and you choose the colors.<\/p>\r\n      <a class=\"btn\" href=\"https:\/\/babytut.com\/product\/babytut-royal-box-6\/\">\r\n        6-Piece Box\r\n        <i aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/i>\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"visual\">\r\n      <img class=\"img grey\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Crawling-Baby-in-Grey-Waffle-Bodysuit.png\" alt=\"Smiling baby boy crawling in a grey waffle cotton bodysuit\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <svg class=\"sp a\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-sp\"\/><\/svg>\r\n    <svg class=\"sp b\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-sp\"\/><\/svg>\r\n  <\/article>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n.bt-r12,.bt-r12 *{box-sizing:border-box}\r\n.bt-r12{--brown:#330c00;--ink:#1d0803;--gold:#a9873f;--gold2:#d9bc72;--cream:#f8f3ea;--sand:#ede2d8;position:relative;width:100%;max-width:1100px;margin:28px auto;padding:38px 36px 32px;overflow:hidden;border:3px solid var(--ink);border-radius:42px;background:radial-gradient(circle at 85% 0%,#6a2417 0,var(--brown) 55%);box-shadow:0 8px 0 var(--ink);color:var(--cream);font-family:inherit;line-height:1.65}\r\n.bt-r12 :focus-visible{outline:3px solid var(--gold2);outline-offset:4px}\r\n\r\n\/* SNOW *\/\r\n.bt-r12 .snow{--h:640px;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}\r\n.bt-r12 .snow.front{z-index:2}\r\n.bt-r12 .fl{position:absolute;top:0;left:var(--x);width:var(--s);height:var(--s);margin-top:calc(var(--s) * -1.6);opacity:var(--o);animation:bt12-fall var(--t) linear infinite;animation-delay:var(--d);will-change:transform}\r\n.bt-r12 .fl i{display:block;width:100%;height:100%;animation:bt12-sway var(--w) ease-in-out infinite alternate;animation-delay:var(--wd)}\r\n.bt-r12 .fl svg{display:block;width:100%;height:100%;overflow:visible;color:#eaf4ff;filter:drop-shadow(0 0 2px rgba(180,215,255,.75));animation:bt12-spin var(--r) linear infinite;animation-direction:var(--dir)}\r\n.bt-r12 .fl.soft{filter:blur(1.3px)}\r\n.bt-r12 .fl.deep{filter:blur(2.4px)}\r\n.bt-r12 .fl.dot i{border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff 0,rgba(255,255,255,.75) 45%,rgba(255,255,255,0) 100%)}\r\n.bt-r12.is-off .fl,.bt-r12.is-off .fl i,.bt-r12.is-off .fl svg{animation-play-state:paused}\r\n.bt-r12 .sp{position:absolute;z-index:0;width:20px;height:20px;fill:var(--gold2);opacity:.8;pointer-events:none;animation:bt12-tw 3s ease-in-out infinite}\r\n.bt-r12 .sp.a{top:26px;inset-inline-start:6%}\r\n.bt-r12 .sp.b{top:70px;inset-inline-end:7%;width:14px;height:14px;animation-delay:1s}\r\n.bt-r12 .sp.c{bottom:120px;inset-inline-start:3%;width:13px;height:13px;animation-delay:2s}\r\n\r\n\/* HEADER *\/\r\n.bt-r12 .top{position:relative;z-index:1;max-width:700px;margin:0 auto 30px;text-align:center}\r\n.bt-r12 .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold2);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}\r\n.bt-r12 .eyebrow svg{width:20px;height:20px;fill:currentColor}\r\n.bt-r12 .heading{margin:8px 0 10px;color:var(--cream);font-family:inherit;font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.15}\r\n.bt-r12 .heading em{display:inline-block;color:var(--gold2);font-style:normal;animation:bt12-wig 3.2s ease-in-out infinite}\r\n.bt-r12 .lead{margin:0 auto;max-width:600px;color:rgba(248,243,234,.86);font-size:14px;line-height:1.65}\r\n\r\n\/* CARDS *\/\r\n.bt-r12 .cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,auto);gap:0 40px;padding-top:14px}\r\n.bt-r12 .card{position:relative;display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;text-align:center;--sel:#2f3e5e}\r\n@supports not (grid-template-rows:subgrid){.bt-r12 .card{display:block}.bt-r12 .name{min-height:2.6em}}\r\n.bt-r12 .card+.card::before{content:\"+\";position:absolute;top:38%;inset-inline-start:-34px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold2);color:var(--brown);font-size:20px;font-weight:700;line-height:1}\r\n.bt-r12 .num{position:absolute;top:-14px;left:50%;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:3px solid var(--ink);border-radius:12px;background:var(--gold2);box-shadow:3px 4px 0 var(--ink);color:var(--brown);font-size:18px;font-weight:700;transform:translateX(-50%) rotate(-6deg);animation:bt12-hop 2.8s ease-in-out infinite}\r\n.bt-r12 .card:nth-child(2) .num{animation-delay:.3s}\r\n.bt-r12 .card:nth-child(3) .num{animation-delay:.6s}\r\n.bt-r12 .frame{position:relative;aspect-ratio:4\/5;overflow:hidden;border:4px solid var(--gold2);border-radius:999px 999px 26px 26px;background:var(--cream);box-shadow:0 0 0 7px rgba(217,188,114,.16),0 22px 40px rgba(0,0,0,.38)}\r\n.bt-r12 .frame::before{content:\"\";position:absolute;inset:0;background:var(--sel);opacity:.17;transition:background .3s}\r\n.bt-r12 .photo{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;margin:0;padding:16px 10px 0;object-fit:contain;object-position:center bottom}\r\n.bt-r12 .frame.pop .photo{animation:bt12-pop .45s cubic-bezier(.34,1.56,.64,1)}\r\n.bt-r12 .name{margin:18px 0 2px;color:var(--gold2);font-family:inherit;font-size:17px;font-weight:700;line-height:1.3;text-wrap:balance}\r\n.bt-r12 .sub{margin:0 0 12px;color:rgba(248,243,234,.75);font-size:12px}\r\n.bt-r12 .sw{display:flex;justify-content:center;align-content:flex-start;align-items:center;flex-wrap:wrap;gap:11px;margin-bottom:8px}\r\n\/* Round color buttons: exact circles, no shadow, theme cannot stretch them *\/\r\n.bt-r12 .sw button{--z:38px;display:block!important;box-sizing:border-box!important;flex:0 0 var(--z)!important;width:var(--z)!important;height:var(--z)!important;min-width:var(--z)!important;min-height:var(--z)!important;max-width:var(--z)!important;max-height:var(--z)!important;aspect-ratio:1\/1!important;margin:0!important;padding:0!important;border:3px solid var(--cream)!important;border-radius:50%!important;background-color:var(--c)!important;background-image:none!important;box-shadow:none!important;font-size:0!important;line-height:0!important;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .2s ease}\r\n.bt-r12 .sw button:hover{transform:translateY(-3px)}\r\n.bt-r12 .sw button[aria-pressed=\"true\"]{outline:2px solid var(--gold2);outline-offset:3px;transform:translateY(-3px) scale(1.1)}\r\n.bt-r12 .cn{margin:0;color:var(--cream);font-size:12.5px;font-weight:600}\r\n.bt-r12 .cn b{color:var(--gold2)}\r\n.bt-r12 .nml{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\r\n.bt-r12 .stat{min-height:16px;margin:2px 0 0;color:rgba(248,243,234,.7);font-size:11px}\r\n.bt-r12 .note{position:relative;z-index:1;margin:14px 0 0;text-align:center;color:rgba(248,243,234,.75);font-size:12px}\r\n\r\n\/* BOTTOM BAR *\/\r\n.bt-r12 .bar{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:22px 32px;margin-top:26px;padding:22px 26px;border:3px solid var(--ink);border-radius:28px;background:var(--cream);box-shadow:0 5px 0 var(--ink);color:var(--brown)}\r\n.bt-r12 .left{flex:1 1 320px;min-width:0}\r\n.bt-r12 .eq{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:13px;font-weight:700}\r\n.bt-r12 .eq span,.bt-r12 .eq b{display:grid;place-items:center;width:34px;height:34px;border:3px solid var(--brown);border-radius:10px;background:var(--sand);font-size:16px}\r\n.bt-r12 .eq b{background:var(--gold2);animation:bt12-hop 2.8s ease-in-out infinite}\r\n.bt-r12 .eq em{font-style:normal;color:#6e5e55;font-weight:600;margin-inline-start:4px}\r\n.bt-r12 .szl{margin:0 0 8px;font-size:13px;font-weight:700}\r\n.bt-r12 .szl small{color:#6e5e55;font-size:12px;font-weight:500}\r\n.bt-r12 .sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}\r\n.bt-r12 .sizes.need{animation:bt12-shake .45s ease}\r\n.bt-r12 .sz{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px!important;margin:0!important;padding:6px 10px!important;white-space:nowrap;border:2px solid var(--brown)!important;border-radius:50px!important;background:#fff!important;box-shadow:0 3px 0 var(--brown)!important;color:var(--brown)!important;font-family:inherit!important;font-size:12.5px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .15s,background .2s}\r\n.bt-r12 .sz:hover{transform:translateY(-2px)}\r\n.bt-r12 .sz[aria-pressed=\"true\"]{background:var(--brown)!important;color:#fff!important}\r\n.bt-r12 .hint{min-height:20px;margin:10px 0 0;color:#6e5e55;font-size:12px;line-height:1.5}\r\n.bt-r12 .hint.err{color:#a1281c;font-weight:700}\r\n.bt-r12 .buy{display:flex;flex-direction:column;align-items:flex-start;gap:12px}\r\n.bt-r12 .pr{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;font-size:28px;font-weight:700;line-height:1.2}\r\n.bt-r12 .pr s{color:#6e5e55;font-size:15px;font-weight:500}\r\n.bt-r12 .pr .off{padding:1px 11px;border-radius:50px;background:var(--gold);color:#fff;font-size:12px;font-weight:700}\r\n.bt-r12 .acts{display:flex;flex-wrap:wrap;gap:12px}\r\n.bt-r12 .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin:0;padding:9px 10px 9px 20px;border:0;border-radius:50px;background:var(--brown);box-shadow:0 4px 0 var(--ink);color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:0;line-height:1.4;text-decoration:none;text-transform:none;cursor:pointer;transition:transform .15s,background .2s,opacity .2s}\r\n.bt-r12 button.btn{background:var(--brown)!important;color:#fff!important;border:0!important;border-radius:50px!important;box-shadow:0 4px 0 var(--ink)!important;text-transform:none!important}\r\n.bt-r12 .btn:hover{background:#542014;color:#fff;transform:translateY(-2px)}\r\n.bt-r12 button.btn:hover{background:#542014!important}\r\n.bt-r12 .btn.wa{background:#157347;box-shadow:0 4px 0 #0b3d25;color:#fff}\r\n.bt-r12 .btn.wa:hover{background:#0f5c38;color:#fff}\r\n.bt-r12 .btn[disabled]{opacity:.6;cursor:progress;transform:none}\r\n.bt-r12 .btn i{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--gold2);color:var(--brown);font-style:normal}\r\n.bt-r12 .btn.wa i{background:#fff;color:#157347}\r\n.bt-r12 .btn svg,.bt-r12 .free svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\r\n.bt-r12 .btn svg.wic{width:17px;height:17px;fill:currentColor;stroke:none}\r\n.bt-r12 .row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}\r\n.bt-r12 .more{color:var(--brown);font-size:12.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}\r\n.bt-r12 .more:hover{color:#7d6320}\r\n.bt-r12 .ask{color:#6e5e55;font-size:12px;text-decoration:underline;text-underline-offset:3px}\r\n.bt-r12 .ask:hover{color:#157347}\r\n.bt-r12 .free{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}\r\n.bt-r12 .free svg{width:20px;height:20px;stroke-width:2;flex-shrink:0}\r\n.bt-r12 .added{min-height:20px;margin:0;color:#157347;font-size:12.5px;font-weight:600}\r\n.bt-r12 .added a{color:var(--brown);text-decoration:underline}\r\n.bt-r12 .added.bad{color:#a1281c}\r\n.bt-r12 .btn.add{background:var(--gold2)!important;color:var(--brown)!important;box-shadow:0 4px 0 #6d561f!important}\r\n.bt-r12 .btn.add:hover{background:#e6cb85!important}\r\n.bt-r12 .btn.add i{background:var(--brown);color:#fff}\r\n\r\n\/* Arabic (RTL): follows the page language, so it works even before JavaScript runs *\/\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-r12,.bt-r12[dir=\"rtl\"]{direction:rtl;font-family:\"Cairo\",\"Tajawal\",\"Noto Sans Arabic\",system-ui,sans-serif;line-height:1.8}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-r12 .btn,.bt-r12[dir=\"rtl\"] .btn{padding:9px 20px 9px 10px}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-r12 .eyebrow,.bt-r12[dir=\"rtl\"] .eyebrow{letter-spacing:0;text-transform:none;font-size:13px}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-r12 .free svg,.bt-r12[dir=\"rtl\"] .free svg{transform:scaleX(-1)}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes bt12-wig{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}\r\n@keyframes bt12-tw{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}\r\n@keyframes bt12-hop{0%,60%,100%{translate:0 0}30%{translate:0 -7px}}\r\n@keyframes bt12-pop{0%{opacity:.2;transform:scale(.94)}100%{opacity:1;transform:scale(1)}}\r\n@keyframes bt12-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-4px)}}\r\n@keyframes bt12-fall{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--drift,0px),calc(var(--h) + 90px),0)}}\r\n@keyframes bt12-sway{from{transform:translateX(calc(var(--a) * -1))}to{transform:translateX(var(--a))}}\r\n@keyframes bt12-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(min-width:641px) and (max-width:900px){.bt-r12{padding:32px 22px 28px}.bt-r12 .cols{gap:0 22px}.bt-r12 .card+.card::before{display:none}.bt-r12 .name{font-size:14px}.bt-r12 .sw button{--z:32px}.bt-r12 .sw{gap:8px}}\r\n@media(max-width:640px){\r\n .bt-r12{padding:30px 18px 26px;border-radius:30px}\r\n .bt-r12 .cols{display:flex;gap:16px;padding:18px 4px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}\r\n .bt-r12 .cols::-webkit-scrollbar{display:none}\r\n .bt-r12 .card{display:block;flex:0 0 80%;min-width:0;scroll-snap-align:center}\r\n .bt-r12 .name{min-height:2.7em}\r\n .bt-r12 .card+.card::before{display:none}\r\n .bt-r12 .sw{flex-wrap:nowrap;gap:clamp(6px,2.2vw,10px)}\r\n .bt-r12 .sw button{--z:clamp(34px,10vw,40px)}\r\n .bt-r12 .bar{padding:18px}\r\n .bt-r12 .sizes{display:grid;grid-template-columns:1fr 1fr}\r\n .bt-r12 .sz{min-height:44px!important}\r\n .bt-r12 .buy{align-items:stretch;width:100%}\r\n .bt-r12 .acts{flex-direction:column}\r\n .bt-r12 .btn{width:100%}\r\n}\r\n@media(prefers-reduced-motion:reduce){.bt-r12 *{animation:none!important;transition:none!important}.bt-r12 .snow{display:none}}\r\n<\/style>\r\n\r\n<section class=\"bt-r12\" aria-labelledby=\"bt-r12-h\" data-bt-box-twelve>\r\n\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\">\r\n    <defs>\r\n      <symbol id=\"bt12-f1\" viewBox=\"-12 -12 24 24\">\r\n        <g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.15\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(60)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(120)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(180)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(240)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(300)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n        <\/g>\r\n      <\/symbol>\r\n      <symbol id=\"bt12-f2\" viewBox=\"-12 -12 24 24\">\r\n        <g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(60)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(120)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(180)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(240)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(300)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n        <\/g>\r\n      <\/symbol>\r\n      <symbol id=\"bt12-f3\" viewBox=\"-12 -12 24 24\">\r\n        <g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.05\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M0-3.2 2.8-1.6V1.6L0 3.2-2.8 1.6V-1.6z\"\/>\r\n          <path d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(60)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(120)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(180)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(240)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(300)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n        <\/g>\r\n      <\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n\r\n  <div class=\"snow\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"snow front\" aria-hidden=\"true\"><\/div>\r\n\r\n  <svg class=\"sp a\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/><\/svg>\r\n  <svg class=\"sp b\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/><\/svg>\r\n  <svg class=\"sp c\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/><\/svg>\r\n\r\n  <header class=\"top\">\r\n    <span class=\"eyebrow\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5z\"\/><\/svg>\r\n      The 12-piece box\r\n    <\/span>\r\n    <h2 class=\"heading\" id=\"bt-r12-h\">BabyTut <em>Royal Box<\/em>: 12-Piece Winter Clothing Box for Baby Boys<\/h2>\r\n    <p class=\"lead\">12 thermal pieces in one ready-made box: 3 designs, each in 4 colors. Every color is included. The set is fixed, no swaps.<\/p>\r\n  <\/header>\r\n\r\n  <div class=\"cols\">\r\n\r\n    <article class=\"card\" data-design=\"romper\" data-label=\"Thermal Romper\">\r\n      <span class=\"num\" aria-hidden=\"true\">1<\/span>\r\n      <div class=\"frame\">\r\n        <img loading=\"lazy\" class=\"photo\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-navy-ribbed-bodysuit-4.webp\" width=\"800\" height=\"1000\" loading=\"lazy\" decoding=\"async\" alt=\"Baby boy taking his first steps in a navy ribbed thermal romper\">\r\n      <\/div>\r\n      <h3 class=\"name\">Baby Thermal Romper<\/h3>\r\n      <p class=\"sub\">4 sets \u00b7 4 colors<\/p>\r\n      <div class=\"sw\" role=\"group\" aria-label=\"Preview Thermal Romper colors\"><\/div>\r\n      <p class=\"cn\">Color: <b aria-live=\"polite\">Navy<\/b><\/p>\r\n      <span class=\"nml\"><span>Navy<\/span><span>Off White<\/span><span>Black<\/span><span>Gray<\/span><\/span>\r\n      <p class=\"stat\" role=\"status\"><\/p>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-design=\"basic\" data-label=\"Thermal Basic\">\r\n      <span class=\"num\" aria-hidden=\"true\">2<\/span>\r\n      <div class=\"frame\">\r\n        <img loading=\"lazy\" class=\"photo\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Standing-baby-in-black-thermal-set.webp\" width=\"800\" height=\"1000\" loading=\"lazy\" decoding=\"async\" alt=\"Standing baby boy wearing a black thermal T-shirt and pants\">\r\n      <\/div>\r\n      <h3 class=\"name\">Baby Thermal Basic (T-Shirt &amp; Pants)<\/h3>\r\n      <p class=\"sub\">4 sets \u00b7 4 colors<\/p>\r\n      <div class=\"sw\" role=\"group\" aria-label=\"Preview Thermal Basic colors\"><\/div>\r\n      <p class=\"cn\">Color: <b aria-live=\"polite\">Black<\/b><\/p>\r\n      <span class=\"nml\"><span>Black<\/span><span>Gray<\/span><span>Navy<\/span><span>Off White<\/span><\/span>\r\n      <p class=\"stat\" role=\"status\"><\/p>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-design=\"outerwear\" data-label=\"Outerwear\">\r\n      <span class=\"num\" aria-hidden=\"true\">3<\/span>\r\n      <div class=\"frame\">\r\n        <img loading=\"lazy\" class=\"photo\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Smiling-baby-in-blue-sweatsuit.webp\" width=\"800\" height=\"1000\" loading=\"lazy\" decoding=\"async\" alt=\"Smiling baby boy wearing a blue sweatshirt and pants\">\r\n      <\/div>\r\n      <h3 class=\"name\">Baby Outerwear (T-Shirt &amp; Pants)<\/h3>\r\n      <p class=\"sub\">4 sets \u00b7 4 colors<\/p>\r\n      <div class=\"sw\" role=\"group\" aria-label=\"Preview Outerwear colors\"><\/div>\r\n      <p class=\"cn\">Color: <b aria-live=\"polite\">Light Mauve<\/b><\/p>\r\n      <span class=\"nml\"><span>Light Mauve<\/span><span>Light Blue<\/span><span>Beige<\/span><span>Matcha Green<\/span><\/span>\r\n      <p class=\"stat\" role=\"status\"><\/p>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <p class=\"note\">Tap a color to preview it. Every color shown is included in the box, so there is nothing to choose.<\/p>\r\n\r\n  <div class=\"bar\">\r\n    <div class=\"left\">\r\n      <p class=\"eq\" aria-label=\"4 plus 4 plus 4 equals 12 pieces\">\r\n        <span aria-hidden=\"true\">4<\/span>+<span aria-hidden=\"true\">4<\/span>+<span aria-hidden=\"true\">4<\/span>=<b aria-hidden=\"true\">12<\/b>\r\n        <em>winter pieces, one fixed box<\/em>\r\n      <\/p>\r\n\r\n      <p class=\"szl\" id=\"bt-r12-szl\">Choose a size <small>(baby's age)<\/small><\/p>\r\n\r\n      <div class=\"sizes\" role=\"group\" aria-labelledby=\"bt-r12-szl\">\r\n        <button type=\"button\" class=\"sz\" data-i=\"0\" aria-pressed=\"false\">3\u20136 months<\/button>\r\n        <button type=\"button\" class=\"sz\" data-i=\"1\" aria-pressed=\"false\">6\u20139 months<\/button>\r\n        <button type=\"button\" class=\"sz\" data-i=\"2\" aria-pressed=\"false\">9\u201312 months<\/button>\r\n        <button type=\"button\" class=\"sz\" data-i=\"3\" aria-pressed=\"false\">12\u201318 months<\/button>\r\n        <button type=\"button\" class=\"sz\" data-i=\"4\" aria-pressed=\"false\">18\u201324 months<\/button>\r\n      <\/div>\r\n\r\n      <p class=\"hint\" role=\"status\" aria-live=\"polite\">Preview a size, then visit the product page to choose and order.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"buy\">\r\n      <p class=\"pr\">4,800 EGP <s>5,500 EGP<\/s> <span class=\"off\">-13%<\/span><\/p>\r\n\r\n      <div class=\"acts\">\r\n        <a class=\"btn add\" href=\"https:\/\/babytut.com\/product\/babytut-royal-box\/\">\r\n          View Product Details\r\n          <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zM3 6h18M16 10a4 4 0 0 1-8 0\"\/><\/svg><\/i>\r\n        <\/a>\r\n\r\n        <a class=\"btn wa\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n          Ask on WhatsApp\r\n          <i aria-hidden=\"true\"><svg class=\"wic\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <p class=\"added\" role=\"status\" aria-live=\"polite\"><\/p>\r\n\r\n      <div class=\"row\">\r\n        <a class=\"ask\" href=\"#\" target=\"_blank\" rel=\"noopener\">Not sure about the size? Ask us on WhatsApp<\/a>\r\n      <\/div>\r\n\r\n      <span class=\"free\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 18V5H2v13h3M9 18h6M14 9h5l3 5v4h-3\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"17\" cy=\"18\" r=\"2\"\/><\/svg>\r\n        Free delivery on every order\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.getElementById('bt-cards');\r\n  if(!s)return;\r\n\r\n  if(!('IntersectionObserver' in window))return;\r\n\r\n  s.classList.add('js');\r\n\r\n  var io=new IntersectionObserver(function(en){\r\n    en.forEach(function(x){\r\n      if(x.isIntersecting){\r\n        x.target.classList.add('in');\r\n        io.unobserve(x.target);\r\n      }\r\n    });\r\n  },{threshold:.15});\r\n\r\n  s.querySelectorAll('.rv').forEach(function(e){io.observe(e)});\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n(function () {\r\n  var BASE = \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/\";\r\n\r\n  \/* Arabic \/ RTL detection: language attribute, direction, theme class or \/ar\/ in the URL *\/\r\n  var IS_AR = (function () {\r\n    var d = document.documentElement, b = document.body;\r\n    return String(d.lang || \"\").toLowerCase().indexOf(\"ar\") === 0 ||\r\n      d.dir === \"rtl\" || !!(b && b.classList.contains(\"rtl\")) ||\r\n      \/^\\\/ar(\\\/|$)\/.test(location.pathname);\r\n  })();\r\n  var LP = \/^\\\/ar(\\\/|$)\/.test(location.pathname) ? \"\/ar\" : \"\";\r\n\r\n  \/* ============ EDIT THIS BLOCK ============ *\/\r\n  var SHOP = {\r\n    productUrl: \"https:\/\/babytut.com\/product\/babytut-royal-box\/\",\r\n    cartUrl: \"https:\/\/babytut.com\" + LP + \"\/cart\/\",\r\n\r\n    \/* WhatsApp number: international format, digits only (Egypt: 20 + number without the leading 0) *\/\r\n    whatsapp: \"201550150615\",\r\n\r\n    price: \"4,800 EGP\",\r\n    priceAr: \"\u0664\u066c\u0664\u0660\u0660 \u062c.\u0645\",\r\n    nameEn: \"BabyTut Royal Box (12 pieces)\",\r\n    nameAr: \"\u0628\u0648\u0643\u0633 \u0628\u064a\u0628\u064a \u062a\u0648\u062a \u0627\u0644\u0645\u0644\u0643\u064a (\u0661\u0662 \u0642\u0637\u0639\u0629)\",\r\n\r\n    \/* The size buttons are a visual preview only on the homepage. *\/\r\n    sizes: [\r\n      { en: \"3\u20136 months\",   ar: \"\u0663\u2013\u0666 \u0634\u0647\u0648\u0631\" },\r\n      { en: \"6\u20139 months\",   ar: \"\u0666\u2013\u0669 \u0634\u0647\u0648\u0631\" },\r\n      { en: \"9\u201312 months\",  ar: \"\u0669\u2013\u0661\u0662 \u0634\u0647\u0631\" },\r\n      { en: \"12\u201318 months\", ar: \"\u0661\u0662\u2013\u0661\u0668 \u0634\u0647\u0631\" },\r\n      { en: \"18\u201324 months\", ar: \"\u0661\u0668\u2013\u0662\u0664 \u0634\u0647\u0631\" }\r\n    ]\r\n  };\r\n  \/* ======================================== *\/\r\n\r\n  \/* Texts written by JavaScript (TranslatePress does not see them), English + Arabic *\/\r\n  var TXT = {\r\n    en: {\r\n      need: \"Please choose a size first.\",\r\n      adding: \"Adding to cart\u2026\",\r\n      added: \"Added to cart.\",\r\n      view: \"View cart\",\r\n      stock: \"Sorry, this size is out of stock right now.\",\r\n      fail: \"We couldn't add it from here.\",\r\n      open: \"Open the product page\",\r\n      loading: \"Loading preview\u2026\",\r\n      imgfail: \"Image unavailable. Please try another color.\",\r\n      previewIn: function (d, c) { return \"Preview \" + d + \" in \" + c; },\r\n      order: function (name, size, price, url) {\r\n        return \"Hello BabyTut! I'd like to order:\\n\" + name + \"\\nSize: \" + size + \"\\nPrice: \" + price + \"\\n\" + url;\r\n      },\r\n      ask: function (name, url) { return \"Hello BabyTut! I need help choosing a size for the \" + name + \".\\n\" + url; }\r\n    },\r\n    ar: {\r\n      need: \"\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062e\u062a\u0627\u0631 \u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0623\u0648\u0644.\",\r\n      adding: \"\u0628\u0646\u0636\u064a\u0641\u0647 \u0644\u0644\u0633\u0644\u0629\u2026\",\r\n      added: \"\u0627\u062a\u0636\u0627\u0641 \u0644\u0644\u0633\u0644\u0629.\",\r\n      view: \"\u0634\u0648\u0641 \u0627\u0644\u0633\u0644\u0629\",\r\n      stock: \"\u0622\u0633\u0641\u064a\u0646\u060c \u0627\u0644\u0645\u0642\u0627\u0633 \u062f\u0647 \u0645\u0634 \u0645\u062a\u0627\u062d \u062d\u0627\u0644\u064a\u064b\u0627.\",\r\n      fail: \"\u0645\u0639\u0631\u0641\u0646\u0627\u0634 \u0646\u0636\u064a\u0641\u0647 \u0645\u0646 \u0647\u0646\u0627.\",\r\n      open: \"\u0627\u0641\u062a\u062d \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\",\r\n      loading: \"\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629\u2026\",\r\n      imgfail: \"\u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0634 \u0645\u062a\u0627\u062d\u0629. \u062c\u0631\u0651\u0628 \u0644\u0648\u0646 \u062a\u0627\u0646\u064a.\",\r\n      previewIn: function (d, c) { return \"\u0645\u0639\u0627\u064a\u0646\u0629 \" + d + \" \u0628\u0627\u0644\u0644\u0648\u0646 \" + c; },\r\n      alt: function (d, c) { return \"\u0637\u0641\u0644 \u0648\u0644\u062f \u0628\u064a\u0644\u0628\u0633 \" + d + \" \u0628\u0627\u0644\u0644\u0648\u0646 \" + c; },\r\n      order: function (name, size, price, url) {\r\n        return \"\u0623\u0647\u0644\u0627\u064b \u0628\u064a\u0628\u064a \u062a\u0648\u062a! \u0639\u0627\u064a\u0632 \u0623\u0637\u0644\u0628:\\n\" + name + \"\\n\u0627\u0644\u0645\u0642\u0627\u0633: \" + size + \"\\n\u0627\u0644\u0633\u0639\u0631: \" + price + \"\\n\" + url;\r\n      },\r\n      ask: function (name, url) { return \"\u0623\u0647\u0644\u0627\u064b \u0628\u064a\u0628\u064a \u062a\u0648\u062a! \u0645\u062d\u062a\u0627\u062c \u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0642\u0627\u0633 \u0644\u0640\" + name + \".\\n\" + url; }\r\n    }\r\n  };\r\n  var T = IS_AR ? TXT.ar : TXT.en;\r\n\r\n\r\n  \/* Set front to 0 to hide snowflakes in front of the photos *\/\r\n  var SNOW = { crystals: 14, dots: 30, front: 4 };\r\n\r\n  var designs = {\r\n    romper: [\r\n      { name: \"Navy\", color: \"#1f2742\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-navy-ribbed-bodysuit-4.webp\", alt: \"Baby boy taking his first steps in a navy ribbed thermal romper\" },\r\n      { name: \"Off White\", color: \"#e3e3e1\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-a-ribbed-white-bodysuit-2.webp\", alt: \"Baby boy taking his first steps in an off-white ribbed thermal romper\" },\r\n      { name: \"Black\", color: \"#000000\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-First-Steps-in-Ribbed-Bodysuit-1.webp\", alt: \"Baby boy taking his first steps in a black ribbed thermal romper\" },\r\n      { name: \"Gray\", color: \"#919191\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-First-Steps-in-Ribbed-Bodysuit-3.webp\", alt: \"Baby boy taking his first steps in a grey ribbed thermal romper\" }\r\n    ],\r\n    basic: [\r\n      { name: \"Black\", color: \"#000000\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Standing-baby-in-black-thermal-set.webp\", alt: \"Standing baby boy wearing a black thermal T-shirt and pants\" },\r\n      { name: \"Gray\", color: \"#919191\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-First-Steps-in-Grey-Thermals.webp\", alt: \"Baby boy taking his first steps in a grey thermal T-shirt and pants\" },\r\n      { name: \"Navy\", color: \"#1f2742\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-navy-thermals.webp\", alt: \"Baby boy taking his first steps in a navy thermal T-shirt and pants\" },\r\n      { name: \"Off White\", color: \"#e3e3e1\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-white-thermals.webp\", alt: \"Baby boy taking his first steps in an off-white thermal T-shirt and pants\" }\r\n    ],\r\n    outerwear: [\r\n      { name: \"Light Mauve\", color: \"#7391bd\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Smiling-baby-in-blue-sweatsuit.webp\", alt: \"Smiling baby boy wearing a blue sweatshirt and pants\" },\r\n      { name: \"Light Blue\", color: \"#c5d7e8\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Baby-standing-in-pale-blue-sweatsuit.webp\", alt: \"Standing baby boy wearing a pale blue sweatshirt and pants\" },\r\n      { name: \"Beige\", color: \"#c9ad9a\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Baby-Standing-in-Beige-Two-Piece-Outfit.webp\", alt: \"Standing baby boy wearing a beige two-piece outfit\" },\r\n      { name: \"Matcha Green\", color: \"#7a9366\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Standing-Baby-in-Olive-Green-Outfit.webp\", alt: \"Standing baby boy wearing an olive green sweatshirt and pants\" }\r\n    ]\r\n  };\r\n\r\n  function url(item) {\r\n    return \/^https?:\\\/\\\/\/.test(item.file) ? item.file : BASE + item.file;\r\n  }\r\n\r\n  function initCard(card) {\r\n    if (card.dataset.ready === \"true\") return;\r\n\r\n    var key = card.getAttribute(\"data-design\");\r\n    var list = designs[key];\r\n    if (!list) return;\r\n\r\n    card.dataset.ready = \"true\";\r\n\r\n    var nameEl = card.querySelector(\".name\");\r\n    var label = nameEl ? nameEl.textContent.trim() : (card.getAttribute(\"data-label\") || \"\");\r\n    var names = card.querySelectorAll(\".nml span\");\r\n\r\n    \/* color names come from the page text, so whatever you translate in TranslatePress is what shows *\/\r\n    function cl(i) {\r\n      var n = names[i];\r\n      return (n && n.textContent.trim()) || list[i].name;\r\n    }\r\n    var photo = card.querySelector(\".photo\");\r\n    var frame = card.querySelector(\".frame\");\r\n    var colorName = card.querySelector(\".cn b\");\r\n    var sw = card.querySelector(\".sw\");\r\n    var status = card.querySelector(\".stat\");\r\n    var current = 0;\r\n    var token = 0;\r\n\r\n    function renderSwatches() {\r\n      sw.innerHTML = \"\";\r\n\r\n      list.forEach(function (item, index) {\r\n        var b = document.createElement(\"button\");\r\n\r\n        b.type = \"button\";\r\n        b.style.setProperty(\"--c\", item.color);\r\n        b.title = cl(index);\r\n        b.setAttribute(\"aria-label\", T.previewIn(label, cl(index)));\r\n        b.setAttribute(\"aria-pressed\", index === current ? \"true\" : \"false\");\r\n\r\n        b.addEventListener(\"click\", function () { choose(index, b); });\r\n\r\n        sw.appendChild(b);\r\n      });\r\n    }\r\n\r\n    function paint(index, animate) {\r\n      current = index;\r\n\r\n      var item = list[index];\r\n\r\n      colorName.textContent = cl(index);\r\n      card.style.setProperty(\"--sel\", item.color);\r\n      renderSwatches();\r\n\r\n      if (animate) {\r\n        frame.classList.remove(\"pop\");\r\n        void frame.offsetWidth;\r\n        frame.classList.add(\"pop\");\r\n      }\r\n    }\r\n\r\n    function choose(index, sourceButton) {\r\n      if (index === current) return;\r\n\r\n      var item = list[index];\r\n      var request = ++token;\r\n      var preview = new Image();\r\n\r\n      status.textContent = T.loading;\r\n      photo.setAttribute(\"aria-busy\", \"true\");\r\n\r\n      preview.onload = function () {\r\n        if (request !== token) return;\r\n\r\n        var refocus = sourceButton && document.activeElement === sourceButton;\r\n\r\n        [\"srcset\", \"sizes\", \"data-src\", \"data-srcset\", \"data-lazy-src\", \"data-lazy-srcset\"].forEach(function (a) {\r\n          photo.removeAttribute(a);\r\n        });\r\n\r\n        photo.src = url(item);\r\n        photo.alt = IS_AR ? T.alt(label, cl(index)) : item.alt;\r\n\r\n        paint(index, true);\r\n\r\n        photo.removeAttribute(\"aria-busy\");\r\n        status.textContent = \"\";\r\n\r\n        if (refocus && sw.children[index]) sw.children[index].focus({ preventScroll: true });\r\n      };\r\n\r\n      preview.onerror = function () {\r\n        if (request !== token) return;\r\n\r\n        photo.removeAttribute(\"aria-busy\");\r\n        status.textContent = T.imgfail;\r\n        console.warn(\"BabyTut image could not load:\", url(item));\r\n      };\r\n\r\n      preview.src = url(item);\r\n    }\r\n\r\n    \/* The first color is already in the HTML (so TranslatePress can translate it): do not overwrite it in English *\/\r\n    current = 0;\r\n    card.style.setProperty(\"--sel\", list[0].color);\r\n    renderSwatches();\r\n    colorName.textContent = cl(0);\r\n  }\r\n\r\n  \/* HOMEPAGE PREVIEW ONLY: sizes are visual; checkout happens on the product page. *\/\r\n  function initShop(section) {\r\n    if (section.dataset.shop === \"true\") return;\r\n    var group = section.querySelector(\".sizes\");\r\n    if (!group) return;\r\n    section.dataset.shop = \"true\";\r\n\r\n    var buttons = group.querySelectorAll(\".sz\");\r\n    var hint = section.querySelector(\".hint\");\r\n    var wa = section.querySelector(\".wa\");\r\n    var ask = section.querySelector(\".ask\");\r\n    var chosen = -1;\r\n\r\n    function waLink(message) {\r\n      return \"https:\/\/wa.me\/\" + String(SHOP.whatsapp).replace(\/\\D\/g, \"\") + \"?text=\" + encodeURIComponent(message);\r\n    }\r\n\r\n    function refreshLinks() {\r\n      var name = IS_AR ? SHOP.nameAr : SHOP.nameEn;\r\n      var size = chosen >= 0 ? buttons[chosen].textContent.trim() : (IS_AR ? \"\u063a\u064a\u0631 \u0645\u062d\u062f\u062f\" : \"Not selected\");\r\n      var msg = IS_AR\r\n        ? \"\u0623\u0647\u0644\u0627\u064b \u0628\u064a\u0628\u064a \u062a\u0648\u062a! \u0639\u0646\u062f\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \" + name + \"\\n\u0627\u0644\u0645\u0642\u0627\u0633: \" + size + \"\\n\" + SHOP.productUrl\r\n        : \"Hello BabyTut! I have a question about \" + name + \"\\nSize: \" + size + \"\\n\" + SHOP.productUrl;\r\n\r\n      if (wa) wa.href = waLink(msg);\r\n      if (ask) ask.href = waLink(T.ask(name, SHOP.productUrl));\r\n    }\r\n\r\n    buttons.forEach(function (button, i) {\r\n      button.addEventListener(\"click\", function () {\r\n        chosen = i;\r\n        buttons.forEach(function (b, j) { b.setAttribute(\"aria-pressed\", i === j ? \"true\" : \"false\"); });\r\n        if (hint) hint.textContent = IS_AR\r\n          ? \"\u0627\u0644\u0645\u0642\u0627\u0633 \u0644\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0641\u0642\u0637. \u0627\u062e\u062a\u0627\u0631 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0637\u0644\u0628.\"\r\n          : \"Size preview only. Visit product details to complete your order.\";\r\n        refreshLinks();\r\n      });\r\n    });\r\n\r\n    refreshLinks();\r\n  }\r\n\r\n  \/* SNOW *\/\r\n  function rnd(a, b) { return a + Math.random() * (b - a); }\r\n\r\n  function initSnow(section) {\r\n    if (section.dataset.snow === \"true\") return;\r\n\r\n    var back = section.querySelector(\".snow:not(.front)\");\r\n    var front = section.querySelector(\".snow.front\");\r\n\r\n    if (!back) return;\r\n\r\n    if (window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\r\n\r\n    section.dataset.snow = \"true\";\r\n\r\n    var small = section.clientWidth < 640;\r\n    var nCrystals = small ? Math.round(SNOW.crystals * 0.55) : SNOW.crystals;\r\n    var nDots = small ? Math.round(SNOW.dots * 0.55) : SNOW.dots;\r\n    var nFront = small ? Math.min(SNOW.front, 2) : SNOW.front;\r\n\r\n    function setHeight() {\r\n      var h = section.clientHeight + \"px\";\r\n      back.style.setProperty(\"--h\", h);\r\n      if (front) front.style.setProperty(\"--h\", h);\r\n    }\r\n\r\n    setHeight();\r\n\r\n    if (window.ResizeObserver) {\r\n      new ResizeObserver(setHeight).observe(section);\r\n    } else {\r\n      window.addEventListener(\"resize\", setHeight);\r\n    }\r\n\r\n    function flake(layer, size, opacity, blurClass, kind) {\r\n      var f = document.createElement(\"span\");\r\n      var t = Math.max(7, Math.min(26, 27 - size * 0.55 + rnd(-2, 2)));\r\n\r\n      f.className = \"fl\" + (kind === \"dot\" ? \" dot\" : \"\") + (blurClass ? \" \" + blurClass : \"\");\r\n\r\n      f.style.setProperty(\"--x\", rnd(-2, 98).toFixed(1) + \"%\");\r\n      f.style.setProperty(\"--s\", size.toFixed(1) + \"px\");\r\n      f.style.setProperty(\"--o\", opacity.toFixed(2));\r\n      f.style.setProperty(\"--t\", t.toFixed(1) + \"s\");\r\n      f.style.setProperty(\"--d\", \"-\" + rnd(0, t).toFixed(1) + \"s\");\r\n      f.style.setProperty(\"--w\", rnd(2.4, 5.2).toFixed(1) + \"s\");\r\n      f.style.setProperty(\"--wd\", \"-\" + rnd(0, 4).toFixed(1) + \"s\");\r\n      f.style.setProperty(\"--a\", rnd(8, 30).toFixed(0) + \"px\");\r\n      f.style.setProperty(\"--drift\", rnd(-50, 50).toFixed(0) + \"px\");\r\n\r\n      if (kind === \"dot\") {\r\n        f.appendChild(document.createElement(\"i\"));\r\n      } else {\r\n        f.style.setProperty(\"--r\", rnd(10, 26).toFixed(0) + \"s\");\r\n        f.style.setProperty(\"--dir\", Math.random() < 0.5 ? \"normal\" : \"reverse\");\r\n\r\n        var i = document.createElement(\"i\");\r\n        var NS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n        var svg = document.createElementNS(NS, \"svg\");\r\n        var use = document.createElementNS(NS, \"use\");\r\n\r\n        svg.setAttribute(\"viewBox\", \"-12 -12 24 24\");\r\n        svg.setAttribute(\"aria-hidden\", \"true\");\r\n        use.setAttribute(\"href\", \"#bt12-f\" + (1 + Math.floor(Math.random() * 3)));\r\n        svg.appendChild(use);\r\n        i.appendChild(svg);\r\n        f.appendChild(i);\r\n      }\r\n\r\n      layer.appendChild(f);\r\n    }\r\n\r\n    var i;\r\n\r\n    for (i = 0; i < nCrystals; i++) {\r\n      var size = rnd(9, 24);\r\n      flake(back, size, rnd(0.5, 0.95), size > 18 ? \"soft\" : \"\", \"crystal\");\r\n    }\r\n\r\n    for (i = 0; i < nDots; i++) flake(back, rnd(2, 5.5), rnd(0.35, 0.85), \"\", \"dot\");\r\n\r\n    for (i = 0; i < nFront; i++) {\r\n      flake(front || back, rnd(24, 38), rnd(0.35, 0.55), \"deep\", \"crystal\");\r\n    }\r\n\r\n    if (window.IntersectionObserver) {\r\n      new IntersectionObserver(function (entries) {\r\n        section.classList.toggle(\"is-off\", !entries[0].isIntersecting);\r\n      }, { threshold: 0 }).observe(section);\r\n    }\r\n  }\r\n\r\n  function start() {\r\n    document.querySelectorAll(\"[data-bt-box-twelve]\").forEach(function (s) {\r\n      if (IS_AR) s.setAttribute(\"dir\", \"rtl\");\r\n      initSnow(s);\r\n      initShop(s);\r\n    });\r\n    document.querySelectorAll(\"[data-bt-box-twelve] .card\").forEach(initCard);\r\n  }\r\n\r\n  start();\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", start, { once: true });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbcb298 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"bbcb298\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7376d9 elementor-widget elementor-widget-html\" data-id=\"a7376d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBabyTut \u2014 12-piece Royal Box homepage preview (v2): 5 sizes (3 in the first row, 2 under), color names from the product, RTL + TranslatePress\r\nElementor: one HTML widget, paste this whole file.\r\nEDIT ONLY SHOP.whatsapp if needed (already set). \"View Product Details\" opens the 12-piece product page. No cart operation on the homepage.\r\nRTL: switches by itself on Arabic pages. All visible text is normal HTML, including the color names (translate it in TranslatePress).\r\nTexts written by JavaScript (preview status, WhatsApp message) are already translated inside the script.\r\n-->\r\n<style>\r\n.bt-r12,.bt-r12 *{box-sizing:border-box}\r\n.bt-r12{--brown:#330c00;--ink:#1d0803;--gold:#a9873f;--gold2:#d9bc72;--cream:#f8f3ea;--sand:#ede2d8;position:relative;width:100%;max-width:1100px;margin:28px auto;padding:38px 36px 32px;overflow:hidden;border:3px solid var(--ink);border-radius:42px;background:radial-gradient(circle at 85% 0%,#6a2417 0,var(--brown) 55%);box-shadow:0 8px 0 var(--ink);color:var(--cream);font-family:inherit;line-height:1.65}\r\n.bt-r12 :focus-visible{outline:3px solid var(--gold2);outline-offset:4px}\r\n\r\n\/* SNOW *\/\r\n.bt-r12 .snow{--h:640px;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}\r\n.bt-r12 .snow.front{z-index:2}\r\n.bt-r12 .fl{position:absolute;top:0;left:var(--x);width:var(--s);height:var(--s);margin-top:calc(var(--s) * -1.6);opacity:var(--o);animation:bt12-fall var(--t) linear infinite;animation-delay:var(--d);will-change:transform}\r\n.bt-r12 .fl i{display:block;width:100%;height:100%;animation:bt12-sway var(--w) ease-in-out infinite alternate;animation-delay:var(--wd)}\r\n.bt-r12 .fl svg{display:block;width:100%;height:100%;overflow:visible;color:#eaf4ff;filter:drop-shadow(0 0 2px rgba(180,215,255,.75));animation:bt12-spin var(--r) linear infinite;animation-direction:var(--dir)}\r\n.bt-r12 .fl.soft{filter:blur(1.3px)}\r\n.bt-r12 .fl.deep{filter:blur(2.4px)}\r\n.bt-r12 .fl.dot i{border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff 0,rgba(255,255,255,.75) 45%,rgba(255,255,255,0) 100%)}\r\n.bt-r12.is-off .fl,.bt-r12.is-off .fl i,.bt-r12.is-off .fl svg{animation-play-state:paused}\r\n.bt-r12 .sp{position:absolute;z-index:0;width:20px;height:20px;fill:var(--gold2);opacity:.8;pointer-events:none;animation:bt12-tw 3s ease-in-out infinite}\r\n.bt-r12 .sp.a{top:26px;inset-inline-start:6%}\r\n.bt-r12 .sp.b{top:70px;inset-inline-end:7%;width:14px;height:14px;animation-delay:1s}\r\n.bt-r12 .sp.c{bottom:120px;inset-inline-start:3%;width:13px;height:13px;animation-delay:2s}\r\n\r\n\/* HEADER *\/\r\n.bt-r12 .top{position:relative;z-index:1;max-width:700px;margin:0 auto 30px;text-align:center}\r\n.bt-r12 .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold2);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}\r\n.bt-r12 .eyebrow svg{width:20px;height:20px;fill:currentColor}\r\n.bt-r12 .heading{margin:8px 0 10px;color:var(--cream);font-family:inherit;font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.15}\r\n.bt-r12 .heading em{display:inline-block;color:var(--gold2);font-style:normal;animation:bt12-wig 3.2s ease-in-out infinite}\r\n.bt-r12 .lead{margin:0 auto;max-width:600px;color:rgba(248,243,234,.86);font-size:14px;line-height:1.65}\r\n\r\n\/* CARDS *\/\r\n.bt-r12 .cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,auto);gap:0 40px;padding-top:14px}\r\n.bt-r12 .card{position:relative;display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;text-align:center;--sel:#2f3e5e}\r\n@supports not (grid-template-rows:subgrid){.bt-r12 .card{display:block}.bt-r12 .name{min-height:2.6em}}\r\n.bt-r12 .card+.card::before{content:\"+\";position:absolute;top:38%;inset-inline-start:-34px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold2);color:var(--brown);font-size:20px;font-weight:700;line-height:1}\r\n.bt-r12 .num{position:absolute;top:-14px;left:50%;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:3px solid var(--ink);border-radius:12px;background:var(--gold2);box-shadow:3px 4px 0 var(--ink);color:var(--brown);font-size:18px;font-weight:700;transform:translateX(-50%) rotate(-6deg);animation:bt12-hop 2.8s ease-in-out infinite}\r\n.bt-r12 .card:nth-child(2) .num{animation-delay:.3s}\r\n.bt-r12 .card:nth-child(3) .num{animation-delay:.6s}\r\n.bt-r12 .frame{position:relative;aspect-ratio:4\/5;overflow:hidden;border:4px solid var(--gold2);border-radius:999px 999px 26px 26px;background:var(--cream);box-shadow:0 0 0 7px rgba(217,188,114,.16),0 22px 40px rgba(0,0,0,.38)}\r\n.bt-r12 .frame::before{content:\"\";position:absolute;inset:0;background:var(--sel);opacity:.17;transition:background .3s}\r\n.bt-r12 .photo{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;margin:0;padding:16px 10px 0;object-fit:contain;object-position:center bottom}\r\n.bt-r12 .frame.pop .photo{animation:bt12-pop .45s cubic-bezier(.34,1.56,.64,1)}\r\n.bt-r12 .name{margin:18px 0 2px;color:var(--gold2);font-family:inherit;font-size:17px;font-weight:700;line-height:1.3;text-wrap:balance}\r\n.bt-r12 .sub{margin:0 0 12px;color:rgba(248,243,234,.75);font-size:12px}\r\n.bt-r12 .sw{display:flex;justify-content:center;align-content:flex-start;align-items:center;flex-wrap:wrap;gap:11px;margin-bottom:8px}\r\n\/* Round color buttons: exact circles, no shadow, theme cannot stretch them *\/\r\n.bt-r12 .sw button{--z:38px;display:block!important;box-sizing:border-box!important;flex:0 0 var(--z)!important;width:var(--z)!important;height:var(--z)!important;min-width:var(--z)!important;min-height:var(--z)!important;max-width:var(--z)!important;max-height:var(--z)!important;aspect-ratio:1\/1!important;margin:0!important;padding:0!important;border:3px solid var(--cream)!important;border-radius:50%!important;background-color:var(--c)!important;background-image:none!important;box-shadow:none!important;font-size:0!important;line-height:0!important;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .2s ease}\r\n.bt-r12 .sw button:hover{transform:translateY(-3px)}\r\n.bt-r12 .sw button[aria-pressed=\"true\"]{outline:2px solid var(--gold2);outline-offset:3px;transform:translateY(-3px) scale(1.1)}\r\n.bt-r12 .cn{margin:0;color:var(--cream);font-size:12.5px;font-weight:600}\r\n.bt-r12 .cn b{color:var(--gold2)}\r\n.bt-r12 .nml{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\r\n.bt-r12 .stat{min-height:16px;margin:2px 0 0;color:rgba(248,243,234,.7);font-size:11px}\r\n.bt-r12 .note{position:relative;z-index:1;margin:14px 0 0;text-align:center;color:rgba(248,243,234,.75);font-size:12px}\r\n\r\n\/* BOTTOM BAR *\/\r\n.bt-r12 .bar{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:22px 32px;margin-top:26px;padding:22px 26px;border:3px solid var(--ink);border-radius:28px;background:var(--cream);box-shadow:0 5px 0 var(--ink);color:var(--brown)}\r\n.bt-r12 .left{flex:1 1 320px;min-width:0}\r\n.bt-r12 .eq{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:13px;font-weight:700}\r\n.bt-r12 .eq span,.bt-r12 .eq b{display:grid;place-items:center;width:34px;height:34px;border:3px solid var(--brown);border-radius:10px;background:var(--sand);font-size:16px}\r\n.bt-r12 .eq b{background:var(--gold2);animation:bt12-hop 2.8s ease-in-out infinite}\r\n.bt-r12 .eq em{font-style:normal;color:#6e5e55;font-weight:600;margin-inline-start:4px}\r\n.bt-r12 .szl{margin:0 0 8px;font-size:13px;font-weight:700}\r\n.bt-r12 .szl small{color:#6e5e55;font-size:12px;font-weight:500}\r\n.bt-r12 .sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}\r\n.bt-r12 .sizes.need{animation:bt12-shake .45s ease}\r\n.bt-r12 .sz{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px!important;margin:0!important;padding:6px 10px!important;white-space:nowrap;border:2px solid var(--brown)!important;border-radius:50px!important;background:#fff!important;box-shadow:0 3px 0 var(--brown)!important;color:var(--brown)!important;font-family:inherit!important;font-size:12.5px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .15s,background .2s}\r\n.bt-r12 .sz:hover{transform:translateY(-2px)}\r\n.bt-r12 .sz[aria-pressed=\"true\"]{background:var(--brown)!important;color:#fff!important}\r\n.bt-r12 .hint{min-height:20px;margin:10px 0 0;color:#6e5e55;font-size:12px;line-height:1.5}\r\n.bt-r12 .hint.err{color:#a1281c;font-weight:700}\r\n.bt-r12 .buy{display:flex;flex-direction:column;align-items:flex-start;gap:12px}\r\n.bt-r12 .pr{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;font-size:28px;font-weight:700;line-height:1.2}\r\n.bt-r12 .pr s{color:#6e5e55;font-size:15px;font-weight:500}\r\n.bt-r12 .pr .off{padding:1px 11px;border-radius:50px;background:var(--gold);color:#fff;font-size:12px;font-weight:700}\r\n.bt-r12 .acts{display:flex;flex-wrap:wrap;gap:12px}\r\n.bt-r12 .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin:0;padding:9px 10px 9px 20px;border:0;border-radius:50px;background:var(--brown);box-shadow:0 4px 0 var(--ink);color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:0;line-height:1.4;text-decoration:none;text-transform:none;cursor:pointer;transition:transform .15s,background .2s,opacity .2s}\r\n.bt-r12 button.btn{background:var(--brown)!important;color:#fff!important;border:0!important;border-radius:50px!important;box-shadow:0 4px 0 var(--ink)!important;text-transform:none!important}\r\n.bt-r12 .btn:hover{background:#542014;color:#fff;transform:translateY(-2px)}\r\n.bt-r12 button.btn:hover{background:#542014!important}\r\n.bt-r12 .btn.wa{background:#157347;box-shadow:0 4px 0 #0b3d25;color:#fff}\r\n.bt-r12 .btn.wa:hover{background:#0f5c38;color:#fff}\r\n.bt-r12 .btn[disabled]{opacity:.6;cursor:progress;transform:none}\r\n.bt-r12 .btn i{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--gold2);color:var(--brown);font-style:normal}\r\n.bt-r12 .btn.wa i{background:#fff;color:#157347}\r\n.bt-r12 .btn svg,.bt-r12 .free svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\r\n.bt-r12 .btn svg.wic{width:17px;height:17px;fill:currentColor;stroke:none}\r\n.bt-r12 .row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}\r\n.bt-r12 .more{color:var(--brown);font-size:12.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}\r\n.bt-r12 .more:hover{color:#7d6320}\r\n.bt-r12 .ask{color:#6e5e55;font-size:12px;text-decoration:underline;text-underline-offset:3px}\r\n.bt-r12 .ask:hover{color:#157347}\r\n.bt-r12 .free{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}\r\n.bt-r12 .free svg{width:20px;height:20px;stroke-width:2;flex-shrink:0}\r\n.bt-r12 .added{min-height:20px;margin:0;color:#157347;font-size:12.5px;font-weight:600}\r\n.bt-r12 .added a{color:var(--brown);text-decoration:underline}\r\n.bt-r12 .added.bad{color:#a1281c}\r\n.bt-r12 .btn.add{background:var(--gold2)!important;color:var(--brown)!important;box-shadow:0 4px 0 #6d561f!important}\r\n.bt-r12 .btn.add:hover{background:#e6cb85!important}\r\n.bt-r12 .btn.add i{background:var(--brown);color:#fff}\r\n\r\n\/* Arabic (RTL): follows the page language, so it works even before JavaScript runs *\/\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-r12,.bt-r12[dir=\"rtl\"]{direction:rtl;font-family:\"Cairo\",\"Tajawal\",\"Noto Sans Arabic\",system-ui,sans-serif;line-height:1.8}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-r12 .btn,.bt-r12[dir=\"rtl\"] .btn{padding:9px 20px 9px 10px}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-r12 .eyebrow,.bt-r12[dir=\"rtl\"] .eyebrow{letter-spacing:0;text-transform:none;font-size:13px}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-r12 .free svg,.bt-r12[dir=\"rtl\"] .free svg{transform:scaleX(-1)}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes bt12-wig{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}\r\n@keyframes bt12-tw{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}\r\n@keyframes bt12-hop{0%,60%,100%{translate:0 0}30%{translate:0 -7px}}\r\n@keyframes bt12-pop{0%{opacity:.2;transform:scale(.94)}100%{opacity:1;transform:scale(1)}}\r\n@keyframes bt12-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-4px)}}\r\n@keyframes bt12-fall{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--drift,0px),calc(var(--h) + 90px),0)}}\r\n@keyframes bt12-sway{from{transform:translateX(calc(var(--a) * -1))}to{transform:translateX(var(--a))}}\r\n@keyframes bt12-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(min-width:641px) and (max-width:900px){.bt-r12{padding:32px 22px 28px}.bt-r12 .cols{gap:0 22px}.bt-r12 .card+.card::before{display:none}.bt-r12 .name{font-size:14px}.bt-r12 .sw button{--z:32px}.bt-r12 .sw{gap:8px}}\r\n@media(max-width:640px){\r\n .bt-r12{padding:30px 18px 26px;border-radius:30px}\r\n .bt-r12 .cols{display:flex;gap:16px;padding:18px 4px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}\r\n .bt-r12 .card{display:block;flex:0 0 76%;scroll-snap-align:center}\r\n .bt-r12 .card+.card::before{display:none}\r\n .bt-r12 .sw button{--z:44px}\r\n .bt-r12 .bar{padding:18px}\r\n .bt-r12 .sizes{display:grid;grid-template-columns:1fr 1fr}\r\n .bt-r12 .sz{min-height:44px!important}\r\n .bt-r12 .buy{align-items:stretch;width:100%}\r\n .bt-r12 .acts{flex-direction:column}\r\n .bt-r12 .btn{width:100%}\r\n}\r\n@media(prefers-reduced-motion:reduce){.bt-r12 *{animation:none!important;transition:none!important}.bt-r12 .snow{display:none}}\r\n<\/style>\r\n\r\n<section class=\"bt-r12\" aria-labelledby=\"bt-r12-h\" data-bt-box-twelve>\r\n\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\">\r\n    <defs>\r\n      <symbol id=\"bt12-f1\" viewBox=\"-12 -12 24 24\">\r\n        <g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.15\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(60)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(120)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(180)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(240)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n          <path transform=\"rotate(300)\" d=\"M0 0V-11M0-4.2-3-7.2M0-4.2 3-7.2M0-7.4-2.2-9.6M0-7.4 2.2-9.6\"\/>\r\n        <\/g>\r\n      <\/symbol>\r\n      <symbol id=\"bt12-f2\" viewBox=\"-12 -12 24 24\">\r\n        <g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(60)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(120)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(180)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(240)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n          <path transform=\"rotate(300)\" d=\"M0 0V-11M0-3-2.6-5.6M0-3 2.6-5.6M0-6-3.4-9M0-6 3.4-9M0-9-1.6-10.6M0-9 1.6-10.6\"\/>\r\n        <\/g>\r\n      <\/symbol>\r\n      <symbol id=\"bt12-f3\" viewBox=\"-12 -12 24 24\">\r\n        <g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.05\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M0-3.2 2.8-1.6V1.6L0 3.2-2.8 1.6V-1.6z\"\/>\r\n          <path d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(60)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(120)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(180)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(240)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n          <path transform=\"rotate(300)\" d=\"M0-3.2V-10M0-6.2-2-8.2 0-10.4 2-8.2z\"\/>\r\n        <\/g>\r\n      <\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n\r\n  <div class=\"snow\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"snow front\" aria-hidden=\"true\"><\/div>\r\n\r\n  <svg class=\"sp a\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/><\/svg>\r\n  <svg class=\"sp b\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/><\/svg>\r\n  <svg class=\"sp c\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/><\/svg>\r\n\r\n  <header class=\"top\">\r\n    <span class=\"eyebrow\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5z\"\/><\/svg>\r\n      The 12-piece box\r\n    <\/span>\r\n    <h2 class=\"heading\" id=\"bt-r12-h\">BabyTut <em>Royal Box<\/em>: 12-Piece Winter Clothing Box for Baby Boys<\/h2>\r\n    <p class=\"lead\">12 thermal pieces in one ready-made box: 3 designs, each in 4 colors. Every color is included. The set is fixed, no swaps.<\/p>\r\n  <\/header>\r\n\r\n  <div class=\"cols\">\r\n\r\n    <article class=\"card\" data-design=\"romper\" data-label=\"Thermal Romper\">\r\n      <span class=\"num\" aria-hidden=\"true\">1<\/span>\r\n      <div class=\"frame\">\r\n        <img loading=\"lazy\" class=\"photo\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-navy-ribbed-bodysuit-4.webp\" width=\"800\" height=\"1000\" loading=\"lazy\" decoding=\"async\" alt=\"Baby boy taking his first steps in a navy ribbed thermal romper\">\r\n      <\/div>\r\n      <h3 class=\"name\">Baby Thermal Romper<\/h3>\r\n      <p class=\"sub\">4 sets \u00b7 4 colors<\/p>\r\n      <div class=\"sw\" role=\"group\" aria-label=\"Preview Thermal Romper colors\"><\/div>\r\n      <p class=\"cn\">Color: <b aria-live=\"polite\">Navy<\/b><\/p>\r\n      <span class=\"nml\"><span>Navy<\/span><span>Off White<\/span><span>Black<\/span><span>Gray<\/span><\/span>\r\n      <p class=\"stat\" role=\"status\"><\/p>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-design=\"basic\" data-label=\"Thermal Basic\">\r\n      <span class=\"num\" aria-hidden=\"true\">2<\/span>\r\n      <div class=\"frame\">\r\n        <img loading=\"lazy\" class=\"photo\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Standing-baby-in-black-thermal-set.webp\" width=\"800\" height=\"1000\" loading=\"lazy\" decoding=\"async\" alt=\"Standing baby boy wearing a black thermal T-shirt and pants\">\r\n      <\/div>\r\n      <h3 class=\"name\">Baby Thermal Basic (T-Shirt &amp; Pants)<\/h3>\r\n      <p class=\"sub\">4 sets \u00b7 4 colors<\/p>\r\n      <div class=\"sw\" role=\"group\" aria-label=\"Preview Thermal Basic colors\"><\/div>\r\n      <p class=\"cn\">Color: <b aria-live=\"polite\">Black<\/b><\/p>\r\n      <span class=\"nml\"><span>Black<\/span><span>Gray<\/span><span>Navy<\/span><span>Off White<\/span><\/span>\r\n      <p class=\"stat\" role=\"status\"><\/p>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-design=\"outerwear\" data-label=\"Outerwear\">\r\n      <span class=\"num\" aria-hidden=\"true\">3<\/span>\r\n      <div class=\"frame\">\r\n        <img loading=\"lazy\" class=\"photo\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Smiling-baby-in-blue-sweatsuit.webp\" width=\"800\" height=\"1000\" loading=\"lazy\" decoding=\"async\" alt=\"Smiling baby boy wearing a blue sweatshirt and pants\">\r\n      <\/div>\r\n      <h3 class=\"name\">Baby Outerwear (T-Shirt &amp; Pants)<\/h3>\r\n      <p class=\"sub\">4 sets \u00b7 4 colors<\/p>\r\n      <div class=\"sw\" role=\"group\" aria-label=\"Preview Outerwear colors\"><\/div>\r\n      <p class=\"cn\">Color: <b aria-live=\"polite\">Light Mauve<\/b><\/p>\r\n      <span class=\"nml\"><span>Light Mauve<\/span><span>Light Blue<\/span><span>Beige<\/span><span>Matcha Green<\/span><\/span>\r\n      <p class=\"stat\" role=\"status\"><\/p>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <p class=\"note\">Tap a color to preview it. Every color shown is included in the box, so there is nothing to choose.<\/p>\r\n\r\n  <div class=\"bar\">\r\n    <div class=\"left\">\r\n      <p class=\"eq\" aria-label=\"4 plus 4 plus 4 equals 12 pieces\">\r\n        <span aria-hidden=\"true\">4<\/span>+<span aria-hidden=\"true\">4<\/span>+<span aria-hidden=\"true\">4<\/span>=<b aria-hidden=\"true\">12<\/b>\r\n        <em>winter pieces, one fixed box<\/em>\r\n      <\/p>\r\n\r\n      <p class=\"szl\" id=\"bt-r12-szl\">Choose a size <small>(baby's age)<\/small><\/p>\r\n\r\n      <div class=\"sizes\" role=\"group\" aria-labelledby=\"bt-r12-szl\">\r\n        <button type=\"button\" class=\"sz\" data-i=\"0\" aria-pressed=\"false\">3\u20136 months<\/button>\r\n        <button type=\"button\" class=\"sz\" data-i=\"1\" aria-pressed=\"false\">6\u20139 months<\/button>\r\n        <button type=\"button\" class=\"sz\" data-i=\"2\" aria-pressed=\"false\">9\u201312 months<\/button>\r\n        <button type=\"button\" class=\"sz\" data-i=\"3\" aria-pressed=\"false\">12\u201318 months<\/button>\r\n        <button type=\"button\" class=\"sz\" data-i=\"4\" aria-pressed=\"false\">18\u201324 months<\/button>\r\n      <\/div>\r\n\r\n      <p class=\"hint\" role=\"status\" aria-live=\"polite\">Preview a size, then visit the product page to choose and order.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"buy\">\r\n      <p class=\"pr\">4,400 EGP <s>5,500 EGP<\/s> <span class=\"off\">-20%<\/span><\/p>\r\n\r\n      <div class=\"acts\">\r\n        <a class=\"btn add\" href=\"https:\/\/babytut.com\/product\/babytut-royal-box\/\">\r\n          View Product Details\r\n          <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zM3 6h18M16 10a4 4 0 0 1-8 0\"\/><\/svg><\/i>\r\n        <\/a>\r\n\r\n        <a class=\"btn wa\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n          Ask on WhatsApp\r\n          <i aria-hidden=\"true\"><svg class=\"wic\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <p class=\"added\" role=\"status\" aria-live=\"polite\"><\/p>\r\n\r\n      <div class=\"row\">\r\n        <a class=\"ask\" href=\"#\" target=\"_blank\" rel=\"noopener\">Not sure about the size? Ask us on WhatsApp<\/a>\r\n      <\/div>\r\n\r\n      <span class=\"free\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 18V5H2v13h3M9 18h6M14 9h5l3 5v4h-3\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"17\" cy=\"18\" r=\"2\"\/><\/svg>\r\n        Free delivery on every order\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var BASE = \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/\";\r\n\r\n  \/* Arabic \/ RTL detection: language attribute, direction, theme class or \/ar\/ in the URL *\/\r\n  var IS_AR = (function () {\r\n    var d = document.documentElement, b = document.body;\r\n    return String(d.lang || \"\").toLowerCase().indexOf(\"ar\") === 0 ||\r\n      d.dir === \"rtl\" || !!(b && b.classList.contains(\"rtl\")) ||\r\n      \/^\\\/ar(\\\/|$)\/.test(location.pathname);\r\n  })();\r\n  var LP = \/^\\\/ar(\\\/|$)\/.test(location.pathname) ? \"\/ar\" : \"\";\r\n\r\n  \/* ============ EDIT THIS BLOCK ============ *\/\r\n  var SHOP = {\r\n    productUrl: \"https:\/\/babytut.com\/product\/babytut-royal-box\/\",\r\n    cartUrl: \"https:\/\/babytut.com\" + LP + \"\/cart\/\",\r\n\r\n    \/* WhatsApp number: international format, digits only (Egypt: 20 + number without the leading 0) *\/\r\n    whatsapp: \"201550150615\",\r\n\r\n    price: \"4,400 EGP\",\r\n    priceAr: \"\u0664\u066c\u0664\u0660\u0660 \u062c.\u0645\",\r\n    nameEn: \"BabyTut Royal Box (12 pieces)\",\r\n    nameAr: \"\u0628\u0648\u0643\u0633 \u0628\u064a\u0628\u064a \u062a\u0648\u062a \u0627\u0644\u0645\u0644\u0643\u064a (\u0661\u0662 \u0642\u0637\u0639\u0629)\",\r\n\r\n    \/* The size buttons are a visual preview only on the homepage. *\/\r\n    sizes: [\r\n      { en: \"3\u20136 months\",   ar: \"\u0663\u2013\u0666 \u0634\u0647\u0648\u0631\" },\r\n      { en: \"6\u20139 months\",   ar: \"\u0666\u2013\u0669 \u0634\u0647\u0648\u0631\" },\r\n      { en: \"9\u201312 months\",  ar: \"\u0669\u2013\u0661\u0662 \u0634\u0647\u0631\" },\r\n      { en: \"12\u201318 months\", ar: \"\u0661\u0662\u2013\u0661\u0668 \u0634\u0647\u0631\" },\r\n      { en: \"18\u201324 months\", ar: \"\u0661\u0668\u2013\u0662\u0664 \u0634\u0647\u0631\" }\r\n    ]\r\n  };\r\n  \/* ======================================== *\/\r\n\r\n  \/* Texts written by JavaScript (TranslatePress does not see them), English + Arabic *\/\r\n  var TXT = {\r\n    en: {\r\n      need: \"Please choose a size first.\",\r\n      adding: \"Adding to cart\u2026\",\r\n      added: \"Added to cart.\",\r\n      view: \"View cart\",\r\n      stock: \"Sorry, this size is out of stock right now.\",\r\n      fail: \"We couldn't add it from here.\",\r\n      open: \"Open the product page\",\r\n      loading: \"Loading preview\u2026\",\r\n      imgfail: \"Image unavailable. Please try another color.\",\r\n      previewIn: function (d, c) { return \"Preview \" + d + \" in \" + c; },\r\n      order: function (name, size, price, url) {\r\n        return \"Hello BabyTut! I'd like to order:\\n\" + name + \"\\nSize: \" + size + \"\\nPrice: \" + price + \"\\n\" + url;\r\n      },\r\n      ask: function (name, url) { return \"Hello BabyTut! I need help choosing a size for the \" + name + \".\\n\" + url; }\r\n    },\r\n    ar: {\r\n      need: \"\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062e\u062a\u0627\u0631 \u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0623\u0648\u0644.\",\r\n      adding: \"\u0628\u0646\u0636\u064a\u0641\u0647 \u0644\u0644\u0633\u0644\u0629\u2026\",\r\n      added: \"\u0627\u062a\u0636\u0627\u0641 \u0644\u0644\u0633\u0644\u0629.\",\r\n      view: \"\u0634\u0648\u0641 \u0627\u0644\u0633\u0644\u0629\",\r\n      stock: \"\u0622\u0633\u0641\u064a\u0646\u060c \u0627\u0644\u0645\u0642\u0627\u0633 \u062f\u0647 \u0645\u0634 \u0645\u062a\u0627\u062d \u062d\u0627\u0644\u064a\u064b\u0627.\",\r\n      fail: \"\u0645\u0639\u0631\u0641\u0646\u0627\u0634 \u0646\u0636\u064a\u0641\u0647 \u0645\u0646 \u0647\u0646\u0627.\",\r\n      open: \"\u0627\u0641\u062a\u062d \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\",\r\n      loading: \"\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629\u2026\",\r\n      imgfail: \"\u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0634 \u0645\u062a\u0627\u062d\u0629. \u062c\u0631\u0651\u0628 \u0644\u0648\u0646 \u062a\u0627\u0646\u064a.\",\r\n      previewIn: function (d, c) { return \"\u0645\u0639\u0627\u064a\u0646\u0629 \" + d + \" \u0628\u0627\u0644\u0644\u0648\u0646 \" + c; },\r\n      alt: function (d, c) { return \"\u0637\u0641\u0644 \u0648\u0644\u062f \u0628\u064a\u0644\u0628\u0633 \" + d + \" \u0628\u0627\u0644\u0644\u0648\u0646 \" + c; },\r\n      order: function (name, size, price, url) {\r\n        return \"\u0623\u0647\u0644\u0627\u064b \u0628\u064a\u0628\u064a \u062a\u0648\u062a! \u0639\u0627\u064a\u0632 \u0623\u0637\u0644\u0628:\\n\" + name + \"\\n\u0627\u0644\u0645\u0642\u0627\u0633: \" + size + \"\\n\u0627\u0644\u0633\u0639\u0631: \" + price + \"\\n\" + url;\r\n      },\r\n      ask: function (name, url) { return \"\u0623\u0647\u0644\u0627\u064b \u0628\u064a\u0628\u064a \u062a\u0648\u062a! \u0645\u062d\u062a\u0627\u062c \u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0642\u0627\u0633 \u0644\u0640\" + name + \".\\n\" + url; }\r\n    }\r\n  };\r\n  var T = IS_AR ? TXT.ar : TXT.en;\r\n\r\n\r\n  \/* Set front to 0 to hide snowflakes in front of the photos *\/\r\n  var SNOW = { crystals: 14, dots: 30, front: 4 };\r\n\r\n  var designs = {\r\n    romper: [\r\n      { name: \"Navy\", color: \"#1f2742\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-navy-ribbed-bodysuit-4.webp\", alt: \"Baby boy taking his first steps in a navy ribbed thermal romper\" },\r\n      { name: \"Off White\", color: \"#e3e3e1\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-a-ribbed-white-bodysuit-2.webp\", alt: \"Baby boy taking his first steps in an off-white ribbed thermal romper\" },\r\n      { name: \"Black\", color: \"#000000\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-First-Steps-in-Ribbed-Bodysuit-1.webp\", alt: \"Baby boy taking his first steps in a black ribbed thermal romper\" },\r\n      { name: \"Gray\", color: \"#919191\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-First-Steps-in-Ribbed-Bodysuit-3.webp\", alt: \"Baby boy taking his first steps in a grey ribbed thermal romper\" }\r\n    ],\r\n    basic: [\r\n      { name: \"Black\", color: \"#000000\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Standing-baby-in-black-thermal-set.webp\", alt: \"Standing baby boy wearing a black thermal T-shirt and pants\" },\r\n      { name: \"Gray\", color: \"#919191\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-First-Steps-in-Grey-Thermals.webp\", alt: \"Baby boy taking his first steps in a grey thermal T-shirt and pants\" },\r\n      { name: \"Navy\", color: \"#1f2742\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-navy-thermals.webp\", alt: \"Baby boy taking his first steps in a navy thermal T-shirt and pants\" },\r\n      { name: \"Off White\", color: \"#e3e3e1\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Babys-first-steps-in-white-thermals.webp\", alt: \"Baby boy taking his first steps in an off-white thermal T-shirt and pants\" }\r\n    ],\r\n    outerwear: [\r\n      { name: \"Light Mauve\", color: \"#7391bd\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Smiling-baby-in-blue-sweatsuit.webp\", alt: \"Smiling baby boy wearing a blue sweatshirt and pants\" },\r\n      { name: \"Light Blue\", color: \"#c5d7e8\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Baby-standing-in-pale-blue-sweatsuit.webp\", alt: \"Standing baby boy wearing a pale blue sweatshirt and pants\" },\r\n      { name: \"Beige\", color: \"#c9ad9a\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Baby-Standing-in-Beige-Two-Piece-Outfit.webp\", alt: \"Standing baby boy wearing a beige two-piece outfit\" },\r\n      { name: \"Matcha Green\", color: \"#7a9366\", file: \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Standing-Baby-in-Olive-Green-Outfit.webp\", alt: \"Standing baby boy wearing an olive green sweatshirt and pants\" }\r\n    ]\r\n  };\r\n\r\n  function url(item) {\r\n    return \/^https?:\\\/\\\/\/.test(item.file) ? item.file : BASE + item.file;\r\n  }\r\n\r\n  function initCard(card) {\r\n    if (card.dataset.ready === \"true\") return;\r\n\r\n    var key = card.getAttribute(\"data-design\");\r\n    var list = designs[key];\r\n    if (!list) return;\r\n\r\n    card.dataset.ready = \"true\";\r\n\r\n    var nameEl = card.querySelector(\".name\");\r\n    var label = nameEl ? nameEl.textContent.trim() : (card.getAttribute(\"data-label\") || \"\");\r\n    var names = card.querySelectorAll(\".nml span\");\r\n\r\n    \/* color names come from the page text, so whatever you translate in TranslatePress is what shows *\/\r\n    function cl(i) {\r\n      var n = names[i];\r\n      return (n && n.textContent.trim()) || list[i].name;\r\n    }\r\n    var photo = card.querySelector(\".photo\");\r\n    var frame = card.querySelector(\".frame\");\r\n    var colorName = card.querySelector(\".cn b\");\r\n    var sw = card.querySelector(\".sw\");\r\n    var status = card.querySelector(\".stat\");\r\n    var current = 0;\r\n    var token = 0;\r\n\r\n    function renderSwatches() {\r\n      sw.innerHTML = \"\";\r\n\r\n      list.forEach(function (item, index) {\r\n        var b = document.createElement(\"button\");\r\n\r\n        b.type = \"button\";\r\n        b.style.setProperty(\"--c\", item.color);\r\n        b.title = cl(index);\r\n        b.setAttribute(\"aria-label\", T.previewIn(label, cl(index)));\r\n        b.setAttribute(\"aria-pressed\", index === current ? \"true\" : \"false\");\r\n\r\n        b.addEventListener(\"click\", function () { choose(index, b); });\r\n\r\n        sw.appendChild(b);\r\n      });\r\n    }\r\n\r\n    function paint(index, animate) {\r\n      current = index;\r\n\r\n      var item = list[index];\r\n\r\n      colorName.textContent = cl(index);\r\n      card.style.setProperty(\"--sel\", item.color);\r\n      renderSwatches();\r\n\r\n      if (animate) {\r\n        frame.classList.remove(\"pop\");\r\n        void frame.offsetWidth;\r\n        frame.classList.add(\"pop\");\r\n      }\r\n    }\r\n\r\n    function choose(index, sourceButton) {\r\n      if (index === current) return;\r\n\r\n      var item = list[index];\r\n      var request = ++token;\r\n      var preview = new Image();\r\n\r\n      status.textContent = T.loading;\r\n      photo.setAttribute(\"aria-busy\", \"true\");\r\n\r\n      preview.onload = function () {\r\n        if (request !== token) return;\r\n\r\n        var refocus = sourceButton && document.activeElement === sourceButton;\r\n\r\n        [\"srcset\", \"sizes\", \"data-src\", \"data-srcset\", \"data-lazy-src\", \"data-lazy-srcset\"].forEach(function (a) {\r\n          photo.removeAttribute(a);\r\n        });\r\n\r\n        photo.src = url(item);\r\n        photo.alt = IS_AR ? T.alt(label, cl(index)) : item.alt;\r\n\r\n        paint(index, true);\r\n\r\n        photo.removeAttribute(\"aria-busy\");\r\n        status.textContent = \"\";\r\n\r\n        if (refocus && sw.children[index]) sw.children[index].focus({ preventScroll: true });\r\n      };\r\n\r\n      preview.onerror = function () {\r\n        if (request !== token) return;\r\n\r\n        photo.removeAttribute(\"aria-busy\");\r\n        status.textContent = T.imgfail;\r\n        console.warn(\"BabyTut image could not load:\", url(item));\r\n      };\r\n\r\n      preview.src = url(item);\r\n    }\r\n\r\n    \/* The first color is already in the HTML (so TranslatePress can translate it): do not overwrite it in English *\/\r\n    current = 0;\r\n    card.style.setProperty(\"--sel\", list[0].color);\r\n    renderSwatches();\r\n    colorName.textContent = cl(0);\r\n  }\r\n\r\n  \/* HOMEPAGE PREVIEW ONLY: sizes are visual; checkout happens on the product page. *\/\r\n  function initShop(section) {\r\n    if (section.dataset.shop === \"true\") return;\r\n    var group = section.querySelector(\".sizes\");\r\n    if (!group) return;\r\n    section.dataset.shop = \"true\";\r\n\r\n    var buttons = group.querySelectorAll(\".sz\");\r\n    var hint = section.querySelector(\".hint\");\r\n    var wa = section.querySelector(\".wa\");\r\n    var ask = section.querySelector(\".ask\");\r\n    var chosen = -1;\r\n\r\n    function waLink(message) {\r\n      return \"https:\/\/wa.me\/\" + String(SHOP.whatsapp).replace(\/\\D\/g, \"\") + \"?text=\" + encodeURIComponent(message);\r\n    }\r\n\r\n    function refreshLinks() {\r\n      var name = IS_AR ? SHOP.nameAr : SHOP.nameEn;\r\n      var size = chosen >= 0 ? buttons[chosen].textContent.trim() : (IS_AR ? \"\u063a\u064a\u0631 \u0645\u062d\u062f\u062f\" : \"Not selected\");\r\n      var msg = IS_AR\r\n        ? \"\u0623\u0647\u0644\u0627\u064b \u0628\u064a\u0628\u064a \u062a\u0648\u062a! \u0639\u0646\u062f\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \" + name + \"\\n\u0627\u0644\u0645\u0642\u0627\u0633: \" + size + \"\\n\" + SHOP.productUrl\r\n        : \"Hello BabyTut! I have a question about \" + name + \"\\nSize: \" + size + \"\\n\" + SHOP.productUrl;\r\n\r\n      if (wa) wa.href = waLink(msg);\r\n      if (ask) ask.href = waLink(T.ask(name, SHOP.productUrl));\r\n    }\r\n\r\n    buttons.forEach(function (button, i) {\r\n      button.addEventListener(\"click\", function () {\r\n        chosen = i;\r\n        buttons.forEach(function (b, j) { b.setAttribute(\"aria-pressed\", i === j ? \"true\" : \"false\"); });\r\n        if (hint) hint.textContent = IS_AR\r\n          ? \"\u0627\u0644\u0645\u0642\u0627\u0633 \u0644\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0641\u0642\u0637. \u0627\u062e\u062a\u0627\u0631 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0637\u0644\u0628.\"\r\n          : \"Size preview only. Visit product details to complete your order.\";\r\n        refreshLinks();\r\n      });\r\n    });\r\n\r\n    refreshLinks();\r\n  }\r\n\r\n  \/* SNOW *\/\r\n  function rnd(a, b) { return a + Math.random() * (b - a); }\r\n\r\n  function initSnow(section) {\r\n    if (section.dataset.snow === \"true\") return;\r\n\r\n    var back = section.querySelector(\".snow:not(.front)\");\r\n    var front = section.querySelector(\".snow.front\");\r\n\r\n    if (!back) return;\r\n\r\n    if (window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\r\n\r\n    section.dataset.snow = \"true\";\r\n\r\n    var small = section.clientWidth < 640;\r\n    var nCrystals = small ? Math.round(SNOW.crystals * 0.55) : SNOW.crystals;\r\n    var nDots = small ? Math.round(SNOW.dots * 0.55) : SNOW.dots;\r\n    var nFront = small ? Math.min(SNOW.front, 2) : SNOW.front;\r\n\r\n    function setHeight() {\r\n      var h = section.clientHeight + \"px\";\r\n      back.style.setProperty(\"--h\", h);\r\n      if (front) front.style.setProperty(\"--h\", h);\r\n    }\r\n\r\n    setHeight();\r\n\r\n    if (window.ResizeObserver) {\r\n      new ResizeObserver(setHeight).observe(section);\r\n    } else {\r\n      window.addEventListener(\"resize\", setHeight);\r\n    }\r\n\r\n    function flake(layer, size, opacity, blurClass, kind) {\r\n      var f = document.createElement(\"span\");\r\n      var t = Math.max(7, Math.min(26, 27 - size * 0.55 + rnd(-2, 2)));\r\n\r\n      f.className = \"fl\" + (kind === \"dot\" ? \" dot\" : \"\") + (blurClass ? \" \" + blurClass : \"\");\r\n\r\n      f.style.setProperty(\"--x\", rnd(-2, 98).toFixed(1) + \"%\");\r\n      f.style.setProperty(\"--s\", size.toFixed(1) + \"px\");\r\n      f.style.setProperty(\"--o\", opacity.toFixed(2));\r\n      f.style.setProperty(\"--t\", t.toFixed(1) + \"s\");\r\n      f.style.setProperty(\"--d\", \"-\" + rnd(0, t).toFixed(1) + \"s\");\r\n      f.style.setProperty(\"--w\", rnd(2.4, 5.2).toFixed(1) + \"s\");\r\n      f.style.setProperty(\"--wd\", \"-\" + rnd(0, 4).toFixed(1) + \"s\");\r\n      f.style.setProperty(\"--a\", rnd(8, 30).toFixed(0) + \"px\");\r\n      f.style.setProperty(\"--drift\", rnd(-50, 50).toFixed(0) + \"px\");\r\n\r\n      if (kind === \"dot\") {\r\n        f.appendChild(document.createElement(\"i\"));\r\n      } else {\r\n        f.style.setProperty(\"--r\", rnd(10, 26).toFixed(0) + \"s\");\r\n        f.style.setProperty(\"--dir\", Math.random() < 0.5 ? \"normal\" : \"reverse\");\r\n\r\n        var i = document.createElement(\"i\");\r\n        var NS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n        var svg = document.createElementNS(NS, \"svg\");\r\n        var use = document.createElementNS(NS, \"use\");\r\n\r\n        svg.setAttribute(\"viewBox\", \"-12 -12 24 24\");\r\n        svg.setAttribute(\"aria-hidden\", \"true\");\r\n        use.setAttribute(\"href\", \"#bt12-f\" + (1 + Math.floor(Math.random() * 3)));\r\n        svg.appendChild(use);\r\n        i.appendChild(svg);\r\n        f.appendChild(i);\r\n      }\r\n\r\n      layer.appendChild(f);\r\n    }\r\n\r\n    var i;\r\n\r\n    for (i = 0; i < nCrystals; i++) {\r\n      var size = rnd(9, 24);\r\n      flake(back, size, rnd(0.5, 0.95), size > 18 ? \"soft\" : \"\", \"crystal\");\r\n    }\r\n\r\n    for (i = 0; i < nDots; i++) flake(back, rnd(2, 5.5), rnd(0.35, 0.85), \"\", \"dot\");\r\n\r\n    for (i = 0; i < nFront; i++) {\r\n      flake(front || back, rnd(24, 38), rnd(0.35, 0.55), \"deep\", \"crystal\");\r\n    }\r\n\r\n    if (window.IntersectionObserver) {\r\n      new IntersectionObserver(function (entries) {\r\n        section.classList.toggle(\"is-off\", !entries[0].isIntersecting);\r\n      }, { threshold: 0 }).observe(section);\r\n    }\r\n  }\r\n\r\n  function start() {\r\n    document.querySelectorAll(\"[data-bt-box-twelve]\").forEach(function (s) {\r\n      if (IS_AR) s.setAttribute(\"dir\", \"rtl\");\r\n      initSnow(s);\r\n      initShop(s);\r\n    });\r\n    document.querySelectorAll(\"[data-bt-box-twelve] .card\").forEach(initCard);\r\n  }\r\n\r\n  start();\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", start, { once: true });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-0a2d42e e-flex e-con-boxed e-con e-parent\" data-id=\"0a2d42e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a57189e elementor-widget elementor-widget-html\" data-id=\"a57189e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBabyTut \u2014 \"A Little Box. A Lot of Love.\" banner (English)\r\nElementor: add one \"HTML\" widget and paste this whole file into it.\r\nThe baby image URL and the \/shop\/ link are the same as in your original code.\r\nFor the pop-out effect the baby photo should be a PNG with a transparent background.\r\n-->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.bt-love,.bt-love *{box-sizing:border-box}\r\n.bt-love{--brown:#3A0F06;--gold:#A9873F;--cream:#F8F3EA;--sand:#EDE2D8;--sage:#9DB39A;--sky:#B9D3E6;--peach:#F2C9B1;--mut:#6E5E55;position:relative;display:grid;grid-template-columns:190px minmax(0,1fr) 300px;align-items:center;gap:30px;min-height:290px;margin:70px auto 45px;max-width:1140px;padding:34px 48px;border:2px solid rgba(169,135,63,.4);border-radius:36px;background:linear-gradient(135deg,var(--cream),var(--sand));color:var(--brown);font-family:'Poppins','Cairo',sans-serif;line-height:1.65;isolation:isolate}\r\n.bt-love a{text-decoration:none}\r\n.bt-love :focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:12px}\r\n\r\n\/* gift *\/\r\n.bt-love .gift{position:relative;z-index:1;width:100%;rotate:-6deg}\r\n.bt-love .gift svg{display:block;width:100%;height:auto;overflow:visible;animation:bob 3.4s ease-in-out infinite}\r\n\r\n\/* copy *\/\r\n.bt-love .copy{position:relative;z-index:3;min-width:0}\r\n.bt-love .label{display:block;margin-bottom:8px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.6;text-transform:uppercase}\r\n.bt-love .title{margin:0 0 12px;font-family:'Poppins','Cairo',sans-serif;font-size:clamp(28px,3.4vw,46px);font-weight:700;line-height:1.12;color:var(--brown)}\r\n.bt-love .title span{color:var(--gold);display:inline-block;animation:wig 3.2s ease-in-out infinite}\r\n.bt-love .title .hrt{display:inline-block;width:.6em;height:.6em;margin-inline-start:.2em;fill:#C0503D;stroke:var(--brown);stroke-width:2;stroke-linejoin:round;animation:beat 1.6s ease-in-out infinite;vertical-align:.05em}\r\n.bt-love .desc{max-width:360px;margin:0 0 22px;color:var(--mut);font-size:14.5px}\r\n.bt-love .btn{display:inline-flex;align-items:center;gap:14px;background:var(--brown);color:#fff!important;border-radius:50px;padding:10px 12px 10px 24px;font-size:14px;font-weight:700;box-shadow:0 5px 0 #1d0803;transition:transform .15s,box-shadow .15s}\r\n.bt-love .btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 0 #1d0803}\r\n.bt-love .btn:active{transform:translateY(3px) scale(.97);box-shadow:0 1px 0 #1d0803}\r\n.bt-love .btn i{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--brown);display:grid;place-items:center;font-style:normal}\r\n.bt-love .btn i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\r\n[dir=rtl] .bt-love .btn{padding:10px 24px 10px 12px}[dir=rtl] .bt-love .btn i svg{transform:scaleX(-1)}\r\n\r\n\/* baby *\/\r\n.bt-love .photo{position:absolute;z-index:2;top:-34px;bottom:0;inset-inline-end:36px;width:300px;overflow:hidden;border-end-end-radius:32px;border-end-start-radius:32px}\r\n.bt-love .photo img{display:block;width:100%;max-width:none;height:auto;margin:0;transform-origin:50% 100%;animation:breathe 4s ease-in-out infinite}\r\n\r\n\/* decorations *\/\r\n.bt-love .trail{position:absolute;z-index:1;inset-inline-end:250px;top:34px;width:220px;height:150px;opacity:.65;pointer-events:none;overflow:visible}\r\n.bt-love .trail .path{animation:march 1.4s linear infinite}\r\n.bt-love .trail .plane{animation:fly 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}\r\n[dir=rtl] .bt-love .trail{transform:scaleX(-1)}\r\n.bt-love .sp{position:absolute;z-index:3;width:22px;height:22px;fill:var(--gold);pointer-events:none;animation:tw 2.8s ease-in-out infinite}\r\n.bt-love .sp.a{top:22px;inset-inline-end:20px}.bt-love .sp.b{bottom:28px;inset-inline-end:330px;width:16px;height:16px;animation-delay:.9s}.bt-love .sp.c{top:26px;inset-inline-start:46%;width:14px;height:14px;animation-delay:1.7s}\r\n\r\n\/* gift animation *\/\r\n.bt-love .lid{transform-box:fill-box;transform-origin:center;animation:lid 6s ease-in-out infinite}\r\n.bt-love .bs{animation:rise 6s ease-in-out infinite}\r\n.bt-love .cf{transform-box:fill-box;transform-origin:center;animation:burst 6s ease-out infinite}\r\n\r\n\/* reveal *\/\r\n.js .rv{opacity:0;transform:translateY(30px) scale(.95);transition:opacity .6s,transform .8s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i,0)*.14s)}\r\n.js .rv.in{opacity:1;transform:none}\r\n.js .photo.rv{transform:translateY(60px)}.js .photo.rv.in{transform:none}\r\n\r\n@keyframes bob{50%{transform:translateY(-9px) rotate(1.5deg)}}\r\n@keyframes wig{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}\r\n@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.18)}}\r\n@keyframes breathe{50%{transform:scale(1.035)}}\r\n@keyframes tw{0%,100%{opacity:.35;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}\r\n@keyframes march{to{stroke-dashoffset:-20}}\r\n@keyframes fly{0%,100%{transform:translate(0,0) rotate(-5deg)}50%{transform:translate(12px,-10px) rotate(5deg)}}\r\n@keyframes lid{0%,50%{transform:translate(0,0) rotate(0)}58%{transform:translate(18px,-34px) rotate(10deg)}80%{transform:translate(58px,-24px) rotate(24deg)}90%,100%{transform:translate(0,0) rotate(0)}}\r\n@keyframes rise{0%,48%{transform:translateY(130px)}60%{transform:translateY(-66px)}68%{transform:translateY(-48px)}76%{transform:translateY(-58px)}84%{transform:translateY(-54px)}92%,100%{transform:translateY(130px)}}\r\n@keyframes burst{0%,55%{opacity:0;transform:translate(0,0) rotate(0) scale(.3)}60%{opacity:1}84%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}96%,100%{opacity:0;transform:translate(calc(var(--x)*1.1),calc(var(--y) + 50px)) rotate(var(--r)) scale(1)}}\r\n\r\n[dir=rtl] .bt-love{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-love .title{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-love .label{letter-spacing:0;text-transform:none;font-size:13px}\r\n\r\n@media(max-width:1024px){.bt-love{grid-template-columns:130px minmax(0,1fr) 230px;gap:20px;padding:32px 30px}.bt-love .photo{width:230px;inset-inline-end:20px;top:-18px}.bt-love .trail{inset-inline-end:170px;width:180px}.bt-love .sp.b{inset-inline-end:250px}}\r\n@media(max-width:767px){\r\n .bt-love{grid-template-columns:1fr;gap:18px;padding:30px 22px 0;margin:50px 14px 30px;border-radius:28px;text-align:center;justify-items:center}\r\n .bt-love .gift{width:120px}\r\n .bt-love .desc{margin-inline:auto}\r\n .bt-love .photo{position:relative;top:auto;bottom:auto;inset-inline-end:auto;width:min(270px,100%);height:290px;border-radius:0}\r\n .bt-love .trail{top:auto;bottom:100px;inset-inline-end:0;width:150px}\r\n .bt-love .sp.b{inset-inline-end:auto;inset-inline-start:20px;bottom:190px}\r\n}\r\n@media(prefers-reduced-motion:reduce){.bt-love *{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}.bt-love .bs{transform:translateY(-54px)}}\r\n<\/style>\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"><defs>\r\n<symbol id=\"bt-sp\" viewBox=\"0 0 24 24\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/><\/symbol>\r\n<\/defs><\/svg>\r\n\r\n<section class=\"bt-love\" id=\"bt-love\" lang=\"en\" aria-label=\"Discover BabyTut clothing boxes\">\r\n\r\n <!-- animated gift: lid pops, a little bodysuit rises, confetti bursts -->\r\n <div class=\"gift rv\" style=\"--i:0\" aria-hidden=\"true\">\r\n  <svg viewBox=\"0 0 200 200\"><g stroke=\"#3A0F06\" stroke-width=\"4\" stroke-linejoin=\"round\" stroke-linecap=\"round\">\r\n   <ellipse cx=\"100\" cy=\"192\" rx=\"62\" ry=\"7\" fill=\"rgba(58,15,6,.14)\" stroke=\"none\"\/>\r\n   <g transform=\"translate(66 52) scale(.5)\"><g class=\"bs\"><path d=\"M70 40q30 22 60 0l38 24-14 38-22-8v70q0 12-12 12H80q-12 0-12-12V94l-22 8-14-38z\" fill=\"#9DB39A\" stroke-width=\"7\"\/><circle cx=\"100\" cy=\"126\" r=\"6\" fill=\"#fff\" stroke-width=\"5\"\/><circle cx=\"100\" cy=\"146\" r=\"6\" fill=\"#fff\" stroke-width=\"5\"\/><\/g><\/g>\r\n   <rect x=\"40\" y=\"102\" width=\"120\" height=\"82\" rx=\"10\" fill=\"#F8F3EA\"\/><rect x=\"90\" y=\"102\" width=\"20\" height=\"82\" fill=\"#A9873F\"\/><path d=\"M50 122h30M120 122h30\" stroke=\"#EDE2D8\" stroke-width=\"5\" fill=\"none\"\/>\r\n   <g class=\"lid\"><rect x=\"30\" y=\"78\" width=\"140\" height=\"28\" rx=\"8\" fill=\"#A9873F\"\/><rect x=\"90\" y=\"78\" width=\"20\" height=\"28\" fill=\"#F8F3EA\"\/>\r\n    <path d=\"M100 78C84 50 58 56 66 72c4 8 22 6 34 6z\" fill=\"#F8F3EA\"\/><path d=\"M100 78c16-28 42-22 34-6-4 8-22 6-34 6z\" fill=\"#F8F3EA\"\/><circle cx=\"100\" cy=\"76\" r=\"6.5\" fill=\"#3A0F06\"\/><\/g>\r\n   <g stroke=\"none\">\r\n    <rect class=\"cf\" style=\"--x:-64px;--y:-70px;--r:200deg\" x=\"96\" y=\"88\" width=\"9\" height=\"9\" rx=\"2\" fill=\"#9DB39A\"\/><circle class=\"cf\" style=\"--x:64px;--y:-80px;--r:160deg\" cx=\"100\" cy=\"92\" r=\"5\" fill=\"#F2C9B1\"\/><rect class=\"cf\" style=\"--x:-30px;--y:-100px;--r:120deg\" x=\"96\" y=\"88\" width=\"8\" height=\"8\" fill=\"#B9D3E6\"\/><circle class=\"cf\" style=\"--x:36px;--y:-108px;--r:90deg\" cx=\"100\" cy=\"92\" r=\"4.5\" fill=\"#A9873F\"\/><path class=\"cf\" style=\"--x:0px;--y:-118px;--r:180deg\" d=\"M100 80l2.4 6.4 6.4 2.4-6.4 2.4-2.4 6.4-2.4-6.4-6.4-2.4 6.4-2.4z\" fill=\"#A9873F\"\/>\r\n   <\/g><\/g><\/svg>\r\n <\/div>\r\n\r\n <!-- content -->\r\n <div class=\"copy rv\" style=\"--i:1\">\r\n  <span class=\"label\">Made for your little boy<\/span>\r\n  <h2 class=\"title\">A Little Box.<br><span>A Lot of Love.<\/span><svg class=\"hrt\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z\"\/><\/svg><\/h2>\r\n  <p class=\"desc\">soft thermal cotton. Cozy moments.<br>Discover our 6- and 12-piece clothing boxes.<\/p>\r\n  <a href=\"\/shop\/\" class=\"btn\">Find His Box <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/i><\/a>\r\n <\/div>\r\n\r\n <!-- baby photo -->\r\n <div class=\"photo rv\" style=\"--i:2\">\r\n  <img src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Smiling-Baby-Boy-in-Beige-Outfit.webp\" alt=\"Smiling baby boy wearing a beige cotton outfit and holding a cream star cushion\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n\r\n <!-- paper plane + dashed flight path -->\r\n <svg class=\"trail\" viewBox=\"0 0 260 150\" fill=\"none\" aria-hidden=\"true\">\r\n  <path class=\"path\" d=\"M12 120C55 145 99 117 70 91C37 64 98 29 145 42S206 82 240 31\" stroke=\"#A9873F\" stroke-width=\"2.5\" stroke-dasharray=\"4 6\" stroke-linecap=\"round\"\/>\r\n  <g class=\"plane\"><path d=\"M104 65l36-17-10 37-9-14-17-6Z\" fill=\"#F8F3EA\" stroke=\"#3A0F06\" stroke-width=\"3\" stroke-linejoin=\"round\"\/><path d=\"M121 71l19-23\" stroke=\"#3A0F06\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/g>\r\n <\/svg>\r\n\r\n <svg class=\"sp a\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-sp\"\/><\/svg>\r\n <svg class=\"sp b\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-sp\"\/><\/svg>\r\n <svg class=\"sp c\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-sp\"\/><\/svg>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var s=document.getElementById('bt-love');if(!s)return;\r\n var els=s.querySelectorAll('.rv');\r\n if(!('IntersectionObserver' in window)){return}\r\n s.classList.add('js');\r\n var io=new IntersectionObserver(function(en){en.forEach(function(x){if(x.isIntersecting){x.target.classList.add('in');io.unobserve(x.target)}})},{threshold:.12});\r\n els.forEach(function(e){io.observe(e)});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-fb7e540 e-flex e-con-boxed e-con e-parent\" data-id=\"fb7e540\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e9470 elementor-widget elementor-widget-html\" data-id=\"48e9470\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBabyTut \u2014 6-piece box homepage preview (v4): name + subtitle + description, same on desktop and mobile\r\nElementor: one HTML widget, paste this whole file.\r\nWhatsApp number: SHOP.whatsapp in the script block at the bottom (already set).\r\nRTL: switches by itself on Arabic pages. All visible text is normal HTML, including the color names (translate it in TranslatePress).\r\nMobile also shows a small \"2+2+2=6\" line (delete the <p class=\"split-m\"> block to remove it). Arabic fallback is built in via data-ar.\r\n-->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.bt-sh,.bt-sh *{box-sizing:border-box}\r\n.bt-sh{--brown:#330c00;--gold:#a9873f;--gold2:#d9bc72;--cream:#f8f3ea;--sand:#ede2d8;--mut:#6e5e55;--sel:#2f3e5e;position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:24px;width:100%;max-width:1100px;margin:18px auto;padding:23px 30px;overflow:hidden;border:3px solid var(--brown);border-radius:42px;background:linear-gradient(135deg,var(--cream),var(--sand));box-shadow:0 8px 0 var(--brown);color:var(--brown);font-family:inherit;line-height:1.65}\r\n.bt-sh .bt-info,.bt-sh .bt-media{position:relative;z-index:1;min-width:0}\r\n.bt-sh .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}\r\n.bt-sh .eyebrow svg{width:19px;height:19px;fill:currentColor}\r\n.bt-sh .bt-heading{margin:8px 0 10px;color:var(--brown);font-family:inherit;font-size:clamp(26px,2.8vw,34px);font-weight:700;line-height:1.16}\r\n.bt-sh .bt-heading em{display:inline-block;color:var(--gold);font-style:normal;animation:bt6-wig 3.2s ease-in-out infinite}\r\n.bt-sh .bt-name{display:block}\r\n.bt-sh .bt-sub{display:block;margin-top:7px;color:var(--brown);font-size:clamp(14px,1.3vw,16.5px);font-weight:600;line-height:1.45}\r\n.bt-sh .lead{max-width:520px;margin:0 0 12px;color:var(--mut);font-size:13px;line-height:1.6}\r\n.bt-sh .meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 9px;padding:3px 13px;border-radius:50px;background:var(--brown);color:var(--cream);font-size:12px;font-weight:600}\r\n.bt-sh .meta b{color:var(--gold2)}\r\n.bt-sh .tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}\r\n.bt-sh .tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;margin:0;padding:5px 12px 5px 6px;border:2px solid var(--brown);border-radius:50px;background:#fff;box-shadow:0 3px 0 var(--brown);color:var(--brown);font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer;appearance:none;transition:transform .15s,background .2s}\r\n.bt-sh .tab span{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--sand);font-size:12px;font-weight:700}\r\n.bt-sh .tab em{font-style:normal}\r\n.bt-sh .tab:hover{transform:translateY(-2px)}\r\n.bt-sh .tab[aria-pressed=\"true\"]{background:var(--brown);color:#fff}\r\n.bt-sh .tab[aria-pressed=\"true\"] span{background:var(--gold2);color:var(--brown)}\r\n.bt-sh .swl{margin:0 0 10px;color:var(--brown);font-size:13px;font-weight:700}\r\n.bt-sh .color-name{color:#7d6320}\r\n.bt-sh .sw{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px}\r\n\/* Round color buttons: forced to exact circles so the site theme cannot stretch them *\/\r\n.bt-sh .sw button{--z:40px;display:block!important;box-sizing:border-box!important;flex:0 0 var(--z)!important;width:var(--z)!important;height:var(--z)!important;min-width:var(--z)!important;min-height:var(--z)!important;max-width:var(--z)!important;max-height:var(--z)!important;aspect-ratio:1\/1!important;margin:0!important;padding:0!important;border:3px solid var(--brown)!important;border-radius:50%!important;background-color:var(--c)!important;background-image:none!important;box-shadow:none!important;font-size:0!important;line-height:0!important;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .2s ease}\r\n.bt-sh .sw button:hover{transform:translateY(-3px)}\r\n.bt-sh .sw button[aria-pressed=\"true\"]{outline:2px solid var(--gold);outline-offset:3px;transform:translateY(-3px) scale(1.08)}\r\n.bt-sh .nml{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\r\n.bt-sh .hint{margin:0 0 9px;color:var(--mut);font-size:12px;line-height:1.5}\r\n.bt-sh .row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}\r\n.bt-sh .bt{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 10px 9px 18px;border-radius:50px;background:var(--brown);box-shadow:0 4px 0 #1d0803;color:#fff;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .15s,background .2s}\r\n.bt-sh .bt:hover{background:#542014;color:#fff;transform:translateY(-2px)}\r\n.bt-sh .bt i{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--brown);font-style:normal}\r\n.bt-sh .bt svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\r\n.bt-sh .free{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}\r\n.bt-sh .free svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.bt-sh .stage{position:relative;width:100%;max-width:315px;aspect-ratio:1;margin:auto}\r\n.bt-sh .ring{position:absolute;inset:0;border:3px dashed var(--gold);border-radius:44px;transform:rotate(-3deg);pointer-events:none}\r\n.bt-sh .circle{position:absolute;inset:4%;overflow:hidden;border:3px solid var(--brown);border-radius:34px;background:var(--sand);box-shadow:0 7px 0 var(--brown)}\r\n.bt-sh .circle::before{content:\"\";position:absolute;inset:0;background:var(--sel);opacity:.13;transition:background .25s}\r\n.bt-sh .baby-photo{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;margin:0;padding:9px 12px 0;object-fit:contain;object-position:center bottom}\r\n.bt-sh .stk{position:absolute;z-index:3;top:0;inset-inline-end:0;width:25%;transform:rotate(8deg);filter:drop-shadow(0 6px 0 rgba(51,12,0,.25))}\r\n.bt-sh .stk svg{display:block;width:100%;height:auto;fill:var(--sel);stroke:var(--brown);stroke-width:5;stroke-linejoin:round;transition:fill .25s}\r\n.bt-sh .six{position:absolute;z-index:3;bottom:2%;inset-inline-start:0;display:grid;place-items:center;width:60px;height:60px;border:3px solid var(--brown);border-radius:17px;background:var(--gold2);box-shadow:4px 5px 0 var(--brown);color:var(--brown);font-size:30px;font-weight:700;transform:rotate(-8deg)}\r\n.bt-sh .dot{position:absolute;border-radius:50%;opacity:.55;pointer-events:none;animation:bt6-dot 4s ease-in-out infinite}\r\n.bt-sh .dot-one{top:8%;inset-inline-start:46%;width:16px;height:16px;background:#9db39a}\r\n.bt-sh .dot-two{bottom:10%;inset-inline-start:42%;width:12px;height:12px;background:#f2c9b1;animation-delay:1s}\r\n.bt-sh .dot-three{top:12%;inset-inline-end:6%;width:20px;height:20px;background:#b9d3e6;animation-delay:2s}\r\n.bt-sh .preview-status{min-height:17px;margin:10px 0 0;color:var(--mut);font-size:12px;text-align:center}\r\n.bt-sh :focus-visible{outline:3px solid var(--gold2);outline-offset:4px}\r\n\/* sizes: 5 buttons, 3 in the first row and 2 under them *\/\r\n.bt-sh .szl{margin:0 0 8px;color:var(--brown);font-size:13px;font-weight:700}\r\n.bt-sh .szl small{color:var(--mut);font-size:12px;font-weight:500}\r\n.bt-sh .sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}\r\n.bt-sh .sz{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px!important;margin:0!important;padding:5px 10px!important;border:2px solid var(--brown)!important;border-radius:50px!important;background:#fff!important;box-shadow:0 3px 0 var(--brown)!important;color:var(--brown)!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .15s,background .2s}\r\n.bt-sh .sz:hover{transform:translateY(-2px)}\r\n.bt-sh .sz[aria-pressed=\"true\"]{background:var(--brown)!important;color:#fff!important}\r\n.bt-sh .acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}\r\n.bt-sh .bt.add{background:var(--gold2);box-shadow:0 4px 0 #6d561f;color:var(--brown)}\r\n.bt-sh .bt.add:hover{background:#e6cb85;color:var(--brown)}\r\n.bt-sh .bt.add i{background:var(--brown);color:#fff}\r\n.bt-sh .bt.wa{background:#157347;box-shadow:0 4px 0 #0b3d25;color:#fff}\r\n.bt-sh .bt.wa:hover{background:#0f5c38;color:#fff}\r\n.bt-sh .bt.wa i{color:#157347}\r\n.bt-sh .bt svg.wic{width:17px;height:17px;fill:currentColor;stroke:none}\r\n.bt-sh .ask{color:var(--mut);font-size:12px;text-decoration:underline;text-underline-offset:3px}\r\n.bt-sh .ask:hover{color:#157347}\r\n\r\n\/* Mobile-only pieces: hidden by default (desktop never sees them) *\/\r\n.bt-sh .lead-m,.bt-sh .split-m{display:none}\r\n\r\n\/* Arabic (RTL): follows the page language, so it works even before JavaScript runs *\/\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh,.bt-sh[dir=\"rtl\"]{direction:rtl;font-family:\"Cairo\",\"Tajawal\",\"Noto Sans Arabic\",system-ui,sans-serif;line-height:1.8}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh .eyebrow,.bt-sh[dir=\"rtl\"] .eyebrow{letter-spacing:0;text-transform:none;font-size:13px}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh .bt,.bt-sh[dir=\"rtl\"] .bt{padding:9px 18px 9px 10px}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh .tab,.bt-sh[dir=\"rtl\"] .tab{padding:5px 6px 5px 12px}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh .stk,.bt-sh[dir=\"rtl\"] .stk{transform:rotate(-8deg)}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh .six,.bt-sh[dir=\"rtl\"] .six{transform:rotate(8deg)}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh .ring,.bt-sh[dir=\"rtl\"] .ring{transform:rotate(3deg)}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh .free svg,.bt-sh[dir=\"rtl\"] .free svg{transform:scaleX(-1)}\r\n:is([dir=\"rtl\"],html[lang^=\"ar\"]) .bt-sh .bt svg:not(.wic),.bt-sh[dir=\"rtl\"] .bt svg:not(.wic){transform:scaleX(-1)}\r\n\r\n@keyframes bt6-wig{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}\r\n@keyframes bt6-dot{0%,100%{transform:scale(.8)}50%{transform:scale(1.2)}}\r\n@media(min-width:701px) and (max-width:900px){.bt-sh{grid-template-columns:1.1fr .9fr;padding:25px;gap:22px}.bt-sh .bt-heading{font-size:27px}.bt-sh .stage{max-width:290px}}\r\n@media(max-width:700px){\r\n .bt-sh{grid-template-columns:1fr;gap:20px;margin:22px auto;padding:24px 20px;border-radius:30px}\r\n .bt-sh .bt-media{order:-1}\r\n .bt-sh .stage{width:230px;max-width:100%}\r\n .bt-sh .bt-heading{font-size:26px;line-height:1.18}\r\n .bt-sh .lead{font-size:13.5px}\r\n .bt-sh .meta{font-size:12px}\r\n .bt-sh .hint,.bt-sh .free{font-size:12.5px}\r\n .bt-sh .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}\r\n .bt-sh .tab{min-height:44px;padding:6px 5px;gap:5px;font-size:11px;white-space:normal}\r\n .bt-sh .tab span{width:19px;height:19px;font-size:11px}\r\n .bt-sh .sw button{--z:44px}\r\n .bt-sh .six{width:46px;height:46px;border-radius:13px;font-size:25px}\r\n .bt-sh .preview-status:empty{display:none}\r\n .bt-sh .sizes{grid-template-columns:1fr 1fr}\r\n .bt-sh .sz{min-height:44px!important}\r\n .bt-sh .acts{flex-direction:column;align-items:stretch}\r\n .bt-sh .acts .bt{width:100%}\r\n}\r\n@media(max-width:360px){.bt-sh{padding:22px 15px}.bt-sh .stage{width:210px}.bt-sh .tab{flex-direction:column;gap:4px}}\r\n@media(prefers-reduced-motion:reduce){.bt-sh *{animation:none!important;transition:none!important}}\r\n\r\n\/* ===== MOBILE ONLY (max 700px): calmer, less crowded. Desktop is not affected. ===== *\/\r\n@media(max-width:700px){\r\n .bt-sh{padding:22px 16px;gap:16px}\r\n\r\n \/* name, subtitle and description stay visible on mobile; only the black pill is hidden *\/\r\n .bt-sh .meta{display:none}\r\n .bt-sh .bt-heading{font-size:25px;line-height:1.2;margin:6px 0 8px}\r\n .bt-sh .bt-sub{margin-top:5px;font-size:13.5px}\r\n .bt-sh .lead{display:inline;margin:0;font-size:13px}\r\n .bt-sh .lead-m{display:inline;color:var(--brown);font-size:13px;font-weight:600;line-height:1.6}\r\n\r\n \/* how the box splits: 2 + 2 + 2 = 6 *\/\r\n .bt-sh .split-m{display:block;margin:12px 0 14px}\r\n .bt-sh .sp-eq{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700}\r\n .bt-sh .sp-eq b{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--brown);border-radius:8px;background:var(--sand);font-size:12px}\r\n .bt-sh .sp-eq b.t{background:var(--gold2)}\r\n\r\n \/* tabs, sizes and colors: smaller and tidier *\/\r\n .bt-sh .tab{min-height:42px;font-size:10.5px}\r\n .bt-sh .szl,.bt-sh .swl{margin-bottom:7px;font-size:12.5px}\r\n .bt-sh .szl small{font-size:11.5px}\r\n .bt-sh .sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}\r\n .bt-sh .sz{min-height:38px!important;padding:4px 4px!important;font-size:11px!important;line-height:1.25!important;white-space:normal!important;text-align:center;box-shadow:0 2px 0 var(--brown)!important}\r\n .bt-sh .sw{gap:10px;margin-bottom:12px}\r\n .bt-sh .sw button{--z:40px}\r\n .bt-sh .hint{font-size:11.5px;margin-bottom:12px}\r\n .bt-sh .acts{gap:8px}\r\n .bt-sh .free{font-size:12px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"bt-sh\" aria-label=\"BabyTut 6-Piece Box\" data-bt-box-six>\r\n  <span class=\"dot dot-one\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"dot dot-two\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"dot dot-three\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"bt-info\">\r\n    <span class=\"eyebrow\">\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5z\"\/><\/svg>\r\n      The 6-piece box\r\n    <\/span>\r\n\r\n    <h2 class=\"bt-heading\">\r\n      <span class=\"bt-name\" data-ar=\"\u0628\u064a\u0628\u064a \u062a\u0648\u062a <em>\u0628\u0648\u0643\u0633 6 \u0642\u0637\u0639<\/em>\">BabyTut <em>6-Piece Box<\/em><\/span>\r\n      <span class=\"bt-sub\" data-ar=\"\u0645\u0644\u0627\u0628\u0633 \u0642\u0637\u0646\u064a\u0629 \u0646\u0627\u0639\u0645\u0629 \u0648\u062f\u0627\u0641\u0626\u0629\u060c \u0628\u062b\u0644\u0627\u062b\u0629 \u062a\u0635\u0627\u0645\u064a\u0645 \u0648\u0623\u0631\u0628\u0639\u0629 \u0623\u0644\u0648\u0627\u0646\">Soft Thermal Cotton Baby Boy Clothes in 3 Designs and 4 Colors<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"lead\">6 soft thermal cotton pieces: pick from 3 designs, each in 4 colors. A lighter box for everyday comfort, in the shades you love.<\/p>\r\n\r\n    <!-- Mobile only: this sentence continues the description above; the 2+2+2=6 row sits under it -->\r\n    <span class=\"lead-m\" data-ar=\"\u0642\u0637\u0639\u062a\u0627\u0646 \u0645\u0646 \u0643\u0644 \u062a\u0635\u0645\u064a\u0645\u060c \u0628\u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0644\u064a \u062a\u062e\u062a\u0627\u0631\u0647\u0627.\">2 pieces from each design, in the colors you pick.<\/span>\r\n    <p class=\"split-m\" aria-hidden=\"true\"><span class=\"sp-eq\"><b>2<\/b>+<b>2<\/b>+<b>2<\/b>=<b class=\"t\">6<\/b><\/span><\/p>\r\n\r\n    <p class=\"meta\"><b>3 designs<\/b> \u00b7 <b>4 colors<\/b> in each design<\/p>\r\n\r\n    <div class=\"tabs\" role=\"group\" aria-label=\"Choose a design\">\r\n      <button type=\"button\" class=\"tab\" data-design=\"romper\" aria-pressed=\"true\"><span>1<\/span> <em class=\"tn\">Thermal Romper<\/em><\/button>\r\n      <button type=\"button\" class=\"tab\" data-design=\"basic\" aria-pressed=\"false\"><span>2<\/span> <em class=\"tn\">Thermal Basic<\/em><\/button>\r\n      <button type=\"button\" class=\"tab\" data-design=\"outerwear\" aria-pressed=\"false\"><span>3<\/span> <em class=\"tn\">Outerwear<\/em><\/button>\r\n    <\/div>\r\n\r\n    <p class=\"szl\" id=\"bt6-preview-size-label\">Preview a size <small>(baby\u2019s age)<\/small><\/p>\r\n    <div class=\"sizes\" role=\"group\" aria-labelledby=\"bt6-preview-size-label\">\r\n      <button type=\"button\" class=\"sz\" data-i=\"0\" aria-pressed=\"false\">3\u20136 months<\/button>\r\n      <button type=\"button\" class=\"sz\" data-i=\"1\" aria-pressed=\"false\">6\u20139 months<\/button>\r\n      <button type=\"button\" class=\"sz\" data-i=\"2\" aria-pressed=\"false\">9\u201312 months<\/button>\r\n      <button type=\"button\" class=\"sz\" data-i=\"3\" aria-pressed=\"false\">12\u201318 months<\/button>\r\n      <button type=\"button\" class=\"sz\" data-i=\"4\" aria-pressed=\"false\">18\u201324 months<\/button>\r\n    <\/div>\r\n\r\n    <p class=\"swl\">Pick a color: <b class=\"color-name\" aria-live=\"polite\">Navy<\/b><\/p>\r\n\r\n    <div class=\"sw\" role=\"group\" aria-label=\"Choose a color\"><\/div>\r\n\r\n    <!-- color names as real page text, so TranslatePress can translate them -->\r\n    <span class=\"nml\" data-for=\"romper\"><span>Navy<\/span><span>Off White<\/span><span>Black<\/span><span>Gray<\/span><\/span>\r\n    <span class=\"nml\" data-for=\"basic\"><span>Black<\/span><span>Gray<\/span><span>Navy<\/span><span>Off White<\/span><\/span>\r\n    <span class=\"nml\" data-for=\"outerwear\"><span>Light Mauve<\/span><span>Light Blue<\/span><span>Beige<\/span><span>Matcha Green<\/span><\/span>\r\n\r\n    <p class=\"hint\" role=\"status\" aria-live=\"polite\">Preview the designs, sizes and colors. Choose all 6 pieces on the product page.<\/p>\r\n\r\n    <div class=\"acts\">\r\n      <a class=\"bt add\" href=\"https:\/\/babytut.com\/product\/babytut-royal-box-6\/\">\r\n        View Product Details\r\n        <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/i>\r\n      <\/a>\r\n\r\n      <a class=\"bt wa\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n        Ask on WhatsApp\r\n        <i aria-hidden=\"true\"><svg class=\"wic\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg><\/i>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"row\">\r\n      <a class=\"ask\" href=\"#\" target=\"_blank\" rel=\"noopener\">Not sure about the size? Ask us on WhatsApp<\/a>\r\n      <span class=\"free\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 18V5H2v13h3M9 18h6M14 9h5l3 5v4h-3\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"17\" cy=\"18\" r=\"2\"\/><\/svg>\r\n        Free delivery on every order\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bt-media\">\r\n    <div class=\"stage\">\r\n      <div class=\"ring\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"circle\">\r\n        <img fetchpriority=\"high\" width=\"800\" height=\"800\" class=\"baby-photo\" src=\"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/Seated-baby-in-navy-thermal-romper-1.webp\" alt=\"Smiling baby boy wearing a navy thermal romper\" loading=\"eager\" decoding=\"async\">\r\n      <\/div>\r\n      <div class=\"stk\" aria-hidden=\"true\">\r\n        <svg viewBox=\"28 36 144 144\"><path d=\"M70 40q30 22 60 0l38 24-14 38-22-8v70q0 12-12 12H80q-12 0-12-12V94l-22 8-14-38z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"six\" aria-hidden=\"true\">6<\/div>\r\n    <\/div>\r\n    <p class=\"preview-status\" role=\"status\"><\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var BASE = \"https:\/\/babytut.com\/wp-content\/uploads\/2026\/10\/\";\r\n\r\n  \/* Arabic \/ RTL detection: language attribute, direction, theme class or \/ar\/ in the URL *\/\r\n  var IS_AR = (function () {\r\n    var d = document.documentElement, b = document.body;\r\n    return String(d.lang || \"\").toLowerCase().indexOf(\"ar\") === 0 ||\r\n      d.dir === \"rtl\" || !!(b && b.classList.contains(\"rtl\")) ||\r\n      \/^\\\/ar(\\\/|$)\/.test(location.pathname);\r\n  })();\r\n\r\n  \/* Color names and hex values follow the product's Color attribute (Beige, Black, Blue, Gray, Navy, Light Blue, Light Mauve, Matcha Green, Off White) *\/\r\n  var designs = {\r\n    romper: [\r\n      { name: \"Navy\", color: \"#1f2742\", file: \"Seated-baby-in-navy-thermal-romper-1.webp\", alt: \"Smiling baby boy wearing a navy thermal romper\" },\r\n      { name: \"Off White\", color: \"#e3e3e1\", file: \"Smiling-Baby-in-Thermal-Off-White-Romper-2.webp\", alt: \"Smiling baby boy wearing an off white thermal romper\" },\r\n      { name: \"Black\", color: \"#000000\", file: \"Smiling-Baby-in-Black-Thermal-Romper-11.webp\", alt: \"Smiling baby boy wearing a black thermal romper\" },\r\n      { name: \"Gray\", color: \"#919191\", file: \"Smiling-baby-in-grey-thermal-romper-12.webp\", alt: \"Smiling baby boy wearing a gray thermal romper\" }\r\n    ],\r\n    basic: [\r\n      { name: \"Black\", color: \"#000000\", file: \"Smiling-Baby-in-Black-Thermal-Outfit-7.webp\", alt: \"Smiling baby boy wearing a black thermal outfit\" },\r\n      { name: \"Gray\", color: \"#919191\", file: \"Smiling-Baby-in-Mid-Grey-Thermal-Set-9.webp\", alt: \"Smiling baby boy wearing a gray thermal outfit\" },\r\n      { name: \"Navy\", color: \"#1f2742\", file: \"Smiling-Baby-in-Navy-Thermalwear-8.webp\", alt: \"Smiling baby boy wearing a navy thermal outfit\" },\r\n      { name: \"Off White\", color: \"#e3e3e1\", file: \"Baby-Boy-in-Off-White-Thermal-Outfit-10.webp\", alt: \"Smiling baby boy wearing an off white thermal outfit\" }\r\n    ],\r\n    outerwear: [\r\n      { name: \"Light Mauve\", color: \"#7391bd\", file: \"Smiling-Baby-Boy-in-Blue-Outerwear-4.webp\", alt: \"Smiling baby boy wearing a light mauve sweatshirt and pants\" },\r\n      { name: \"Light Blue\", color: \"#c5d7e8\", file: \"Smiling-baby-boy-in-light-blue-outfit-3.webp\", alt: \"Smiling baby boy wearing a light blue sweatshirt and pants\" },\r\n      \/* Temporary beige image: replace with your new filename *\/\r\n      { name: \"Beige\", color: \"#c9ad9a\", file: \"Beige-tracksuit-baby-with-star-cushion.png\", alt: \"Baby boy wearing a beige outfit and holding a star cushion\" },\r\n      { name: \"Matcha Green\", color: \"#7a9366\", file: \"Smiling-Baby-in-Olive-Green-Outfit-6.webp\", alt: \"Smiling baby boy wearing a matcha green sweatshirt and pants\" }\r\n    ]\r\n  };\r\n\r\n  \/* ============ EDIT THIS BLOCK ============ *\/\r\n  var SHOP = {\r\n    productUrl: \"https:\/\/babytut.com\/product\/babytut-royal-box-6\/\",\r\n\r\n    \/* WhatsApp number: international format, digits only *\/\r\n    whatsapp: \"201550150615\",\r\n\r\n    nameEn: \"BabyTut 6-Piece Box\",\r\n    nameAr: \"\u0628\u0648\u0643\u0633 \u0628\u064a\u0628\u064a \u062a\u0648\u062a \u0666 \u0642\u0637\u0639\"\r\n  };\r\n  \/* ======================================== *\/\r\n\r\n  \/* Texts written by JavaScript (TranslatePress does not see them), English + Arabic *\/\r\n  var TXT = {\r\n    en: {\r\n      loading: \"Loading preview\u2026\",\r\n      imgfail: \"Image unavailable. Please try another color.\",\r\n      previewIn: function (d, c) { return \"Preview \" + d + \" in \" + c; },\r\n      alt: function (d, c) { return \"Baby boy wearing \" + d + \" in \" + c; },\r\n      ask: function (name, url) { return \"Hello BabyTut! I have a question about the \" + name + \".\\n\" + url; },\r\n      pick: function (d, c, s) { return \"I'm looking at: \" + d + \", \" + c + (s ? \", size \" + s : \"\"); }\r\n    },\r\n    ar: {\r\n      loading: \"\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629\u2026\",\r\n      imgfail: \"\u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0634 \u0645\u062a\u0627\u062d\u0629. \u062c\u0631\u0651\u0628 \u0644\u0648\u0646 \u062a\u0627\u0646\u064a.\",\r\n      previewIn: function (d, c) { return \"\u0645\u0639\u0627\u064a\u0646\u0629 \" + d + \" \u0628\u0627\u0644\u0644\u0648\u0646 \" + c; },\r\n      alt: function (d, c) { return \"\u0637\u0641\u0644 \u0648\u0644\u062f \u0628\u064a\u0644\u0628\u0633 \" + d + \" \u0628\u0627\u0644\u0644\u0648\u0646 \" + c; },\r\n      ask: function (name, url) { return \"\u0623\u0647\u0644\u0627\u064b \u0628\u064a\u0628\u064a \u062a\u0648\u062a! \u0639\u0646\u062f\u064a \u0633\u0624\u0627\u0644 \u0639\u0646 \" + name + \".\\n\" + url; },\r\n      pick: function (d, c, s) { return \"\u0623\u0646\u0627 \u0628\u0634\u0648\u0641: \" + d + \"\u060c \" + c + (s ? \"\u060c \u0645\u0642\u0627\u0633 \" + s : \"\"); }\r\n    }\r\n  };\r\n  var T = IS_AR ? TXT.ar : TXT.en;\r\n\r\n  function waLink(text) {\r\n    return \"https:\/\/wa.me\/\" + String(SHOP.whatsapp).replace(\/\\D\/g, \"\") + \"?text=\" + encodeURIComponent(text);\r\n  }\r\n\r\n  function init(box) {\r\n    if (box.dataset.ready === \"true\") return;\r\n    box.dataset.ready = \"true\";\r\n\r\n    var photo = box.querySelector(\".baby-photo\");\r\n    var colorName = box.querySelector(\".color-name\");\r\n    var colors = box.querySelector(\".sw\");\r\n    var tabs = box.querySelectorAll(\".tab\");\r\n    var status = box.querySelector(\".preview-status\");\r\n    var sizeButtons = box.querySelectorAll(\".sizes .sz\");\r\n    var wa = box.querySelector(\".wa\");\r\n    var ask = box.querySelector(\".ask\");\r\n    var selectedSize = -1;\r\n\r\n    \/* color names come from the page text, so whatever you translate in TranslatePress is what shows *\/\r\n    var names = {};\r\n    [].forEach.call(box.querySelectorAll(\".nml[data-for]\"), function (el) {\r\n      names[el.getAttribute(\"data-for\")] = [].map.call(el.children, function (c) { return c.textContent.trim(); });\r\n    });\r\n\r\n    function cl(d, i) { return (names[d] && names[d][i]) || designs[d][i].name; }\r\n    function dName(d) {\r\n      var t = box.querySelector('.tab[data-design=\"' + d + '\"] .tn');\r\n      return t ? t.textContent.trim() : d;\r\n    }\r\n\r\n    var currentDesign = \"romper\";\r\n    var saved = { romper: 0, basic: 0, outerwear: 0 };\r\n    var token = 0;\r\n\r\n    function url(item) {\r\n      return \/^https?:\\\/\\\/\/.test(item.file) ? item.file : BASE + item.file;\r\n    }\r\n\r\n    function links() {\r\n      var name = IS_AR ? SHOP.nameAr : SHOP.nameEn;\r\n      var base = T.ask(name, SHOP.productUrl);\r\n      var size = selectedSize > -1 ? sizeButtons[selectedSize].textContent.trim() : \"\";\r\n      var text = base + \"\\n\" + T.pick(dName(currentDesign), cl(currentDesign, saved[currentDesign]), size);\r\n\r\n      if (wa) wa.href = waLink(text);\r\n      if (ask) ask.href = waLink(text);\r\n    }\r\n\r\n    sizeButtons.forEach(function (btn, i) {\r\n      btn.addEventListener(\"click\", function () {\r\n        selectedSize = i;\r\n        sizeButtons.forEach(function (b, j) { b.setAttribute(\"aria-pressed\", i === j ? \"true\" : \"false\"); });\r\n        links();\r\n      });\r\n    });\r\n\r\n    function renderColors() {\r\n      colors.innerHTML = \"\";\r\n\r\n      designs[currentDesign].forEach(function (item, index) {\r\n        var button = document.createElement(\"button\");\r\n\r\n        button.type = \"button\";\r\n        button.style.setProperty(\"--c\", item.color);\r\n        button.setAttribute(\"aria-label\", T.previewIn(dName(currentDesign), cl(currentDesign, index)));\r\n        button.setAttribute(\"title\", cl(currentDesign, index));\r\n        button.setAttribute(\"aria-pressed\", index === saved[currentDesign] ? \"true\" : \"false\");\r\n\r\n        button.addEventListener(\"click\", function () { select(currentDesign, index, button); });\r\n\r\n        colors.appendChild(button);\r\n      });\r\n    }\r\n\r\n    function apply(design, index) {\r\n      currentDesign = design;\r\n      saved[design] = index;\r\n\r\n      var item = designs[design][index];\r\n\r\n      colorName.textContent = cl(design, index);\r\n      box.style.setProperty(\"--sel\", item.color);\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.setAttribute(\"aria-pressed\", tab.dataset.design === design ? \"true\" : \"false\");\r\n      });\r\n\r\n      renderColors();\r\n      links();\r\n    }\r\n\r\n    function select(design, index, sourceButton) {\r\n      var item = designs[design][index];\r\n      var request = ++token;\r\n      var preview = new Image();\r\n\r\n      status.textContent = T.loading;\r\n      photo.setAttribute(\"aria-busy\", \"true\");\r\n\r\n      preview.onload = function () {\r\n        if (request !== token) return;\r\n\r\n        var shouldFocus = sourceButton && document.activeElement === sourceButton;\r\n\r\n        [\"srcset\", \"sizes\", \"data-src\", \"data-srcset\", \"data-lazy-src\", \"data-lazy-srcset\"].forEach(function (attribute) {\r\n          photo.removeAttribute(attribute);\r\n        });\r\n\r\n        photo.src = url(item);\r\n        photo.alt = IS_AR ? T.alt(dName(design), cl(design, index)) : item.alt;\r\n\r\n        apply(design, index);\r\n\r\n        photo.removeAttribute(\"aria-busy\");\r\n        status.textContent = \"\";\r\n\r\n        if (shouldFocus && colors.children[index]) {\r\n          colors.children[index].focus({ preventScroll: true });\r\n        }\r\n      };\r\n\r\n      preview.onerror = function () {\r\n        if (request !== token) return;\r\n\r\n        photo.removeAttribute(\"aria-busy\");\r\n        status.textContent = T.imgfail;\r\n        console.warn(\"BabyTut image could not load:\", url(item));\r\n      };\r\n\r\n      preview.src = url(item);\r\n    }\r\n\r\n    tabs.forEach(function (tab) {\r\n      tab.addEventListener(\"click\", function () {\r\n        var design = tab.dataset.design;\r\n        select(design, saved[design], null);\r\n      });\r\n    });\r\n\r\n    apply(\"romper\", 0);\r\n  }\r\n\r\n  \/* Arabic fallback for the new mobile-only texts: used only while TranslatePress has not translated them yet *\/\r\n  function arFallback(box) {\r\n    if (!IS_AR) return;\r\n    [].forEach.call(box.querySelectorAll(\"[data-ar]\"), function (el) {\r\n      if (\/[A-Za-z]\/.test(el.textContent)) el.innerHTML = el.getAttribute(\"data-ar\");\r\n    });\r\n  }\r\n\r\n  function start() {\r\n    document.querySelectorAll(\"[data-bt-box-six]\").forEach(function (b) {\r\n      if (IS_AR) b.setAttribute(\"dir\", \"rtl\");\r\n      arFallback(b);\r\n      init(b);\r\n    });\r\n  }\r\n\r\n  start();\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", start, { once: true });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-650e391 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"650e391\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[babytut_real_box_6]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-f8acd9e e-flex e-con-boxed e-con e-parent\" data-id=\"f8acd9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c682601 elementor-widget elementor-widget-html\" data-id=\"c682601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBabyTut \u2014 animated \"gift\" section, toy-style (English)\r\nElementor: add one \"HTML\" widget and paste this whole file into it.\r\nProduct buttons link directly to their respective BabyTut product pages.\r\n-->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.bt-sec{--brown:#3A0F06;--gold:#A9873F;--cream:#F8F3EA;--sand:#EDE2D8;--sage:#9DB39A;--sky:#B9D3E6;--peach:#F2C9B1;--ink:#2A1A14;--mut:#6E5E55;max-width:1140px;margin:70px auto;padding:0 20px;font-family:'Poppins','Cairo',sans-serif;color:var(--ink);line-height:1.65;box-sizing:border-box}\r\n.bt-sec *{box-sizing:border-box}\r\n.bt-sec a{text-decoration:none;color:inherit}\r\n.bt-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold)}\r\n.bt-h{font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.12;color:var(--brown);margin:8px 0 12px}\r\n.bt-h em{font-style:normal;color:var(--gold);display:inline-block;animation:wig 3s ease-in-out infinite}\r\n.bt-p{color:var(--mut);font-size:16px;max-width:480px}\r\n.bt-btn{display:inline-flex;gap:10px;align-items:center;background:var(--brown);color:#fff!important;border-radius:50px;padding:10px 12px 10px 22px;font-weight:600;font-size:14px;box-shadow:0 5px 0 #1d0803;transition:transform .15s,box-shadow .15s}\r\n.bt-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 0 #1d0803}\r\n.bt-btn:active{transform:translateY(3px) scale(.97);box-shadow:0 1px 0 #1d0803}\r\n.bt-btn i{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--brown);display:grid;place-items:center}\r\n[dir=rtl] .bt-btn{padding:10px 22px 10px 12px}[dir=rtl] .bt-btn i svg{transform:scaleX(-1)}\r\n.bt-sec svg.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.bt-sec :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:10px}\r\n\r\n\/* hero card *\/\r\n.bt-gift{background:linear-gradient(135deg,var(--cream),var(--sand));border:2px solid rgba(169,135,63,.35);border-radius:38px;padding:48px 44px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}\r\n.bt-dots{position:absolute;inset:0;pointer-events:none}\r\n.bt-dots span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--c);opacity:.7;animation:tw 3s ease-in-out infinite;animation-delay:var(--d)}\r\n.bt-dots span:nth-child(3n){border-radius:3px;transform:rotate(30deg)}\r\n.bt-occ{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px;padding:0;list-style:none}\r\n.bt-occ li{background:#fff;border:2px solid var(--brown);border-radius:50px;padding:5px 16px;font-size:13.5px;font-weight:600;color:var(--brown);rotate:var(--t);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s;box-shadow:0 3px 0 var(--brown)}\r\n.bt-occ li:hover{transform:translateY(-5px) scale(1.08);background:var(--gold);color:#fff}\r\n.bt-art{position:relative;aspect-ratio:1;max-width:380px;margin:auto;width:100%}\r\n.bt-art:before{content:\"\";position:absolute;inset:6%;border-radius:50%;background:rgba(169,135,63,.17)}\r\n.bt-art svg.g{position:relative;width:100%;animation:bob 3s ease-in-out infinite}\r\n.bt-sticker{position:absolute;top:-2%;inset-inline-end:-2%;width:112px;height:112px;display:grid;place-items:center;text-align:center;font-weight:700;font-size:13px;line-height:1.15;color:var(--brown);z-index:2}\r\n.bt-sticker svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 14s linear infinite}\r\n.bt-sticker span{position:relative;rotate:-10deg}\r\n.bt-blocks{position:absolute;bottom:2%;inset-inline:0;display:flex;justify-content:center;gap:8px}\r\n.bt-blk{width:46px;height:46px;border-radius:10px;background:var(--c);border:3px solid var(--brown);box-shadow:3px 4px 0 var(--brown);display:grid;place-items:center;font:700 22px 'Poppins';color:var(--brown);animation:hop 2.4s ease-in-out infinite;animation-delay:var(--d);transition:transform .2s}\r\n.bt-blk:hover{animation-play-state:paused;transform:rotate(-12deg) scale(1.12)}\r\n.bt-bal{position:absolute;width:46px;animation:flt 5s ease-in-out infinite;animation-delay:var(--d)}\r\n\r\n\/* options *\/\r\n.bt-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:60px}\r\n.bt-opt{position:relative;border-radius:32px;padding:34px 30px 30px;border:3px solid var(--brown);display:flex;flex-direction:column;box-shadow:0 9px 0 var(--brown);rotate:var(--tilt);transition:transform .3s cubic-bezier(.34,1.56,.64,1),rotate .3s,box-shadow .3s}\r\n.bt-opt:hover{rotate:0deg;transform:translateY(-8px);box-shadow:0 17px 0 var(--brown)}\r\n.bt-opt.a{background:var(--cream)}.bt-opt.b{background:var(--brown);color:#fff;border-color:#1d0803;box-shadow:0 9px 0 #1d0803}.bt-opt.b:hover{box-shadow:0 17px 0 #1d0803}\r\n.bt-tag{align-self:flex-start;border-radius:50px;padding:3px 14px;font-size:12px;font-weight:600;background:var(--brown);color:#fff}.bt-opt.b .bt-tag{background:var(--gold)}\r\n.bt-opt h3{font-size:26px;font-weight:700;margin:10px 0 2px;color:var(--brown)}.bt-opt.b h3{color:#fff}\r\n.bt-opt .sub{font-size:14px;color:var(--mut)}.bt-opt.b .sub{color:rgba(255,255,255,.75)}\r\n.bt-opt ul{list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:10px;flex:1}\r\n.bt-opt li{display:flex;gap:10px;font-size:14.5px;align-items:flex-start}.bt-opt li svg{color:var(--gold);width:18px;height:18px;flex:none;margin-top:3px}\r\n.bt-opt .bt-btn{align-self:flex-start}.bt-opt.b .bt-btn{background:var(--gold);box-shadow:0 5px 0 #6d561f}.bt-opt.b .bt-btn:hover{box-shadow:0 8px 0 #6d561f}.bt-opt.b .bt-btn i{background:var(--brown)}\r\n.bt-pic{position:absolute;bottom:18px;inset-inline-end:20px;width:84px;opacity:.95;animation:wig 4s ease-in-out infinite}\r\n\r\n\/* steps + toy truck *\/\r\n.bt-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}\r\n.bt-hw{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid rgba(169,135,63,.4);border-radius:24px;padding:18px 20px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}\r\n.bt-hw:hover{transform:translateY(-5px) rotate(-1deg)}\r\n.bt-hw b.n{width:40px;height:40px;border-radius:50%;background:var(--c);border:3px solid var(--brown);color:var(--brown);display:grid;place-items:center;font-size:16px;flex:none}\r\n.bt-hw strong{display:block;color:var(--brown);font-size:15px;line-height:1.3}.bt-hw small{color:var(--mut);font-size:13.5px;line-height:1.45;display:block;margin-top:2px}\r\n.bt-road{position:relative;height:56px;margin-top:6px}\r\n.bt-road:after{content:\"\";position:absolute;inset-inline:0;bottom:6px;border-top:4px dashed var(--gold)}\r\n.bt-truck{position:absolute;bottom:8px;inset-inline-start:0;width:64px;animation:drive 7s ease-in-out infinite}\r\n[dir=rtl] .bt-truck svg{transform:scaleX(-1)}\r\n.bt-wh{transform-box:fill-box;transform-origin:center;animation:spin .8s linear infinite}\r\n.bt-tip{text-align:center;margin-top:14px;color:var(--mut);font-size:14px}.bt-tip b{color:var(--brown)}\r\n\r\n\/* reveal *\/\r\n.js .rv{opacity:0;transform:translateY(34px) scale(.92);transition:opacity .6s,transform .8s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i,0)*.14s)}\r\n.js .rv.in{opacity:1;transform:none}\r\n.js .bt-opt.rv.in{transition-delay:0s}\r\n\r\n\/* keyframes *\/\r\n@keyframes bob{50%{transform:translateY(-10px) rotate(1.5deg)}}\r\n@keyframes wig{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}\r\n@keyframes hop{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-12px) rotate(-5deg)}}\r\n@keyframes tw{0%,100%{opacity:.2;scale:.6}50%{opacity:.9;scale:1.2}}\r\n@keyframes flt{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(4deg)}}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n@keyframes drive{0%,8%{inset-inline-start:0}50%,58%{inset-inline-start:calc(100% - 64px)}100%{inset-inline-start:0}}\r\n@keyframes lid{0%,50%{transform:translate(0,0) rotate(0)}58%{transform:translate(26px,-50px) rotate(12deg)}80%{transform:translate(80px,-36px) rotate(28deg)}90%,100%{transform:translate(0,0) rotate(0)}}\r\n@keyframes ted{0%,48%{transform:translateY(74px)}60%{transform:translateY(-40px)}66%{transform:translateY(-26px)}74%{transform:translateY(-34px)}84%{transform:translateY(-30px)}92%,100%{transform:translateY(74px)}}\r\n@keyframes burst{0%,55%{opacity:0;transform:translate(0,0) rotate(0) scale(.3)}60%{opacity:1}84%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}96%,100%{opacity:0;transform:translate(calc(var(--x)*1.1),calc(var(--y) + 70px)) rotate(var(--r)) scale(1)}}\r\n.lid{transform-box:fill-box;transform-origin:center;animation:lid 6s ease-in-out infinite}\r\n.ted{animation:ted 6s ease-in-out infinite}\r\n.cf{transform-box:fill-box;transform-origin:center;animation:burst 6s ease-out infinite}\r\n\r\n[dir=rtl] .bt-sec{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-eyebrow{letter-spacing:0;text-transform:none;font-size:13px}\r\n@media(max-width:960px){.bt-gift{grid-template-columns:1fr;padding:36px 24px}.bt-art{max-width:300px;order:-1}.bt-pair,.bt-how{grid-template-columns:1fr}.bt-opt{rotate:0deg}.bt-sticker{width:92px;height:92px;font-size:11px}}\r\n@media(prefers-reduced-motion:reduce){.bt-sec *{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}.ted{transform:translateY(-30px)}}\r\n\/* Ensure arrows remain visible on both light and dark buttons (WoodMart-safe) *\/\r\n.bt-sec .bt-btn i{flex:0 0 30px;min-width:30px;min-height:30px;line-height:1;}\r\n.bt-sec .bt-btn i .bt-arrow-icon{display:block!important;width:16px!important;height:16px!important;max-width:none!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;opacity:1!important;visibility:visible!important;}\r\n.bt-sec .bt-btn i .bt-arrow-icon path{display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2.5!important;opacity:1!important;}\r\n.bt-sec .bt-opt.b .bt-btn i{color:#fff!important;}\r\n.bt-sec .bt-opt.a .bt-btn i{color:var(--brown)!important;}\r\n\r\n\/* Mobile only: occasion pills side by side, smaller *\/\r\n@media(max-width:767px){\r\n  .bt-sec .bt-gift{padding:32px 16px}\r\n  .bt-sec .bt-occ{gap:6px;justify-content:center;margin:16px 0 22px}\r\n  .bt-sec .bt-occ li{\r\n    padding:4px 10px;\r\n    font-size:11.5px;\r\n    line-height:1.4;\r\n    white-space:nowrap;\r\n    rotate:0deg;\r\n    border-width:2px;\r\n    box-shadow:0 2px 0 var(--brown);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"><defs>\r\n<symbol id=\"bt-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/symbol>\r\n<symbol id=\"bt-check\" viewBox=\"0 0 24 24\"><path d=\"m5 12 5 5 9-10\"\/><\/symbol>\r\n<symbol id=\"bt-balloon\" viewBox=\"0 0 40 80\"><ellipse cx=\"20\" cy=\"22\" rx=\"16\" ry=\"20\" fill=\"currentColor\" stroke=\"#3A0F06\" stroke-width=\"3\"\/><path d=\"M17 42h6l-3 5z\" fill=\"#3A0F06\"\/><path d=\"M20 47c-6 8 6 14 0 24\" fill=\"none\" stroke=\"#3A0F06\" stroke-width=\"2\"\/><path d=\"M12 14q2-6 8-6\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" opacity=\".7\"\/><\/symbol>\r\n<\/defs><\/svg>\r\n\r\n<section class=\"bt-sec\" id=\"bt-gift\" aria-labelledby=\"bt-gift-h\">\r\n <div class=\"bt-gift\">\r\n  <div class=\"bt-dots\" aria-hidden=\"true\">\r\n   <span style=\"--c:#A9873F;--d:0s;top:12%;inset-inline-start:46%\"><\/span><span style=\"--c:#9DB39A;--d:.6s;top:30%;inset-inline-start:4%\"><\/span><span style=\"--c:#F2C9B1;--d:1.1s;top:78%;inset-inline-start:40%\"><\/span><span style=\"--c:#B9D3E6;--d:1.7s;top:8%;inset-inline-start:28%\"><\/span><span style=\"--c:#A9873F;--d:2.1s;top:88%;inset-inline-start:8%\"><\/span><span style=\"--c:#9DB39A;--d:.3s;top:60%;inset-inline-start:52%\"><\/span><span style=\"--c:#F2C9B1;--d:1.4s;top:20%;inset-inline-end:6%\"><\/span><span style=\"--c:#B9D3E6;--d:.9s;top:92%;inset-inline-end:10%\"><\/span>\r\n  <\/div>\r\n  <div class=\"rv\" style=\"--i:0\">\r\n   <span class=\"bt-eyebrow\">Gifting made easy<\/span>\r\n   <h2 class=\"bt-h\" id=\"bt-gift-h\">The Gift a New Mom Will <em>Remember<\/em><\/h2>\r\n   <p class=\"bt-p\">Skip the guesswork. Give soft thermal cotton clothing for a baby boy in a ready-made box, in the size that fits his age.<\/p>\r\n   <ul class=\"bt-occ\">\r\n    <li style=\"--t:-2deg\">Welcoming a newborn<\/li><li style=\"--t:2deg\">Baby shower<\/li><li style=\"--t:-1deg\">First visit to the new parents<\/li><li style=\"--t:2.5deg\">First birthday<\/li>\r\n   <\/ul>\r\n   <a class=\"bt-btn\" href=\"#bt-gift-boxes\">Choose a gift box <i><svg class=\"ic bt-arrow-icon\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i><\/a>\r\n  <\/div>\r\n\r\n  <div class=\"bt-art rv\" style=\"--i:1\" aria-hidden=\"true\">\r\n   <div class=\"bt-sticker\"><svg viewBox=\"0 0 100 100\"><path fill=\"#A9873F\" stroke=\"#3A0F06\" stroke-width=\"3\" stroke-linejoin=\"round\" d=\"M50 3l8 12 14-5 3 15 15 3-5 14 12 8-12 8 5 14-15 3-3 15-14-5-8 12-8-12-14 5-3-15-15-3 5-14-12-8 12-8-5-14 15-3 3-15 14 5z\"\/><\/svg><span>Free<br>delivery<\/span><\/div>\r\n   <svg class=\"bt-bal\" style=\"top:8%;inset-inline-start:-4%;color:#9DB39A;--d:0s\" viewBox=\"0 0 40 80\"><use href=\"#bt-balloon\"\/><\/svg>\r\n   <svg class=\"bt-bal\" style=\"top:26%;inset-inline-start:-12%;width:36px;color:#F2C9B1;--d:1.2s\" viewBox=\"0 0 40 80\"><use href=\"#bt-balloon\"\/><\/svg>\r\n   <svg class=\"bt-bal\" style=\"top:2%;inset-inline-end:22%;width:38px;color:#B9D3E6;--d:2.2s\" viewBox=\"0 0 40 80\"><use href=\"#bt-balloon\"\/><\/svg>\r\n   <svg class=\"g\" viewBox=\"0 0 300 290\"><g stroke=\"#3A0F06\" stroke-width=\"4\" stroke-linejoin=\"round\" stroke-linecap=\"round\">\r\n    <ellipse cx=\"150\" cy=\"270\" rx=\"96\" ry=\"9\" fill=\"rgba(58,15,6,.14)\" stroke=\"none\"\/>\r\n    <g class=\"ted\">\r\n     <circle cx=\"110\" cy=\"112\" r=\"16\" fill=\"#C99B6D\"\/><circle cx=\"190\" cy=\"112\" r=\"16\" fill=\"#C99B6D\"\/><circle cx=\"110\" cy=\"112\" r=\"7\" fill=\"#F2DDBF\" stroke=\"none\"\/><circle cx=\"190\" cy=\"112\" r=\"7\" fill=\"#F2DDBF\" stroke=\"none\"\/>\r\n     <circle cx=\"150\" cy=\"140\" r=\"44\" fill=\"#D9AE7C\"\/><ellipse cx=\"150\" cy=\"156\" rx=\"18\" ry=\"13\" fill=\"#F2DDBF\"\/>\r\n     <circle cx=\"134\" cy=\"130\" r=\"4.5\" fill=\"#3A0F06\" stroke=\"none\"\/><circle cx=\"166\" cy=\"130\" r=\"4.5\" fill=\"#3A0F06\" stroke=\"none\"\/><ellipse cx=\"150\" cy=\"150\" rx=\"6\" ry=\"4.5\" fill=\"#3A0F06\"\/><path d=\"M142 161q8 7 16 0\" fill=\"none\"\/>\r\n    <\/g>\r\n    <rect x=\"70\" y=\"152\" width=\"160\" height=\"112\" rx=\"12\" fill=\"#F8F3EA\"\/><rect x=\"136\" y=\"152\" width=\"28\" height=\"112\" fill=\"#A9873F\"\/><path d=\"M82 176h40M178 176h40\" stroke=\"#EDE2D8\" stroke-width=\"6\" fill=\"none\"\/>\r\n    <g class=\"lid\"><rect x=\"56\" y=\"122\" width=\"188\" height=\"42\" rx=\"10\" fill=\"#A9873F\"\/><rect x=\"136\" y=\"122\" width=\"28\" height=\"42\" fill=\"#F8F3EA\"\/>\r\n     <path d=\"M150 122C128 84 92 92 104 114c6 10 30 8 46 8z\" fill=\"#F8F3EA\"\/><path d=\"M150 122c22-38 58-30 46-8-6 10-30 8-46 8z\" fill=\"#F8F3EA\"\/><circle cx=\"150\" cy=\"120\" r=\"9\" fill=\"#3A0F06\"\/><\/g>\r\n    <g stroke=\"none\"><rect class=\"cf\" style=\"--x:-96px;--y:-120px;--r:220deg\" x=\"146\" y=\"128\" width=\"12\" height=\"12\" rx=\"3\" fill=\"#9DB39A\"\/><circle class=\"cf\" style=\"--x:96px;--y:-130px;--r:180deg\" cx=\"150\" cy=\"134\" r=\"7\" fill=\"#F2C9B1\"\/><rect class=\"cf\" style=\"--x:-50px;--y:-160px;--r:140deg\" x=\"146\" y=\"128\" width=\"10\" height=\"10\" fill=\"#B9D3E6\"\/><circle class=\"cf\" style=\"--x:56px;--y:-170px;--r:90deg\" cx=\"150\" cy=\"134\" r=\"6\" fill=\"#A9873F\"\/><rect class=\"cf\" style=\"--x:-130px;--y:-60px;--r:300deg\" x=\"146\" y=\"128\" width=\"11\" height=\"11\" rx=\"3\" fill=\"#A9873F\"\/><circle class=\"cf\" style=\"--x:130px;--y:-70px;--r:60deg\" cx=\"150\" cy=\"134\" r=\"6\" fill=\"#9DB39A\"\/><path class=\"cf\" style=\"--x:0px;--y:-190px;--r:200deg\" d=\"M150 118l3 8 8 3-8 3-3 8-3-8-8-3 8-3z\" fill=\"#A9873F\"\/><\/g>\r\n   <\/g><\/svg>\r\n   <div class=\"bt-blocks\"><span class=\"bt-blk\" style=\"--c:#9DB39A;--d:0s\">T<\/span><span class=\"bt-blk\" style=\"--c:#F2C9B1;--d:.25s\">U<\/span><span class=\"bt-blk\" style=\"--c:#B9D3E6;--d:.5s\">T<\/span><\/div>\r\n  <\/div>\r\n <\/div>\r\n\r\n <div class=\"bt-pair\" id=\"bt-gift-boxes\">\r\n  <article class=\"bt-opt a rv\" style=\"--tilt:-1.5deg;--i:0\">\r\n   <span class=\"bt-tag\">The 6-Piece Box<\/span>\r\n   <h3>The Thoughtful Gift<\/h3><div class=\"sub\">Customize all 6 pieces your way<\/div>\r\n   <ul>\r\n    <li><svg class=\"ic\" viewBox=\"0 0 24 24\"><use href=\"#bt-check\"\/><\/svg>6 pieces: 2 from each of the 3 designs<\/li>\r\n    <li><svg class=\"ic\" viewBox=\"0 0 24 24\"><use href=\"#bt-check\"\/><\/svg>Choose 2 different colors for each design<\/li>\r\n    <li><svg class=\"ic\" viewBox=\"0 0 24 24\"><use href=\"#bt-check\"\/><\/svg>Choose any available size for each piece<\/li>\r\n   <\/ul>\r\n   <a class=\"bt-btn\" href=\"https:\/\/babytut.com\/product\/babytut-royal-box-6\/\">Gift the 6-Piece Box <i><svg class=\"ic bt-arrow-icon\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i><\/a>\r\n  <\/article>\r\n  <article class=\"bt-opt b rv\" style=\"--tilt:1.5deg;--i:1\">\r\n   <span class=\"bt-tag\">The 12-Piece Box<\/span>\r\n   <h3>The Royal Gift<\/h3><div class=\"sub\">A complete ready-made box<\/div>\r\n   <ul>\r\n    <li><svg class=\"ic\" viewBox=\"0 0 24 24\"><use href=\"#bt-check\"\/><\/svg>12 soft thermal cotton pieces in one box<\/li>\r\n    <li><svg class=\"ic\" viewBox=\"0 0 24 24\"><use href=\"#bt-check\"\/><\/svg>A fixed set: nothing to plan or match<\/li>\r\n    <li><svg class=\"ic\" viewBox=\"0 0 24 24\"><use href=\"#bt-check\"\/><\/svg>Made for a newborn or a big celebration<\/li>\r\n   <\/ul>\r\n   <a class=\"bt-btn\" href=\"https:\/\/babytut.com\/product\/babytut-royal-box\/\">Gift the Royal Box <i><svg class=\"ic bt-arrow-icon\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/i><\/a>\r\n  <\/article>\r\n <\/div>\r\n\r\n <div class=\"bt-how\">\r\n  <div class=\"bt-hw rv\" style=\"--i:0\"><b class=\"n\" style=\"--c:#9DB39A\">1<\/b><span><strong>Pick a box<\/strong><small>Customize 6 pieces or choose the ready-made 12-piece box.<\/small><\/span><\/div>\r\n  <div class=\"bt-hw rv\" style=\"--i:1\"><b class=\"n\" style=\"--c:#F2C9B1\">2<\/b><span><strong>Choose the age range<\/strong><small>For the 6-piece box, choose a size for each piece.<\/small><\/span><\/div>\r\n  <div class=\"bt-hw rv\" style=\"--i:2\"><b class=\"n\" style=\"--c:#B9D3E6\">3<\/b><span><strong>We deliver it free<\/strong><small>Free delivery on every order.<\/small><\/span><\/div>\r\n <\/div>\r\n <div class=\"bt-road\" aria-hidden=\"true\"><div class=\"bt-truck\"><svg viewBox=\"0 0 80 50\"><g stroke=\"#3A0F06\" stroke-width=\"3\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"10\" width=\"40\" height=\"26\" rx=\"5\" fill=\"#F8F3EA\"\/><path d=\"M44 18h16l10 10v8H44z\" fill=\"#A9873F\"\/><rect x=\"50\" y=\"21\" width=\"9\" height=\"7\" fill=\"#B9D3E6\"\/><rect x=\"14\" y=\"16\" width=\"14\" height=\"14\" rx=\"3\" fill=\"#9DB39A\"\/><path d=\"M21 16v14M14 23h14\" fill=\"none\"\/><g class=\"bt-wh\"><circle cx=\"20\" cy=\"38\" r=\"7\" fill=\"#3A0F06\"\/><path d=\"M20 33v10M15 38h10\" stroke=\"#F8F3EA\" stroke-width=\"2\"\/><\/g><g class=\"bt-wh\"><circle cx=\"58\" cy=\"38\" r=\"7\" fill=\"#3A0F06\"\/><path d=\"M58 33v10M53 38h10\" stroke=\"#F8F3EA\" stroke-width=\"2\"\/><\/g><\/g><\/svg><\/div><\/div>\r\n <p class=\"bt-tip\">Not sure which age range? Pick the closest one. <b>Exchanges are available within 30 days.<\/b><\/p>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var s=document.getElementById('bt-gift');if(!s)return;\r\n s.classList.add('js');\r\n var els=s.querySelectorAll('.rv');\r\n if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in')});return}\r\n var io=new IntersectionObserver(function(en){en.forEach(function(x){if(x.isIntersecting){x.target.classList.add('in');io.unobserve(x.target)}})},{threshold:.15});\r\n els.forEach(function(e){io.observe(e)});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d02be4a elementor-widget elementor-widget-html\" data-id=\"d02be4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBabyTut \u2014 customer reviews section\r\nThe six reviews below are samples.\r\nReplace them with real customer reviews, then remove \"sample\" from each card's class.\r\n-->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.bt-sec{\r\n  --brown:#3A0F06;\r\n  --gold:#A9873F;\r\n  --cream:#F8F3EA;\r\n  --sand:#EDE2D8;\r\n  --sage:#9DB39A;\r\n  --sky:#B9D3E6;\r\n  --peach:#F2C9B1;\r\n  --ink:#2A1A14;\r\n  --mut:#6E5E55;\r\n  max-width:1140px;\r\n  margin:0 auto;\r\n  padding:0 20px;\r\n  font-family:'Poppins','Cairo',sans-serif;\r\n  color:var(--ink);\r\n  line-height:1.65;\r\n  box-sizing:border-box;\r\n}\r\n\r\n\/* \u0625\u0632\u0627\u0644\u0629 \u0623\u064a \u0645\u0627\u0631\u062c\u0646 \u0631\u0623\u0633\u064a \u0625\u0636\u0627\u0641\u064a \u0639\u0644\u0649 \u0627\u0644\u0633\u0643\u0634\u0646 *\/\r\n#bt-reviews{\r\n  margin-top:0!important;\r\n  margin-bottom:0!important;\r\n  padding-top:0!important;\r\n  padding-bottom:0!important;\r\n}\r\n\r\n.bt-sec *{box-sizing:border-box}\r\n.bt-sec a{text-decoration:none;color:inherit}\r\n.bt-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold)}\r\n.bt-h{font-size:clamp(28px,3.8vw,42px);font-weight:700;line-height:1.15;color:var(--brown);margin:8px 0 10px}\r\n.bt-h em{font-style:normal;color:var(--gold);display:inline-block;animation:wig 3s ease-in-out infinite}\r\n.bt-p{color:var(--mut);font-size:15px}\r\n.bt-btn{display:inline-flex;gap:10px;align-items:center;background:var(--brown);color:#fff!important;border-radius:50px;padding:10px 12px 10px 22px;font-weight:600;font-size:14px;box-shadow:0 5px 0 #1d0803;transition:transform .15s,box-shadow .15s}\r\n.bt-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 0 #1d0803}\r\n.bt-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #1d0803}\r\n.bt-btn i{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--brown);display:grid;place-items:center}\r\n[dir=rtl] .bt-btn{padding:10px 22px 10px 12px}\r\n.bt-sec svg.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.bt-sec :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:12px}\r\n\r\n.bt-rvs{background:linear-gradient(135deg,var(--cream),var(--sand));border:2px solid rgba(169,135,63,.35);border-radius:38px;padding:48px 0 44px;position:relative;overflow:hidden}\r\n.bt-rvs>.hd{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 44px;flex-wrap:wrap}\r\n.bt-ctrl{display:flex;gap:10px}\r\n.bt-ar{width:46px;height:46px;border-radius:50%;background:#fff;border:3px solid var(--brown);color:var(--brown);display:grid;place-items:center;box-shadow:0 4px 0 var(--brown);transition:transform .15s,background .2s,box-shadow .15s}\r\n.bt-ar:hover{background:var(--gold);color:#fff;transform:translateY(-2px)}\r\n.bt-ar:active{transform:translateY(3px);box-shadow:0 1px 0 var(--brown)}\r\n[dir=rtl] .bt-ar svg{transform:scaleX(-1)}\r\n.bt-big{position:absolute;top:18px;inset-inline-end:30px;width:90px;height:90px;fill:var(--gold);opacity:.14;pointer-events:none}\r\n\r\n.bt-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px 44px 34px;scrollbar-width:none;scroll-padding-inline:44px;margin-top:6px}\r\n.bt-track::-webkit-scrollbar{display:none}\r\n.bt-rv{position:relative;flex:0 0 min(320px,82%);scroll-snap-align:start;background:#fff;border:3px solid var(--brown);border-radius:28px;padding:26px 24px 22px;box-shadow:0 8px 0 var(--brown);rotate:var(--t);transition:transform .3s cubic-bezier(.34,1.56,.64,1),rotate .3s,box-shadow .3s;display:flex;flex-direction:column}\r\n.bt-rv:hover{rotate:0deg;transform:translateY(-8px);box-shadow:0 15px 0 var(--brown)}\r\n.bt-rv.sample:after{content:\"Sample\";position:absolute;top:-13px;inset-inline-start:18px;background:#B5412F;color:#fff;border-radius:50px;padding:1px 12px;font-size:11px;font-weight:700;letter-spacing:.04em}\r\n.bt-stars{display:flex;gap:3px;color:var(--gold)}\r\n.bt-stars svg{width:20px;height:20px;fill:currentColor;stroke:var(--brown);stroke-width:1.2;stroke-linejoin:round}\r\n.js .bt-stars svg{transform:scale(0)}\r\n.js .bt-rv.in .bt-stars svg{animation:pop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--k)*.08s + .2s)}\r\n.bt-q{position:absolute;top:18px;inset-inline-end:20px;width:34px;height:34px;fill:var(--sand)}\r\n.bt-rv blockquote{margin:14px 0 20px;font-size:15.5px;line-height:1.7;color:var(--ink);flex:1}\r\n.bt-by{display:flex;align-items:center;gap:12px;border-top:2px dashed rgba(169,135,63,.45);padding-top:14px}\r\n.bt-av{width:44px;height:44px;border-radius:50%;background:var(--c);border:3px solid var(--brown);display:grid;place-items:center;font-weight:700;color:var(--brown);flex:none}\r\n.bt-by b{display:block;color:var(--brown);font-size:14.5px;line-height:1.3}\r\n.bt-by small{color:var(--mut);font-size:12.5px}\r\n.bt-pill{margin-inline-start:auto;background:var(--sand);border-radius:50px;padding:2px 11px;font-size:11.5px;font-weight:600;color:var(--brown);white-space:nowrap}\r\n\r\n.bt-cta{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px;padding:0 24px;text-align:center;color:var(--mut);font-size:15px}\r\n\r\n.js .rv{opacity:0;transform:translateY(30px) scale(.94);transition:opacity .6s,transform .8s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i,0)*.1s)}\r\n.js .rv.in{opacity:1;transform:none}\r\n\r\n@keyframes wig{\r\n  0%,100%{transform:rotate(-3deg)}\r\n  50%{transform:rotate(3deg)}\r\n}\r\n@keyframes pop{\r\n  from{transform:scale(0) rotate(-40deg)}\r\n  to{transform:scale(1) rotate(0)}\r\n}\r\n\r\n[dir=rtl] .bt-sec{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-eyebrow{letter-spacing:0;text-transform:none;font-size:13px}\r\n\r\n@media(max-width:700px){\r\n  .bt-rvs{padding:36px 0 34px;border-radius:30px}\r\n  .bt-rvs>.hd{padding:0 22px}\r\n  .bt-track{padding:30px 22px;scroll-padding-inline:22px;gap:18px}\r\n  .bt-ctrl{display:none}\r\n  .bt-rv{rotate:0deg}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  .bt-sec *{animation:none!important;transition:none!important}\r\n  .js .rv{opacity:1;transform:none}\r\n  .js .bt-stars svg{transform:none}\r\n  .bt-track{scroll-behavior:auto}\r\n}\r\n<\/style>\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n  <defs>\r\n    <symbol id=\"bt-arrow\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"bt-star\" viewBox=\"0 0 24 24\">\r\n      <path d=\"m12 2 3 6.5 7 .8-5.2 4.8 1.5 7-6.3-3.6L5.7 21l1.5-7L2 9.3l7-.8z\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"bt-quote\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M3 21v-7a7 7 0 0 1 7-7V4a10 10 0 0 0-10 10v7zm11 0v-7a7 7 0 0 1 7-7V4a10 10 0 0 0-10 10v7z\"\/>\r\n    <\/symbol>\r\n  <\/defs>\r\n<\/svg>\r\n\r\n<section class=\"bt-sec\" id=\"bt-reviews\" aria-labelledby=\"bt-rv-h\">\r\n  <div class=\"bt-rvs\">\r\n    <svg class=\"bt-big\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n      <use href=\"#bt-quote\"\/>\r\n    <\/svg>\r\n\r\n    <div class=\"hd rv\">\r\n      <div>\r\n        <span class=\"bt-eyebrow\">Happy moms<\/span>\r\n        <h2 class=\"bt-h\" id=\"bt-rv-h\">What Moms Are <em>Saying<\/em><\/h2>\r\n        <p class=\"bt-p\">Real words from the families who open our boxes.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bt-ctrl\">\r\n        <button class=\"bt-ar\" id=\"bt-prev\" aria-label=\"Previous review\">\r\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"transform:scaleX(-1)\">\r\n            <use href=\"#bt-arrow\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n        <button class=\"bt-ar\" id=\"bt-next\" aria-label=\"Next review\">\r\n          <svg class=\"ic\" viewBox=\"0 0 24 24\">\r\n            <use href=\"#bt-arrow\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bt-track\" id=\"bt-track\" tabindex=\"0\" aria-label=\"Customer reviews\">\r\n      <figure class=\"bt-rv sample rv\" style=\"--t:-1.5deg;--i:0\">\r\n        <svg class=\"bt-q\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-quote\"\/><\/svg>\r\n        <div class=\"bt-stars\" aria-label=\"5 out of 5 stars\">\r\n          <svg style=\"--k:0\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:1\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:2\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:3\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:4\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n        <\/div>\r\n        <blockquote>The fabric is so soft, and the box arrived looking like a real gift. My baby wore the first set the same day.<\/blockquote>\r\n        <figcaption class=\"bt-by\">\r\n          <span class=\"bt-av\" style=\"--c:#9DB39A\">M<\/span>\r\n          <span><b>Mona A.<\/b><small>Cairo<\/small><\/span>\r\n          <span class=\"bt-pill\">12-piece box<\/span>\r\n        <\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"bt-rv sample rv\" style=\"--t:1.2deg;--i:1\">\r\n        <svg class=\"bt-q\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-quote\"\/><\/svg>\r\n        <div class=\"bt-stars\" aria-label=\"5 out of 5 stars\">\r\n          <svg style=\"--k:0\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:1\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:2\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:3\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:4\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n        <\/div>\r\n        <blockquote>I loved choosing the colors myself. Checking the box on delivery before paying made me feel safe ordering.<\/blockquote>\r\n        <figcaption class=\"bt-by\">\r\n          <span class=\"bt-av\" style=\"--c:#F2C9B1\">H<\/span>\r\n          <span><b>Hend S.<\/b><small>Giza<\/small><\/span>\r\n          <span class=\"bt-pill\">6-piece box<\/span>\r\n        <\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"bt-rv sample rv\" style=\"--t:-1deg;--i:2\">\r\n        <svg class=\"bt-q\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-quote\"\/><\/svg>\r\n        <div class=\"bt-stars\" aria-label=\"5 out of 5 stars\">\r\n          <svg style=\"--k:0\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:1\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:2\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:3\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:4\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n        <\/div>\r\n        <blockquote>Delivery was free and everything looked just like the photos. Great quality for the price.<\/blockquote>\r\n        <figcaption class=\"bt-by\">\r\n          <span class=\"bt-av\" style=\"--c:#B9D3E6\">S<\/span>\r\n          <span><b>Sara M.<\/b><small>Alexandria<\/small><\/span>\r\n          <span class=\"bt-pill\">12-piece box<\/span>\r\n        <\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"bt-rv sample rv\" style=\"--t:1.5deg;--i:3\">\r\n        <svg class=\"bt-q\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-quote\"\/><\/svg>\r\n        <div class=\"bt-stars\" aria-label=\"5 out of 5 stars\">\r\n          <svg style=\"--k:0\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:1\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:2\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:3\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:4\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n        <\/div>\r\n        <blockquote>I bought it as a gift for my sister\u2019s newborn. She was so happy when she opened the box.<\/blockquote>\r\n        <figcaption class=\"bt-by\">\r\n          <span class=\"bt-av\" style=\"--c:#A9873F\">N<\/span>\r\n          <span><b>Nada K.<\/b><small>Cairo<\/small><\/span>\r\n          <span class=\"bt-pill\">12-piece box<\/span>\r\n        <\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"bt-rv sample rv\" style=\"--t:-1.2deg;--i:4\">\r\n        <svg class=\"bt-q\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-quote\"\/><\/svg>\r\n        <div class=\"bt-stars\" aria-label=\"5 out of 5 stars\">\r\n          <svg style=\"--k:0\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:1\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:2\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:3\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:4\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n        <\/div>\r\n        <blockquote>Good cotton that stayed soft after washing. My little one is comfortable all day.<\/blockquote>\r\n        <figcaption class=\"bt-by\">\r\n          <span class=\"bt-av\" style=\"--c:#9DB39A\">R<\/span>\r\n          <span><b>Rana H.<\/b><small>Giza<\/small><\/span>\r\n          <span class=\"bt-pill\">6-piece box<\/span>\r\n        <\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"bt-rv sample rv\" style=\"--t:1deg;--i:5\">\r\n        <svg class=\"bt-q\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#bt-quote\"\/><\/svg>\r\n        <div class=\"bt-stars\" aria-label=\"5 out of 5 stars\">\r\n          <svg style=\"--k:0\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:1\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:2\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:3\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n          <svg style=\"--k:4\" viewBox=\"0 0 24 24\"><use href=\"#bt-star\"\/><\/svg>\r\n        <\/div>\r\n        <blockquote>The size matched the age range exactly, so there was no stress at all.<\/blockquote>\r\n        <figcaption class=\"bt-by\">\r\n          <span class=\"bt-av\" style=\"--c:#F2C9B1\">D<\/span>\r\n          <span><b>Dina F.<\/b><small>Cairo<\/small><\/span>\r\n          <span class=\"bt-pill\">6-piece box<\/span>\r\n        <\/figcaption>\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <div class=\"bt-cta rv\">\r\n      <span>Bought a BabyTut box? We\u2019d love to hear from you.<\/span>\r\n      <a class=\"bt-btn\" href=\"\/contact-us\/\">\r\n        Share your review\r\n        <i>\r\n          <svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:15px;height:15px\">\r\n            <use href=\"#bt-arrow\"\/>\r\n          <\/svg>\r\n        <\/i>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.getElementById('bt-reviews');\r\n  if(!s)return;\r\n\r\n  s.classList.add('js');\r\n\r\n  var tr=document.getElementById('bt-track'),\r\n      els=s.querySelectorAll('.rv');\r\n\r\n  var reduce=window.matchMedia &&\r\n      matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io=new IntersectionObserver(function(en){\r\n      en.forEach(function(x){\r\n        if(x.isIntersecting){\r\n          x.target.classList.add('in');\r\n          io.unobserve(x.target);\r\n        }\r\n      });\r\n    },{threshold:.15});\r\n\r\n    els.forEach(function(e){io.observe(e)});\r\n  }else{\r\n    els.forEach(function(e){e.classList.add('in')});\r\n  }\r\n\r\n  function rtl(){\r\n    return getComputedStyle(tr).direction==='rtl';\r\n  }\r\n\r\n  function step(d){\r\n    var c=tr.querySelector('.bt-rv');\r\n    if(!c)return;\r\n\r\n    var w=c.getBoundingClientRect().width+26;\r\n    var end=Math.abs(tr.scrollLeft)+tr.clientWidth>=tr.scrollWidth-6;\r\n\r\n    if(d>0 && end){\r\n      tr.scrollTo({left:0,behavior:'smooth'});\r\n      return;\r\n    }\r\n\r\n    tr.scrollBy({\r\n      left:(rtl()?-1:1)*d*w,\r\n      behavior:'smooth'\r\n    });\r\n  }\r\n\r\n  document.getElementById('bt-next').onclick=function(){step(1)};\r\n  document.getElementById('bt-prev').onclick=function(){step(-1)};\r\n\r\n  if(reduce)return;\r\n\r\n  var paused=false,t;\r\n\r\n  function go(){\r\n    clearInterval(t);\r\n    t=setInterval(function(){\r\n      if(!paused)step(1);\r\n    },5000);\r\n  }\r\n\r\n  ['mouseenter','focusin','touchstart'].forEach(function(e){\r\n    s.addEventListener(e,function(){\r\n      paused=true;\r\n    },{passive:true});\r\n  });\r\n\r\n  ['mouseleave','focusout','touchend'].forEach(function(e){\r\n    s.addEventListener(e,function(){\r\n      paused=false;\r\n    },{passive:true});\r\n  });\r\n\r\n  go();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-568aaf8 elementor-widget elementor-widget-html\" data-id=\"568aaf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBabyTut \u2014 FAQ section (standalone, English)\r\nElementor: add one \"HTML\" widget and paste this whole file into it.\r\nReplace \"\/contact-us\/\" with your real contact page URL.\r\n-->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.bt-sec{--brown:#3A0F06;--gold:#A9873F;--cream:#F8F3EA;--sand:#EDE2D8;--ink:#2A1A14;--mut:#6E5E55;max-width:1140px;margin:70px auto;padding:0 20px;font-family:'Poppins','Cairo',sans-serif;color:var(--ink);line-height:1.65;box-sizing:border-box}\r\n.bt-sec *{box-sizing:border-box}\r\n.bt-sec a{text-decoration:none;color:inherit}\r\n.bt-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold)}\r\n.bt-h{font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.15;color:var(--brown);margin:8px 0 10px}\r\n.bt-p{color:var(--mut);font-size:15px}\r\n.bt-btn{display:inline-flex;gap:10px;align-items:center;background:var(--brown);color:#fff!important;border-radius:50px;padding:10px 12px 10px 22px;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s}\r\n.bt-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(58,15,6,.25)}\r\n.bt-btn i{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--brown);display:grid;place-items:center}\r\n[dir=rtl] .bt-btn{padding:10px 22px 10px 12px}[dir=rtl] .bt-btn i svg{transform:scaleX(-1)}\r\n.bt-sec svg.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.bt-star{position:absolute;width:20px;height:20px;fill:var(--gold);opacity:.9}\r\n.bt-sec :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:10px}\r\n.bt-faq{display:grid;grid-template-columns:.8fr 1.4fr;gap:44px;align-items:start}\r\n.bt-faqi{position:sticky;top:110px;background:var(--cream);border:1px solid rgba(169,135,63,.28);border-radius:28px;padding:34px 30px;overflow:hidden}\r\n.bt-faqi .bt-btn{margin-top:18px}\r\n.bt-faq details{background:#fff;border:1px solid rgba(169,135,63,.28);border-radius:20px;padding:2px 22px;margin-bottom:12px;transition:box-shadow .2s}\r\n.bt-faq details[open]{box-shadow:0 10px 26px rgba(58,15,6,.08);border-color:var(--gold)}\r\n.bt-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:600;font-size:15.5px;color:var(--brown)}\r\n.bt-faq summary::-webkit-details-marker{display:none}\r\n.bt-faq summary i{width:30px;height:30px;border-radius:50%;background:var(--sand);display:grid;place-items:center;flex:none;transition:transform .25s,background .25s}\r\n.bt-faq details[open] summary i{transform:rotate(45deg);background:var(--gold);color:#fff}\r\n.bt-faq details p{color:var(--mut);font-size:14.5px;padding:0 0 18px}.bt-faq details p b{color:var(--brown)}\r\n@media(max-width:960px){.bt-faq{grid-template-columns:1fr}.bt-faqi{position:static}}\r\n[dir=rtl] .bt-sec{font-family:'Cairo','Poppins',sans-serif}\r\n[dir=rtl] .bt-eyebrow{letter-spacing:0;text-transform:none;font-size:13px}\r\n@media(prefers-reduced-motion:reduce){.bt-sec *{transition:none!important}}\r\n<\/style>\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"><defs>\r\n<symbol id=\"bt-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/symbol>\r\n<symbol id=\"bt-plus\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/symbol>\r\n<symbol id=\"bt-spark\" viewBox=\"0 0 24 24\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z\"\/><\/symbol>\r\n<\/defs><\/svg>\r\n\r\n<section class=\"bt-sec\" id=\"bt-faq\" aria-labelledby=\"bt-faq-h\">\r\n <div class=\"bt-faq\">\r\n  <aside class=\"bt-faqi\">\r\n   <svg class=\"bt-star\" style=\"top:20px;inset-inline-end:22px\" viewBox=\"0 0 24 24\"><use href=\"#bt-spark\"\/><\/svg>\r\n   <span class=\"bt-eyebrow\">Good to know<\/span>\r\n   <h2 class=\"bt-h\" id=\"bt-faq-h\">Frequently Asked Questions<\/h2>\r\n   <p class=\"bt-p\">Everything about our boxes, delivery, exchanges and returns. Can\u2019t find your answer? We\u2019re one message away.<\/p>\r\n   <a class=\"bt-btn\" href=\"\/contact-us\/\">Contact us <i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:15px;height:15px\"><use href=\"#bt-arrow\"\/><\/svg><\/i><\/a>\r\n  <\/aside>\r\n  <div>\r\n   <details open><summary>Is delivery really free?<i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><use href=\"#bt-plus\"\/><\/svg><\/i><\/summary><p>Yes. <b>Delivery is free on every order<\/b>, with no minimum purchase.<\/p><\/details>\r\n   <details><summary>Can I check my box before paying?<i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><use href=\"#bt-plus\"\/><\/svg><\/i><\/summary><p>Yes. You can <b>inspect your box on delivery<\/b> before you pay.<\/p><\/details>\r\n   <details><summary>Can I exchange an item?<i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><use href=\"#bt-plus\"\/><\/svg><\/i><\/summary><p>Yes, exchanges are available <b>within 30 days<\/b> of receiving your box.<\/p><\/details>\r\n   <details><summary>What is your return policy?<i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><use href=\"#bt-plus\"\/><\/svg><\/i><\/summary><p>You can return your order <b>within 14 days<\/b>, and you won\u2019t pay any shipping fee for the return.<\/p><\/details>\r\n   <details><summary>Can I swap pieces in the 12-piece box?<i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><use href=\"#bt-plus\"\/><\/svg><\/i><\/summary><p>No. The 12-piece Royal Box is a <b>fixed set<\/b> with no swaps, so every box arrives exactly as designed.<\/p><\/details>\r\n   <details><summary>Can I choose the colors?<i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><use href=\"#bt-plus\"\/><\/svg><\/i><\/summary><p>Yes, in the <b>6-piece box<\/b>. You choose the colors you like. The 12-piece box comes as a fixed set.<\/p><\/details>\r\n   <details><summary>How much are the boxes?<i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><use href=\"#bt-plus\"\/><\/svg><\/i><\/summary><p>The <b>12-piece box is 4,800 EGP<\/b> and the <b>6-piece box is 2,400 EGP<\/b>. Delivery is free on both.<\/p><\/details>\r\n   <details><summary>Which ages do you cover?<i><svg class=\"ic\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><use href=\"#bt-plus\"\/><\/svg><\/i><\/summary><p>We have four age ranges: <b>3\u20136, 6\u20139, 9\u201312, 12\u201318 and 18\u201324 months<\/b>. Each box is prepared for the age range you pick.<\/p><\/details>\r\n  <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[\r\n{\"@type\":\"Question\",\"name\":\"Is delivery really free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Delivery is free on every order, with no minimum purchase.\"}},\r\n{\"@type\":\"Question\",\"name\":\"Can I check my box before paying?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. You can inspect your box on delivery before you pay.\"}},\r\n{\"@type\":\"Question\",\"name\":\"Can I exchange an item?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, exchanges are available within 30 days of receiving your box.\"}},\r\n{\"@type\":\"Question\",\"name\":\"What is your return policy?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"You can return your order within 14 days, and you won't pay any shipping fee for the return.\"}},\r\n{\"@type\":\"Question\",\"name\":\"Can I swap pieces in the 12-piece box?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. The 12-piece Royal Box is a fixed set with no swaps.\"}},\r\n{\"@type\":\"Question\",\"name\":\"Can I choose the colors?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, in the 6-piece box you choose the colors. The 12-piece box is a fixed set.\"}},\r\n{\"@type\":\"Question\",\"name\":\"How much are the boxes?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The 12-piece box is 4,800 EGP and the 6-piece box is 2,400 EGP. Delivery is free on both.\"}},\r\n{\"@type\":\"Question\",\"name\":\"Which ages do you cover?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"We cover 3-6, 6-9, 9-12, 12-18 and 18-24 months.\"}},\r\n]}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BABY TUT Little Outfits. Lots of Love. soft thermal cotton clothing for baby boys. Shop Now Free Delivery On every<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29432","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/babytut.com\/ar\/wp-json\/wp\/v2\/pages\/29432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/babytut.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/babytut.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/babytut.com\/ar\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/babytut.com\/ar\/wp-json\/wp\/v2\/comments?post=29432"}],"version-history":[{"count":406,"href":"https:\/\/babytut.com\/ar\/wp-json\/wp\/v2\/pages\/29432\/revisions"}],"predecessor-version":[{"id":30576,"href":"https:\/\/babytut.com\/ar\/wp-json\/wp\/v2\/pages\/29432\/revisions\/30576"}],"wp:attachment":[{"href":"https:\/\/babytut.com\/ar\/wp-json\/wp\/v2\/media?parent=29432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}