{"product_id":"🔥hot-sale-50-off-🏙️-mini-magnetic-city-playset-with-storage-tin","title":"🔥HOT SALE 50% OFF - 🏙️ Mini Magnetic City Playset with Storage Tin","description":"\u003cstyle\u003e\n  \/* Scoped styles *\/\n  #mini-city-pdp {\n    --city-navy: #17345a;\n    --city-text: #536174;\n    --city-red: #bb4435;\n    --city-gold: #966714;\n    --city-teal: #237d83;\n    --city-line: #e5e9ec;\n\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px 10px;\n    background: transparent !important;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n      Roboto, Helvetica, Arial, sans-serif;\n    color: var(--city-text);\n    line-height: 1.75;\n    box-sizing: border-box;\n    isolation: isolate;\n  }\n\n  #mini-city-pdp *,\n  #mini-city-pdp *::before,\n  #mini-city-pdp *::after {\n    box-sizing: border-box;\n  }\n\n  \/* Independent cards *\/\n  #mini-city-pdp .pdp-block-card {\n    position: relative;\n    margin: 0 0 24px;\n    padding: clamp(26px, 5vw, 40px);\n    overflow: hidden;\n    border: none;\n    border-radius: 12px;\n    box-shadow: 0 5px 22px rgba(23, 52, 90, 0.045);\n  }\n\n  #mini-city-pdp .city-cream {\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(245, 198, 75, 0.14),\n        transparent 48%\n      ),\n      #fffaf0;\n  }\n\n  #mini-city-pdp .city-blue {\n    background:\n      radial-gradient(\n        circle at 0 0,\n        rgba(131, 187, 219, 0.13),\n        transparent 48%\n      ),\n      #f0f7fb;\n  }\n\n  #mini-city-pdp .city-peach {\n    background:\n      radial-gradient(\n        circle at 100% 100%,\n        rgba(221, 112, 80, 0.09),\n        transparent 50%\n      ),\n      #fff3eb;\n  }\n\n  #mini-city-pdp .city-mint {\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(89, 160, 144, 0.1),\n        transparent 50%\n      ),\n      #f1f8f3;\n  }\n\n  #mini-city-pdp .city-paper {\n    background:\n      repeating-linear-gradient(\n        0deg,\n        transparent 0,\n        transparent 7px,\n        rgba(148, 126, 91, 0.025) 8px\n      ),\n      #faf7f0;\n  }\n\n  #mini-city-pdp .city-grid {\n    background-color: #f6f9fc;\n    background-image:\n      linear-gradient(rgba(55, 107, 148, 0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(55, 107, 148, 0.035) 1px, transparent 1px);\n    background-size: 24px 24px;\n  }\n\n  \/* Typography *\/\n  #mini-city-pdp .city-heading {\n    max-width: 760px;\n    margin: 0 auto 16px;\n    color: var(--city-navy);\n    font-family: \"Avenir Next\", Avenir, \"Trebuchet MS\",\n      \"Segoe UI\", sans-serif;\n    font-size: clamp(27px, 4.5vw, 35px);\n    font-weight: 650;\n    line-height: 1.22;\n    letter-spacing: -0.7px;\n    text-align: center;\n    text-transform: none;\n    text-wrap: balance;\n  }\n\n  #mini-city-pdp h1.city-heading {\n    font-size: clamp(32px, 5.5vw, 44px);\n    letter-spacing: -1px;\n  }\n\n  #mini-city-pdp .city-heading-accent {\n    color: var(--city-red);\n  }\n\n  #mini-city-pdp .city-hero-subtitle {\n    margin: 0 0 20px;\n    color: var(--city-gold);\n    font-size: clamp(18px, 3vw, 21px);\n    font-weight: 600;\n    line-height: 1.5;\n    text-align: center;\n  }\n\n  #mini-city-pdp .city-copy {\n    max-width: 760px;\n    margin: 0 auto 22px;\n    color: var(--city-text);\n    font-size: 18px;\n    line-height: 1.8;\n    text-align: left;\n    overflow-wrap: anywhere;\n  }\n\n  #mini-city-pdp .city-copy:last-child {\n    margin-bottom: 0;\n  }\n\n  #mini-city-pdp .city-copy strong {\n    color: var(--city-red);\n    font-weight: 650;\n  }\n\n  #mini-city-pdp .city-blue .city-copy strong,\n  #mini-city-pdp .city-grid .city-copy strong {\n    color: #2b6c97;\n  }\n\n  #mini-city-pdp .city-mint .city-copy strong {\n    color: var(--city-teal);\n  }\n\n  #mini-city-pdp .city-label {\n    display: table;\n    max-width: 100%;\n    margin: 0 0 14px;\n    padding: 6px 11px;\n    border-radius: 6px;\n    background: rgba(255, 255, 255, 0.88);\n    color: var(--city-gold);\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n  }\n\n  #mini-city-pdp .city-label-center {\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n  }\n\n  #mini-city-pdp .city-divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    margin: 0 auto 17px;\n  }\n\n  #mini-city-pdp .city-divider span {\n    display: block;\n    width: 18px;\n    height: 5px;\n    border-radius: 3px;\n    background: #df6650;\n  }\n\n  #mini-city-pdp .city-divider span:nth-child(2) {\n    width: 29px;\n    background: #e4b340;\n  }\n\n  #mini-city-pdp .city-divider span:nth-child(3) {\n    background: #5c9eaa;\n  }\n\n  \/* Images: complete, uncropped display *\/\n  #mini-city-pdp .city-media {\n    width: 100%;\n    margin-top: 24px;\n    overflow: hidden;\n    border-radius: 8px;\n  }\n\n  #mini-city-pdp img {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important;\n    max-height: none !important;\n    margin: 0;\n    border-radius: 8px;\n    object-fit: contain !important;\n    aspect-ratio: auto !important;\n  }\n\n  \/* Hero badges *\/\n  #mini-city-pdp .city-badges {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 9px;\n    margin-top: 22px;\n  }\n\n  #mini-city-pdp .city-badge {\n    padding: 7px 12px;\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.9);\n    color: var(--city-navy);\n    font-size: 12px;\n    font-weight: 650;\n    line-height: 1.5;\n    text-align: center;\n  }\n\n  \/* Theme cards *\/\n  #mini-city-pdp .city-theme-stack {\n    display: grid;\n    gap: 24px;\n    margin-top: 24px;\n  }\n\n  #mini-city-pdp .city-theme {\n    --theme-accent: #bb4435;\n    padding: 24px;\n    border: none;\n    border-top: 3px solid var(--theme-accent);\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.88);\n  }\n\n  #mini-city-pdp .city-theme-engineering {\n    --theme-accent: #bd8c21;\n  }\n\n  #mini-city-pdp .city-theme-police {\n    --theme-accent: #237d83;\n  }\n\n  #mini-city-pdp .city-theme .city-label {\n    padding: 0;\n    background: transparent;\n    color: var(--theme-accent);\n  }\n\n  #mini-city-pdp .city-theme-title {\n    margin: 0 0 12px;\n    color: var(--city-navy);\n    font-family: \"Avenir Next\", Avenir, \"Trebuchet MS\",\n      \"Segoe UI\", sans-serif;\n    font-size: clamp(22px, 3.5vw, 27px);\n    font-weight: 650;\n    line-height: 1.35;\n    letter-spacing: -0.35px;\n    text-align: left;\n  }\n\n  #mini-city-pdp .city-theme-caption {\n    margin: 20px 0 0;\n    padding: 15px 17px;\n    border-radius: 8px;\n    background: #f5f7f9;\n    text-align: left;\n  }\n\n  #mini-city-pdp .city-theme-caption h4,\n  #mini-city-pdp .city-travel-note h3 {\n    margin: 0 0 6px;\n    color: var(--city-navy);\n    font-size: 17px;\n    font-weight: 650;\n    line-height: 1.45;\n  }\n\n  #mini-city-pdp .city-theme-caption p,\n  #mini-city-pdp .city-travel-note p {\n    margin: 0;\n    color: var(--city-text);\n    font-size: 16px;\n    line-height: 1.75;\n    text-align: left;\n  }\n\n  #mini-city-pdp .city-travel-note {\n    margin-top: 22px;\n    padding: 18px 20px;\n    border-radius: 10px;\n    background: rgba(255, 255, 255, 0.8);\n  }\n\n  \/* Learning cards *\/\n  #mini-city-pdp .city-skills {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n    margin-top: 24px;\n  }\n\n  #mini-city-pdp .city-skill {\n    padding: 22px;\n    border: none;\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.88);\n    text-align: left;\n  }\n\n  #mini-city-pdp .city-skill-icon {\n    display: grid;\n    width: 42px;\n    height: 42px;\n    margin-bottom: 14px;\n    place-items: center;\n    border-radius: 12px;\n    background: #fff3cf;\n    font-size: 22px;\n    line-height: 1;\n  }\n\n  #mini-city-pdp .city-skill:nth-child(2) .city-skill-icon {\n    background: #eaf3fc;\n  }\n\n  #mini-city-pdp .city-skill:nth-child(3) .city-skill-icon {\n    background: #fcece5;\n  }\n\n  #mini-city-pdp .city-skill:nth-child(4) .city-skill-icon {\n    background: #e9f4eb;\n  }\n\n  #mini-city-pdp .city-skill h3 {\n    margin: 0 0 8px;\n    color: var(--city-navy);\n    font-size: 19px;\n    font-weight: 650;\n    line-height: 1.4;\n  }\n\n  #mini-city-pdp .city-skill p {\n    margin: 0;\n    color: var(--city-text);\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  \/* Package contents *\/\n  #mini-city-pdp .city-included {\n    padding: 23px;\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.88);\n  }\n\n  #mini-city-pdp .city-included-title {\n    margin: 0 0 16px;\n    color: var(--city-navy);\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 1.4px;\n  }\n\n  #mini-city-pdp .city-included-list {\n    display: grid;\n    gap: 13px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  #mini-city-pdp .city-included-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin: 0;\n    color: var(--city-navy);\n    font-size: 17px;\n    line-height: 1.6;\n  }\n\n  #mini-city-pdp .city-check {\n    display: grid;\n    flex: 0 0 23px;\n    width: 23px;\n    height: 23px;\n    margin-top: 2px;\n    place-items: center;\n    border-radius: 50%;\n    background: #edf4e9;\n    color: #537547;\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1;\n  }\n\n  #mini-city-pdp .city-note {\n    margin: 17px 0 0;\n    color: #6e7b88;\n    font-size: 14px;\n    line-height: 1.75;\n    text-align: left;\n  }\n\n  \/* Specifications *\/\n  #mini-city-pdp .city-table-shell {\n    overflow: hidden;\n    border: 1px solid #dce6ec;\n    border-radius: 14px;\n    background: #ffffff;\n  }\n\n  #mini-city-pdp .city-table {\n    width: 100%;\n    margin: 0;\n    border: none;\n    border-collapse: collapse;\n    table-layout: fixed;\n    text-align: left;\n  }\n\n  #mini-city-pdp .city-table th,\n  #mini-city-pdp .city-table td {\n    padding: 16px;\n    border: none;\n    border-bottom: 1px solid #e3ebef;\n    font-size: 17px;\n    line-height: 1.65;\n    vertical-align: top;\n    text-align: left;\n    overflow-wrap: anywhere;\n  }\n\n  #mini-city-pdp .city-table th {\n    width: 38%;\n    background: #edf4f8;\n    color: var(--city-navy);\n    font-weight: 650;\n  }\n\n  #mini-city-pdp .city-table td {\n    width: 62%;\n    background: #ffffff;\n    color: var(--city-text);\n  }\n\n  #mini-city-pdp .city-table tr:last-child th,\n  #mini-city-pdp .city-table tr:last-child td {\n    border-bottom: none;\n  }\n\n  \/* Native FAQ: whole question row is clickable *\/\n  #mini-city-pdp .city-faq-list {\n    display: grid;\n    gap: 14px;\n    max-width: 760px;\n    margin: 24px auto 0;\n  }\n\n  #mini-city-pdp .city-faq {\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    border: none;\n    border-radius: 10px;\n    background: rgba(255, 255, 255, 0.94);\n    interpolate-size: allow-keywords;\n  }\n\n  #mini-city-pdp .city-faq summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    width: 100%;\n    min-height: 66px;\n    margin: 0;\n    padding: 19px 20px;\n    color: var(--city-navy);\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.55;\n    text-align: left;\n    list-style: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: background-color 0.25s ease;\n  }\n\n  #mini-city-pdp .city-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  #mini-city-pdp .city-faq summary::marker {\n    content: \"\";\n  }\n\n  #mini-city-pdp .city-faq summary:hover {\n    background: #fff9eb;\n  }\n\n  #mini-city-pdp .city-faq summary:focus-visible {\n    outline: 2px solid #bc8e2b;\n    outline-offset: -3px;\n    border-radius: 10px;\n  }\n\n  #mini-city-pdp .city-faq-question {\n    flex: 1;\n    min-width: 0;\n    pointer-events: none;\n  }\n\n  #mini-city-pdp .city-faq-arrow {\n    display: grid;\n    flex: 0 0 30px;\n    width: 30px;\n    height: 30px;\n    place-items: center;\n    border-radius: 50%;\n    background: #fff1ca;\n    pointer-events: none;\n    transition:\n      transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\n      background-color 0.25s ease;\n  }\n\n  #mini-city-pdp .city-faq-arrow::before {\n    content: \"\";\n    display: block;\n    width: 8px;\n    height: 8px;\n    margin-top: -4px;\n    border-right: 2px solid var(--city-gold);\n    border-bottom: 2px solid var(--city-gold);\n    transform: rotate(45deg);\n  }\n\n  #mini-city-pdp .city-faq[open] .city-faq-arrow {\n    transform: rotate(180deg);\n    background: #f7e2a3;\n  }\n\n  #mini-city-pdp .city-faq-answer {\n    margin: 0 20px;\n    padding: 16px 0 20px;\n    border-top: 1px solid #eee7d9;\n    color: var(--city-text);\n    font-size: 17px;\n    line-height: 1.8;\n    text-align: left;\n  }\n\n  #mini-city-pdp .city-faq-answer p {\n    margin: 0;\n  }\n\n  \/* Smooth opening and closing in supporting browsers.\n     Native details remains functional elsewhere. *\/\n  @supports (interpolate-size: allow-keywords) {\n    #mini-city-pdp .city-faq::details-content {\n      height: 0;\n      overflow: hidden;\n      opacity: 0;\n      transition:\n        height 0.4s ease,\n        opacity 0.3s ease,\n        content-visibility 0.4s allow-discrete;\n    }\n\n    #mini-city-pdp .city-faq[open]::details-content {\n      height: auto;\n      opacity: 1;\n    }\n  }\n\n  \/* Closing banner *\/\n  #mini-city-pdp .city-finale {\n    margin-bottom: 0;\n    background:\n      radial-gradient(\n        circle at 0 100%,\n        rgba(255, 255, 255, 0.35),\n        transparent 45%\n      ),\n      linear-gradient(135deg, #fff0bd, #f5cf68);\n    text-align: center;\n  }\n\n  #mini-city-pdp .city-finale .city-heading {\n    max-width: 660px;\n  }\n\n  #mini-city-pdp .city-finale .city-copy {\n    margin-bottom: 0;\n    text-align: center;\n    color: #475466;\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 600px) {\n    #mini-city-pdp {\n      padding: 14px 6px;\n    }\n\n    #mini-city-pdp .pdp-block-card {\n      padding: 26px 18px;\n    }\n\n    #mini-city-pdp .city-heading {\n      font-size: 28px;\n      letter-spacing: -0.5px;\n    }\n\n    #mini-city-pdp h1.city-heading {\n      font-size: 34px;\n      letter-spacing: -0.8px;\n    }\n\n    #mini-city-pdp .city-copy {\n      font-size: 17px;\n      line-height: 1.8;\n    }\n\n    #mini-city-pdp .city-theme {\n      padding: 21px 17px;\n    }\n\n    #mini-city-pdp .city-theme-title {\n      font-size: 23px;\n    }\n\n    #mini-city-pdp .city-theme-caption,\n    #mini-city-pdp .city-travel-note {\n      padding: 16px;\n    }\n\n    #mini-city-pdp .city-skills {\n      grid-template-columns: 1fr;\n    }\n\n    #mini-city-pdp .city-skill {\n      padding: 20px;\n    }\n\n    #mini-city-pdp .city-included {\n      padding: 20px 17px;\n    }\n\n    #mini-city-pdp .city-table th,\n    #mini-city-pdp .city-table td {\n      padding: 14px 12px;\n      font-size: 16px;\n    }\n\n    #mini-city-pdp .city-faq summary {\n      gap: 12px;\n      padding: 18px 16px;\n      font-size: 17px;\n    }\n\n    #mini-city-pdp .city-faq-answer {\n      margin: 0 16px;\n      font-size: 16px;\n    }\n\n    #mini-city-pdp .city-badge {\n      padding: 7px 10px;\n      font-size: 11px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #mini-city-pdp *,\n    #mini-city-pdp *::before,\n    #mini-city-pdp *::after,\n    #mini-city-pdp .city-faq::details-content {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv id=\"mini-city-pdp\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"pdp-block-card city-cream\"\u003e\n    \u003cspan class=\"city-label city-label-center\"\u003e\n      BUILD • CREATE • EXPLORE\n    \u003c\/span\u003e\n\n    \u003ch1 class=\"city-heading\"\u003e\n      🚒 Mini Magnetic\u003cbr\u003e\n      \u003cspan class=\"city-heading-accent\"\u003eCity Building Set\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003ch2 class=\"city-hero-subtitle\"\u003e\n      Big Adventures. Built One Tile at a Time.\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"city-divider\" aria-hidden=\"true\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      From fire rescue missions to busy construction sites and police\n      patrols, little builders can create their own miniature city.\n      With \u003cstrong\u003e40 magnetic pieces and a sturdy iron carry case\u003c\/strong\u003e,\n      every set brings a new world of imaginative play.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"city-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/202611041451_00_00_00--00_00_20.gif?v=1793775232\" alt=\"Mini Magnetic City Building Set with themed pieces and carry case\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"city-badges\"\u003e\n      \u003cspan class=\"city-badge\"\u003e40 Pieces\u003c\/span\u003e\n      \u003cspan class=\"city-badge\"\u003eMagnetic Building\u003c\/span\u003e\n      \u003cspan class=\"city-badge\"\u003eTravel-Ready Case\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- OVERVIEW --\u003e\n  \u003csection class=\"pdp-block-card city-blue\"\u003e\n    \u003ch2 class=\"city-heading\"\u003eA Little City Full of Possibilities\u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      Build a world of your own, create exciting scenes and bring every\n      little mission to life.\n      Whether it's an \u003cstrong\u003eemergency rescue, a construction project\n      or a police patrol\u003c\/strong\u003e, there's always something new to imagine.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"city-media\"\u003e\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-11-03\/97283389572251649.webp\" alt=\"Mini magnetic city building set overview\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- THEMES --\u003e\n  \u003csection class=\"pdp-block-card city-paper\"\u003e\n    \u003cspan class=\"city-label city-label-center\"\u003e\n      THREE THEMES TO EXPLORE\n    \u003c\/span\u003e\n\n    \u003ch2 class=\"city-heading\"\u003eChoose Their Next Adventure\u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      Three exciting city themes, each opening the door to a different\n      kind of \u003cstrong\u003eimaginative play\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"city-theme-stack\"\u003e\n\n      \u003c!-- FIRE RESCUE --\u003e\n      \u003carticle class=\"city-theme\"\u003e\n        \u003cspan class=\"city-label\"\u003e01 \/ FIRE RESCUE\u003c\/span\u003e\n\n        \u003ch3 class=\"city-theme-title\"\u003e\n          🚒 Heroic Fire Rescue – Air \u0026amp; Ground Missions Ready\n        \u003c\/h3\u003e\n\n        \u003cp class=\"city-copy\"\u003e\n          Bring emergency rescue to life with a fire truck, rescue helicopter\n          and two firefighter figures.\n          Build fire stations, burning buildings and helicopter landing pads,\n          then imagine exciting rescue scenes from the ground to the sky.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"city-theme-caption\"\u003e\n          \u003ch4\u003eAerial \u0026amp; Ground Rescue\u003c\/h4\u003e\n          \u003cp\u003e\n            Send the helicopter overhead, coordinate rescue missions\n            and create new emergency scenarios.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"city-media\"\u003e\n          \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-11-03\/97283363047473153.webp\" alt=\"Fire Rescue magnetic building theme with helicopter and fire truck\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003c!-- ENGINEERING --\u003e\n      \u003carticle class=\"city-theme city-theme-engineering\"\u003e\n        \u003cspan class=\"city-label\"\u003e02 \/ ENGINEERING\u003c\/span\u003e\n\n        \u003ch3 class=\"city-theme-title\"\u003e\n          🏗️ Engineering – Build, Design \u0026amp; Create\n        \u003c\/h3\u003e\n\n        \u003cp class=\"city-copy\"\u003e\n          Turn little builders into city creators!\n          Explore construction-themed building adventures, design different\n          structures and imagine how a growing city comes together,\n          one magnetic piece at a time.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"city-theme-caption\"\u003e\n          \u003ch4\u003eA World of Building Ideas\u003c\/h4\u003e\n          \u003cp\u003e\n            Create construction scenes, experiment with layouts\n            and let imagination shape the city.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"city-media\"\u003e\n          \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-11-03\/97291954760450049.png\" alt=\"Engineering magnetic city building theme\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003c!-- POLICE --\u003e\n      \u003carticle class=\"city-theme city-theme-police\"\u003e\n        \u003cspan class=\"city-label\"\u003e03 \/ POLICE STATION\u003c\/span\u003e\n\n        \u003ch3 class=\"city-theme-title\"\u003e\n          🚓 Heroic Police Rescue – Air \u0026amp; Ground Patrols Ready\n        \u003c\/h3\u003e\n\n        \u003cp class=\"city-copy\"\u003e\n          Create a city patrol adventure with a police car, helicopter\n          and two police officer figures.\n          Build police stations, headquarters, roads and helicopter landing pads,\n          then imagine exciting missions across the city.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"city-theme-caption\"\u003e\n          \u003ch4\u003eAir \u0026amp; Ground Patrols\u003c\/h4\u003e\n          \u003cp\u003e\n            Build a police headquarters, send the helicopter overhead\n            and plan new patrol routes.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"city-media\"\u003e\n          \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/product-management\/2026-11-03\/97291940516593665.png\" alt=\"Police Station magnetic city theme with air and ground patrol pieces\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MAGNETIC BUILDING --\u003e\n  \u003csection class=\"pdp-block-card city-grid\"\u003e\n    \u003cspan class=\"city-label\"\u003eBUILD IT YOUR WAY\u003c\/span\u003e\n\n    \u003ch2 class=\"city-heading\"\u003eConnect. Create. Rebuild.\u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      \u003cstrong\u003eMagnetic tiles\u003c\/strong\u003e make it easy to experiment with\n      different shapes and structures.\n      Build a scene, change the layout and start a brand-new adventure\n      whenever inspiration strikes.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"city-media\"\u003e\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-11-03\/97283384354537473.webp\" alt=\"Connecting and rearranging mini magnetic building pieces\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PORTABILITY --\u003e\n  \u003csection class=\"pdp-block-card city-blue\"\u003e\n    \u003cspan class=\"city-label\"\u003eMADE FOR PLAY ON THE GO\u003c\/span\u003e\n\n    \u003ch2 class=\"city-heading\"\u003e\n      Pack It Up.\u003cbr\u003eTake the Adventure Anywhere.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      The \u003cstrong\u003esturdy iron carry case\u003c\/strong\u003e keeps all 40 pieces\n      organized and doubles as a building base for on-the-go play.\n      Pack it for car rides, flights, hotel stays, restaurant waits\n      or visits to grandma's house.\n      A convenient screen-free activity for family outings and travel days.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"city-travel-note\"\u003e\n      \u003ch3\u003eOne Case. Ready for the Road.\u003c\/h3\u003e\n      \u003cp\u003e\n        Keep the pieces together between adventures and use the case\n        as a handy building base wherever play takes them.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"city-media\"\u003e\n      \u003cimg src=\"https:\/\/storage2.tianyierp.com\/public\/merc\/2026-11-03\/97283385294061569.webp\" alt=\"Portable iron storage case used as a magnetic building base\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- EXPANSION --\u003e\n  \u003csection class=\"pdp-block-card city-peach\"\u003e\n    \u003cspan class=\"city-label\"\u003eEXPAND THEIR CITY\u003c\/span\u003e\n\n    \u003ch2 class=\"city-heading\"\u003eMore Sets. Bigger Adventures.\u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      Designed to work with \u003cstrong\u003emajor magnetic tile brands\u003c\/strong\u003e.\n      Add themed sets to an existing magnetic city or combine different themes\n      to create a larger world of imaginative building and play.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- LEARNING --\u003e\n  \u003csection class=\"pdp-block-card city-mint\"\u003e\n    \u003cspan class=\"city-label\"\u003eLEARNING THROUGH PLAY\u003c\/span\u003e\n\n    \u003ch2 class=\"city-heading\"\u003eLittle Builders. Big Thinking.\u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      While children build, connect and create their own city scenes,\n      they're also practicing important early skills through\n      \u003cstrong\u003ehands-on play\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"city-skills\"\u003e\n      \u003carticle class=\"city-skill\"\u003e\n        \u003cspan class=\"city-skill-icon\" aria-hidden=\"true\"\u003e🧩\u003c\/span\u003e\n        \u003ch3\u003eSpatial Reasoning\u003c\/h3\u003e\n        \u003cp\u003e\n          Explore how shapes connect to create different structures and layouts.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"city-skill\"\u003e\n        \u003cspan class=\"city-skill-icon\" aria-hidden=\"true\"\u003e💡\u003c\/span\u003e\n        \u003ch3\u003eProblem-Solving\u003c\/h3\u003e\n        \u003cp\u003e\n          Plan building layouts, landing zones and routes for different\n          pretend-play missions.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"city-skill\"\u003e\n        \u003cspan class=\"city-skill-icon\" aria-hidden=\"true\"\u003e✋\u003c\/span\u003e\n        \u003ch3\u003eFine Motor Skills\u003c\/h3\u003e\n        \u003cp\u003e\n          Practice hand-eye coordination by connecting and rearranging\n          magnetic pieces.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"city-skill\"\u003e\n        \u003cspan class=\"city-skill-icon\" aria-hidden=\"true\"\u003e🌟\u003c\/span\u003e\n        \u003ch3\u003eCreative Imagination\u003c\/h3\u003e\n        \u003cp\u003e\n          Invent characters, scenarios and stories with every new build.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- GIFT --\u003e\n  \u003csection class=\"pdp-block-card city-peach\"\u003e\n    \u003cspan class=\"city-label\"\u003eA GIFT FOR LITTLE BUILDERS\u003c\/span\u003e\n\n    \u003ch2 class=\"city-heading\"\u003eA New Adventure for Every Occasion.\u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      Whether it's a birthday, Christmas or a just-because surprise,\n      these themed magnetic city sets offer a fun way to\n      \u003cstrong\u003ebuild, imagine and play\u003c\/strong\u003e.\n      Great for independent play, sibling activities and family time.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"city-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/25a2ae4f3aeacec2f66ab92e67040928_ac6be6eb-e966-466a-83a2-3bd528831e2e.png?v=1793774700\" alt=\"Child discovering the magnetic city building set as a gift\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INCLUDED --\u003e\n  \u003csection class=\"pdp-block-card city-cream\"\u003e\n    \u003cspan class=\"city-label city-label-center\"\u003eINSIDE THE CASE\u003c\/span\u003e\n\n    \u003ch2 class=\"city-heading\"\u003eWhat's Included\u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      Each selected theme comes as a\n      \u003cstrong\u003e40-piece mini magnetic tile set\u003c\/strong\u003e\n      with a sturdy iron carry case.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"city-included\"\u003e\n      \u003cp class=\"city-included-title\"\u003eEACH SET INCLUDES:\u003c\/p\u003e\n\n      \u003cul class=\"city-included-list\"\u003e\n        \u003cli\u003e\n          \u003cspan class=\"city-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003e40 Mini Magnetic Pieces\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cspan class=\"city-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003eTheme-Specific Play Pieces\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cspan class=\"city-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003e1 Sturdy Iron Carry Case\u003c\/span\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cp class=\"city-note\"\u003e\n        Vehicle, figure and accessory details vary by selected theme.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SPECIFICATIONS --\u003e\n  \u003csection class=\"pdp-block-card city-blue\"\u003e\n    \u003ch2 class=\"city-heading\"\u003eProduct Specifications\u003c\/h2\u003e\n\n    \u003cdiv class=\"city-table-shell\"\u003e\n      \u003ctable class=\"city-table\" aria-label=\"Mini Magnetic City Set specifications\"\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eProduct\u003c\/th\u003e\n            \u003ctd\u003eMini Magnetic City Set\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eThemes\u003c\/th\u003e\n            \u003ctd\u003eFire Rescue \/ Engineering \/ Police Station\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003ePiece Count\u003c\/th\u003e\n            \u003ctd\u003e40 Pieces\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eStorage Case\u003c\/th\u003e\n            \u003ctd\u003eIron Carry Case\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eRecommended Age\u003c\/th\u003e\n            \u003ctd\u003e3+\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"city-note\"\u003e\n      Contains small parts and magnets. Adult supervision is advised.\n      Not suitable for children under 3.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTERACTIVE FAQ --\u003e\n  \u003csection class=\"pdp-block-card city-paper\"\u003e\n    \u003ch2 class=\"city-heading\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n    \u003cdiv class=\"city-faq-list\"\u003e\n\n      \u003cdetails class=\"city-faq\"\u003e\n        \u003csummary\u003e\n          \u003cspan class=\"city-faq-question\"\u003eWhat themes are available?\u003c\/span\u003e\n          \u003cspan class=\"city-faq-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"city-faq-answer\"\u003e\n          \u003cp\u003e\n            There are three themes to choose from: Fire Rescue,\n            Engineering and Police Station.\n            Each offers a different city-building play experience.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"city-faq\"\u003e\n        \u003csummary\u003e\n          \u003cspan class=\"city-faq-question\"\u003eHow many pieces are included?\u003c\/span\u003e\n          \u003cspan class=\"city-faq-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"city-faq-answer\"\u003e\n          \u003cp\u003e\n            Each selected theme is a 40-piece mini magnetic tile set\n            and comes with a sturdy iron carry case.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"city-faq\"\u003e\n        \u003csummary\u003e\n          \u003cspan class=\"city-faq-question\"\u003e\n            Can the carry case be used for building?\n          \u003c\/span\u003e\n          \u003cspan class=\"city-faq-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"city-faq-answer\"\u003e\n          \u003cp\u003e\n            Yes. The iron carry case doubles as a building base and keeps\n            the pieces organized during storage and travel.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"city-faq\"\u003e\n        \u003csummary\u003e\n          \u003cspan class=\"city-faq-question\"\u003e\n            Can it connect with other magnetic tile sets?\n          \u003c\/span\u003e\n          \u003cspan class=\"city-faq-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"city-faq-answer\"\u003e\n          \u003cp\u003e\n            The product details state compatibility with major\n            magnetic tile brands.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"city-faq\"\u003e\n        \u003csummary\u003e\n          \u003cspan class=\"city-faq-question\"\u003e\n            What age is this set suitable for?\n          \u003c\/span\u003e\n          \u003cspan class=\"city-faq-arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"city-faq-answer\"\u003e\n          \u003cp\u003e\n            Recommended for children ages 3 and up.\n            Contains small parts and magnets. Adult supervision is advised.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CLOSING BANNER --\u003e\n  \u003csection class=\"pdp-block-card city-finale\"\u003e\n    \u003cdiv class=\"city-divider\" aria-hidden=\"true\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"city-heading\"\u003e\n      ✨ Three Themes.\u003cbr\u003eA Whole City of Imagination.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"city-copy\"\u003e\n      Choose their favorite adventure and let the building begin!\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"XIESHU","offers":[{"title":"Fire Rescue","offer_id":47734594797657,"sku":"IQT26110302-Fire Rescue","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Police","offer_id":47734594830425,"sku":"IQT26110302-Police","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Construction","offer_id":47734594863193,"sku":"IQT26110302-Construction","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/2_d59d262c-21f3-486c-bca1-e58451da9d5a.png?v=1793774893","url":"https:\/\/treavhds.com\/zh\/products\/%f0%9f%94%a5hot-sale-50-off-%f0%9f%8f%99%ef%b8%8f-mini-magnetic-city-playset-with-storage-tin","provider":"treavhds","version":"1.0","type":"link"}