{"title":"保温杯","description":null,"products":[{"product_id":"designed-for-everyday-made-to-last","title":"Atelier Stone","description":"\u003c!-- =========================================================\n MOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\n Product: AURA Insulated Bottle\n Style: European Quiet Luxury \/ Nordic Minimal\n ========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F5F1EA;\n --mg-soft: #E9E1D6;\n --mg-sand: #D9CCBC;\n --mg-stone: #A9A198;\n --mg-charcoal: #24231F;\n --mg-muted: #6E6A64;\n --mg-olive: #62695A;\n --mg-bronze: #A58B6C;\n --mg-white: #FBFAF7;\n --mg-line: rgba(36, 35, 31, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid var(--mg-charcoal);\n background: var(--mg-charcoal);\n color: #fff;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition: background .25s ease, color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — light premium button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #EEE7DC !important;\n border: 1px solid #CDBEAD !important;\n color: #3A352F !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F8F5EF !important;\n border-color: #A58B6C !important;\n color: #24231F !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E8E0D5;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(40,35,28,.035) 100%);\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background: var(--mg-ivory);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #888178;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: var(--mg-bronze);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: var(--mg-muted);\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #EAE2D7;\n }\n\n .mg-story--reverse {\n background: #DED6CA;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DDD3C6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid var(--mg-line);\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: var(--mg-white);\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: var(--mg-bronze);\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background: var(--mg-ivory);\n text-align: left;\n }\n\n .mg-colour h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: var(--mg-muted);\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n .mg-swatch-1 { background: #D7CBBB; }\n .mg-swatch-2 { background: #F0EAE0; }\n .mg-swatch-3 { background: #88887D; }\n .mg-swatch-4 { background: #4F5548; }\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F9F7F3;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: var(--mg-charcoal);\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background: var(--mg-olive);\n color: #F7F2EA;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #DCCFBE;\n }\n\n .mg-final h2 {\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,255,255,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #F7F3EC;\n border-color: #F7F3EC;\n color: var(--mg-olive);\n }\n\n .mg-final .mg-btn:hover {\n background: transparent;\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPT_Image_2026_9_15_19_25_17_1.png?v=1789471587\" alt=\"Mooigevoel Aura premium insulated bottle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eQuiet design.\u003cbr\u003eBeautifully made.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eAn insulated bottle created for the quieter side of everyday life. Refined proportions, tactile materials and a warm neutral palette make Aura an effortless companion from morning coffee to evening walks.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eAn everyday object,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe the things you use every day should feel as considered as the spaces you live in. Aura combines understated form, comfortable proportions and a softly tactile finish in a bottle designed to become part of your natural daily rhythm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eRefined Finish\u003c\/h3\u003e\n\u003cp\u003eA soft-touch matte surface and warm metallic lid give Aura its quiet, premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Everyday\u003c\/h3\u003e\n\u003cp\u003eA clean silhouette designed to move naturally between home, work, travel and the moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPT_Image_2026_9_15_19_25_19_2.png?v=1789471647\" alt=\"Mooigevoel Aura morning lifestyle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eAura was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from neck to body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eTactile matte finish\u003c\/h3\u003e\n\u003cp\u003eA softly textured surface gives the bottle a refined, natural character inspired by contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eWarm metallic detail\u003c\/h3\u003e\n\u003cp\u003eA subtle champagne-toned lid adds contrast without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPT_Image_2026_9_15_19_25_19_3.png?v=1789471661\" alt=\"Mooigevoel Aura everyday carry\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. Aura was created to fit naturally into the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by stone, sand, soft interiors and northern landscapes, our palette is designed to feel calm today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Sand \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Ivory \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Stone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Forest \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA better feeling,\u003cbr\u003eevery day.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Aura \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59957910798622,"sku":null,"price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_19_25_17_1.png?v=1789476061"},{"product_id":"mooigevoel-dailyloop™-insulated-bottle-effortless-carry-everyday-comfort","title":"DailyLoop Ivory","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA Insulated Bottle\nStyle: European Warm Quiet Luxury \/ Mediterranean Minimal\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F8F3EB;\n --mg-soft: #EEE4D7;\n --mg-sand: #DCCAB5;\n --mg-stone: #AA9B8B;\n --mg-charcoal: #342B24;\n --mg-muted: #786C61;\n --mg-olive: #6F5C49;\n --mg-bronze: #AE875E;\n --mg-white: #FFFDF9;\n --mg-line: rgba(52, 43, 36, .11);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid #6F5C49;\n background: #6F5C49;\n color: #FFF9F2;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition:\n background .25s ease,\n color .25s ease,\n border-color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n border-color: #9C7957;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — warm ivory premium button *\/\n .mg-hero-actions .mg-btn {\n background: #E9DDCE !important;\n border: 1px solid #C9B59D !important;\n color: #473A30 !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #FAF5ED !important;\n border-color: #AE875E !important;\n color: #342B24 !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E9DFD2;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,0) 64%,\n rgba(90,70,50,.025) 82%,\n rgba(70,52,38,.07) 100%\n );\n }\n\n .mg-hero-copy {\n display: block;\n padding: 34px 28px 40px;\n background:\n linear-gradient(\n 180deg,\n #FAF5ED 0%,\n #F5EDE2 100%\n );\n border-bottom: 1px solid rgba(52,43,36,.06);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: #514236;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n color: #30271F;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n color: #40342A;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: #776B60;\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 24px;\n }\n\n .mg-hero-note {\n margin: 12px 0 0;\n color: #918477;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 50px 24px 46px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n background: #FCF8F2;\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n color: #382E26;\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 17px 0 0;\n color: #776B61;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 46px;\n background: #FCF8F2;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 24px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: #B08861;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n color: #3D3229;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: #786D63;\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #F0E5D7;\n }\n\n .mg-story--reverse {\n background: #E7D9C8;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DED2C3;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 34px 28px 40px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n color: #392F27;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n color: #74695E;\n }\n\n .mg-quote {\n margin-top: 20px;\n padding-top: 18px;\n border-top: 1px solid rgba(67,53,42,.13);\n color: #4B3C30;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 50px 0;\n background: #FFFDF9;\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 28px;\n }\n\n .mg-details-header h2 {\n color: #372D25;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 21px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n background: rgba(255,255,255,.22);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: #AD855D;\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n color: #40342A;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: #786C61;\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 46px 24px;\n background:\n linear-gradient(\n 180deg,\n #F7F0E6 0%,\n #F2E7D9 100%\n );\n text-align: left;\n }\n\n .mg-colour h2 {\n color: #3A3027;\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n color: #786D62;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 24px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px rgba(71,54,39,.08),\n 0 3px 12px rgba(82,60,42,.05);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: #786D62;\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n .mg-swatch-1 {\n background: #D8C5AF;\n }\n\n .mg-swatch-2 {\n background: #F3ECE1;\n }\n\n .mg-swatch-3 {\n background: #A49A8E;\n }\n\n .mg-swatch-4 {\n background: #737568;\n }\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 48px 0;\n background: #FBF7F0;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 26px;\n }\n\n .mg-spec-title h2 {\n color: #382E26;\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 13px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: #40342B;\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: #796E63;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 56px 24px;\n background:\n linear-gradient(\n 145deg,\n #76624E 0%,\n #685543 100%\n );\n color: #FFF8EF;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #E7D2BA;\n }\n\n .mg-final h2 {\n color: #FFF9F1;\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,249,241,.76);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 24px;\n background: #F3E7D8;\n border-color: #F3E7D8;\n color: #665240;\n }\n\n .mg-final .mg-btn:hover {\n background: transparent;\n border-color: #F6EBDD;\n color: #FFF9F1;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2_f3cff3da-e90c-4d84-812d-efa8490fabfe.png?v=1789482083\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eQuiet design.\u003cbr\u003eBeautifully made.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eAn insulated bottle created for the quieter side of everyday life. Refined proportions, tactile materials and a warm neutral palette make Aura an effortless companion from morning coffee to evening walks.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eAn everyday object,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe the things you use every day should feel as considered as the spaces you live in. Aura combines understated form, comfortable proportions and a softly tactile finish in a bottle designed to become part of your natural daily rhythm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eRefined Finish\u003c\/h3\u003e\n\u003cp\u003eA soft-touch matte surface and warm metallic lid give Aura its quiet, premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Everyday\u003c\/h3\u003e\n\u003cp\u003eA clean silhouette designed to move naturally between home, work, travel and the moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_10_39.png?v=1789482083\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eAura was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from neck to body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eTactile matte finish\u003c\/h3\u003e\n\u003cp\u003eA softly textured surface gives the bottle a refined, natural character inspired by contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eWarm metallic detail\u003c\/h3\u003e\n\u003cp\u003eA subtle champagne-toned lid adds contrast without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_10_45.png?v=1789482083\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. Aura was created to fit naturally into the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by stone, sand, soft interiors and northern landscapes, our palette is designed to feel calm today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Sand \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Ivory \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Stone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Forest \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA better feeling,\u003cbr\u003eevery day.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Aura \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59958757196062,"sku":null,"price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2_f3cff3da-e90c-4d84-812d-efa8490fabfe.png?v=1789482083"},{"product_id":"mooigevoel-alpine-insulated-bottle-built-for-adventure-designed-for-everyday","title":"Alpine Loop","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA Insulated Bottle\nStyle: Alpine Outdoor Quiet Luxury \/ Nordic Adventure\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F2F4ED;\n --mg-soft: #E1E5D8;\n --mg-sand: #C9CDBF;\n --mg-stone: #939A8E;\n --mg-charcoal: #253027;\n --mg-muted: #697168;\n --mg-olive: #5F6F54;\n --mg-bronze: #A88961;\n --mg-white: #FAFBF7;\n --mg-line: rgba(37, 48, 39, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n color: #253027;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: #788168;\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: #667066;\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid #435041;\n background: #435041;\n color: #F8F9F4;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition:\n background .25s ease,\n color .25s ease,\n border-color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n border-color: #596958;\n color: #354035;\n }\n\n \/* HERO CTA — light alpine button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #E5E9DD !important;\n border: 1px solid #B9C0AE !important;\n color: #3E493C !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F6F8F2 !important;\n border-color: #78856A !important;\n color: #273329 !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #D8DED2;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n linear-gradient(\n 180deg,\n rgba(225,234,228,0) 66%,\n rgba(54,67,55,.025) 82%,\n rgba(38,50,40,.065) 100%\n );\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background:\n linear-gradient(\n 180deg,\n #F3F5EE 0%,\n #EAEDE4 100%\n );\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: #3F4A3D;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n color: #283329;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n color: #354035;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: #677067;\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #828A7F;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n background: #F8F9F4;\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n color: #29342B;\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n color: #677067;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n background: #F8F9F4;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: #7A856A;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n color: #344034;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: #6B746A;\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background:\n linear-gradient(\n 180deg,\n #DFE4D7 0%,\n #D7DDCF 100%\n );\n }\n\n .mg-story--reverse {\n background:\n linear-gradient(\n 180deg,\n #CDD4C2 0%,\n #C2CAB6 100%\n );\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #CBD2C5;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n color: #303C31;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n color: #5F695F;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid rgba(48,60,49,.15);\n color: #394639;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: #FAFBF7;\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n color: #29342B;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n background: rgba(255,255,255,.22);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: #798468;\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n color: #344034;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: #697269;\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background:\n linear-gradient(\n 180deg,\n #EDF0E7 0%,\n #E6EAE0 100%\n );\n text-align: left;\n }\n\n .mg-colour h2 {\n color: #303B31;\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n color: #667066;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px rgba(38,49,40,.08),\n 0 3px 10px rgba(45,58,47,.04);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: #687168;\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n .mg-swatch-1 {\n background: #B8BEA9;\n }\n\n .mg-swatch-2 {\n background: #EDF0E6;\n }\n\n .mg-swatch-3 {\n background: #8D9288;\n }\n\n .mg-swatch-4 {\n background: #596550;\n }\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F5F7F1;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n color: #2E392F;\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: #354035;\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: #6A736A;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background:\n linear-gradient(\n 145deg,\n #52614A 0%,\n #3D4B3A 55%,\n #334132 100%\n );\n color: #F5F5ED;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #C8CFBA;\n }\n\n .mg-final h2 {\n color: #F7F7EF;\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(247,247,239,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #EEF1E7;\n border-color: #EEF1E7;\n color: #43503F;\n }\n\n .mg-final .mg-btn:hover {\n background: transparent;\n border-color: #E6EADB;\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/3.png?v=1789482318\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eQuiet design.\u003cbr\u003eBeautifully made.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eAn insulated bottle created for the quieter side of everyday life. Refined proportions, tactile materials and a warm neutral palette make Aura an effortless companion from morning coffee to evening walks.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eAn everyday object,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe the things you use every day should feel as considered as the spaces you live in. Aura combines understated form, comfortable proportions and a softly tactile finish in a bottle designed to become part of your natural daily rhythm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eRefined Finish\u003c\/h3\u003e\n\u003cp\u003eA soft-touch matte surface and warm metallic lid give Aura its quiet, premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Everyday\u003c\/h3\u003e\n\u003cp\u003eA clean silhouette designed to move naturally between home, work, travel and the moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_10_52.png?v=1789482319\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eAura was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from neck to body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eTactile matte finish\u003c\/h3\u003e\n\u003cp\u003eA softly textured surface gives the bottle a refined, natural character inspired by contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eWarm metallic detail\u003c\/h3\u003e\n\u003cp\u003eA subtle champagne-toned lid adds contrast without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_10_59.png?v=1789482319\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. Aura was created to fit naturally into the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by stone, sand, soft interiors and northern landscapes, our palette is designed to feel calm today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Sand \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Ivory \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Stone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Forest \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA better feeling,\u003cbr\u003eevery day.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Aura \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59958870442270,"sku":null,"price":105.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/3.png?v=1789482318"},{"product_id":"mooigevoel-blush-insulated-bottle-quick-open-lid-double-wall-thermal-design-elegant-everyday-carry","title":"Blush Quick-Open","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA Insulated Bottle\nStyle: Parisian Blush \/ Soft Feminine Quiet Luxury\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #FCF6F3;\n --mg-soft: #F3E4DF;\n --mg-sand: #E8D2CB;\n --mg-stone: #B8A29A;\n --mg-charcoal: #453733;\n --mg-muted: #806D67;\n --mg-olive: #A97875;\n --mg-bronze: #B9897E;\n --mg-white: #FFFDFC;\n --mg-line: rgba(91, 68, 63, .11);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family:\n \"Avenir Next\",\n Avenir,\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n color: var(--mg-charcoal);\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n \"Times New Roman\",\n serif;\n font-weight: 400;\n letter-spacing: -.022em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-family:\n \"Avenir Next\",\n Avenir,\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .18em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.72;\n letter-spacing: .002em;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid #9F706C;\n background: #9F706C;\n color: #FFF9F7;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .14em;\n text-transform: uppercase;\n transition:\n background .25s ease,\n color .25s ease,\n border-color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n border-color: #A87873;\n color: #684E49;\n }\n\n \/* HERO CTA — blush ivory premium button *\/\n .mg-hero-actions .mg-btn {\n background: #F2DFDA !important;\n border: 1px solid #D8B9B1 !important;\n color: #6C504B !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #FFF9F7 !important;\n border-color: #B7847D !important;\n color: #4F3B37 !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #F0E0DA;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,0) 68%,\n rgba(150,108,98,.02) 82%,\n rgba(100,72,67,.055) 100%\n );\n }\n\n .mg-hero-copy {\n display: block;\n padding: 34px 28px 40px;\n background:\n linear-gradient(\n 180deg,\n #FFF9F6 0%,\n #F8EEEA 100%\n );\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: #765A54;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n \"Times New Roman\",\n serif;\n font-size: 15px;\n letter-spacing: .07em;\n }\n\n .mg-hero h1 {\n margin: 0;\n color: #4B3935;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n \"Times New Roman\",\n serif;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n letter-spacing: -.035em;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n color: #604945;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n \"Times New Roman\",\n serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.18;\n font-weight: 400;\n letter-spacing: -.018em;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: #806D67;\n font-size: 14px;\n line-height: 1.72;\n }\n\n .mg-hero-actions {\n margin-top: 24px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #A08B84;\n font-size: 10px;\n line-height: 1.5;\n letter-spacing: .025em;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 50px 24px 46px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n background: #FFFCFA;\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n color: #503D39;\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 17px 0 0;\n color: #806F69;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 46px;\n background: #FFFCFA;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 24px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: #B78379;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n \"Times New Roman\",\n serif;\n font-size: 11px;\n font-style: italic;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n color: #59433F;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n \"Times New Roman\",\n serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n letter-spacing: -.012em;\n }\n\n .mg-feature p {\n margin: 0;\n color: #81706A;\n font-size: 13px;\n line-height: 1.65;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background:\n linear-gradient(\n 180deg,\n #F6E7E2 0%,\n #F0DDD7 100%\n );\n }\n\n .mg-story--reverse {\n background:\n linear-gradient(\n 180deg,\n #EFD8D2 0%,\n #E7CEC7 100%\n );\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #EAD7D1;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 34px 28px 40px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n color: #59423E;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n color: #7B6762;\n }\n\n .mg-quote {\n margin-top: 20px;\n padding-top: 17px;\n border-top: 1px solid rgba(99,72,66,.14);\n color: #684D48;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n \"Times New Roman\",\n serif;\n font-size: 16px;\n font-style: italic;\n line-height: 1.5;\n letter-spacing: -.005em;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 50px 0;\n background: #FFFDFC;\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 28px;\n }\n\n .mg-details-header h2 {\n color: #503C38;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 21px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n background: rgba(255,255,255,.35);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: #B68177;\n font-family:\n \"Avenir Next\",\n Avenir,\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 8px;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n color: #5A4440;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n \"Times New Roman\",\n serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n letter-spacing: -.01em;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: #806E69;\n font-size: 12px;\n line-height: 1.6;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 46px 24px;\n background:\n linear-gradient(\n 180deg,\n #FBF1EE 0%,\n #F4E4DF 100%\n );\n text-align: left;\n }\n\n .mg-colour h2 {\n color: #523E3A;\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n color: #7E6C67;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 24px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px rgba(101,75,69,.07),\n 0 3px 12px rgba(116,82,75,.04);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: #826F69;\n font-size: 8px;\n letter-spacing: .07em;\n }\n\n .mg-swatch-1 {\n background: #E4BBB2;\n }\n\n .mg-swatch-2 {\n background: #F8EDE8;\n }\n\n .mg-swatch-3 {\n background: #BCA8A1;\n }\n\n .mg-swatch-4 {\n background: #91716C;\n }\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 48px 0;\n background: #FDF8F5;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 26px;\n }\n\n .mg-spec-title h2 {\n color: #503D39;\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 13px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: #604945;\n font-size: 11px;\n font-weight: 500;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: #806E69;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 56px 24px;\n background:\n linear-gradient(\n 145deg,\n #AD7E78 0%,\n #986B67 55%,\n #865C58 100%\n );\n color: #FFF8F6;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #F1D7D1;\n }\n\n .mg-final h2 {\n color: #FFF9F7;\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,248,246,.80);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 24px;\n background: #F8E8E3;\n border-color: #F8E8E3;\n color: #805B56;\n }\n\n .mg-final .mg-btn:hover {\n background: transparent;\n border-color: #FFF2EE;\n color: #FFF9F7;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/4_2c127aac-0d80-480d-bdcf-fac8d4e84f45.png?v=1789482983\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eQuiet design.\u003cbr\u003eBeautifully made.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eAn insulated bottle created for the quieter side of everyday life. Refined proportions, tactile materials and a warm neutral palette make Aura an effortless companion from morning coffee to evening walks.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eAn everyday object,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe the things you use every day should feel as considered as the spaces you live in. Aura combines understated form, comfortable proportions and a softly tactile finish in a bottle designed to become part of your natural daily rhythm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eRefined Finish\u003c\/h3\u003e\n\u003cp\u003eA soft-touch matte surface and warm metallic lid give Aura its quiet, premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Everyday\u003c\/h3\u003e\n\u003cp\u003eA clean silhouette designed to move naturally between home, work, travel and the moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_11_06.png?v=1789482983\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eAura was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from neck to body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eTactile matte finish\u003c\/h3\u003e\n\u003cp\u003eA softly textured surface gives the bottle a refined, natural character inspired by contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eWarm metallic detail\u003c\/h3\u003e\n\u003cp\u003eA subtle champagne-toned lid adds contrast without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_11_16.png?v=1789482983\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. Aura was created to fit naturally into the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by stone, sand, soft interiors and northern landscapes, our palette is designed to feel calm today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Sand \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Ivory \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Stone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Forest \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA better feeling,\u003cbr\u003eevery day.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Aura \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59959014785310,"sku":null,"price":110.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/4_2c127aac-0d80-480d-bdcf-fac8d4e84f45.png?v=1789482983"},{"product_id":"mooigevoel-aura-active-insulated-bottle-double-wall-stainless-steel-easy-carry-handle-premium-performance-design","title":"Aura Active","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA ACTIVE Insulated Bottle\nStyle: Premium Performance \/ Urban Training \/ Modern Luxury\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA ACTIVE — VERTICAL \/ COMPACT LANDING PAGE\n Premium performance styling for Shopify product pages.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F1F1EE;\n --mg-soft: #E4E4E0;\n --mg-sand: #D0CBC3;\n --mg-stone: #969895;\n --mg-charcoal: #121315;\n --mg-muted: #686A68;\n --mg-olive: #202225;\n --mg-bronze: #A98A63;\n --mg-white: #FAFAF7;\n --mg-line: rgba(18, 19, 21, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n color: var(--mg-charcoal);\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-weight: 600;\n letter-spacing: -.045em;\n line-height: 1.04;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .19em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.72;\n letter-spacing: .002em;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid #181A1C;\n background: #181A1C;\n color: #FFFFFF;\n text-decoration: none;\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n transition:\n background .25s ease,\n color .25s ease,\n border-color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n border-color: #181A1C;\n color: #181A1C;\n }\n\n \/* HERO CTA *\/\n .mg-hero-actions .mg-btn {\n background: #DDDAD3 !important;\n border: 1px solid #BDB9B0 !important;\n color: #202123 !important;\n min-width: 182px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F8F8F5 !important;\n border-color: #8F8D87 !important;\n color: #111214 !important;\n text-decoration: none !important;\n }\n\n \/* HERO *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: #E9E9E5;\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #1D1E20;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n linear-gradient(\n 180deg,\n rgba(0,0,0,0) 65%,\n rgba(0,0,0,.02) 82%,\n rgba(0,0,0,.11) 100%\n );\n }\n\n .mg-hero-copy {\n display: block;\n padding: 34px 28px 40px;\n background:\n linear-gradient(\n 180deg,\n #F2F2EF 0%,\n #E7E7E3 100%\n );\n border-bottom: 1px solid rgba(18,19,21,.08);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 17px;\n color: #323335;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: .10em;\n text-transform: uppercase;\n }\n\n .mg-hero h1 {\n margin: 0;\n color: #111214;\n font-size: clamp(42px, 7.6vw, 59px);\n line-height: .95;\n font-weight: 650;\n letter-spacing: -.055em;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 19px 0 0;\n color: #252729;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: clamp(25px, 4.8vw, 32px);\n line-height: 1.12;\n font-weight: 500;\n letter-spacing: -.035em;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: #606260;\n font-size: 14px;\n line-height: 1.72;\n }\n\n .mg-hero-actions {\n margin-top: 24px;\n }\n\n .mg-hero-note {\n margin: 12px 0 0;\n color: #777976;\n font-size: 10px;\n line-height: 1.5;\n letter-spacing: .025em;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 50px 24px 46px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n background: #FAFAF7;\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n color: #151719;\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.04;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 17px 0 0;\n color: #636562;\n }\n\n \/* FEATURES *\/\n .mg-features {\n padding: 0 0 46px;\n background: #FAFAF7;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 24px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: #9B7B57;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .10em;\n }\n\n .mg-feature h3 {\n margin: 0 0 8px;\n color: #1A1B1D;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 19px;\n line-height: 1.18;\n font-weight: 600;\n letter-spacing: -.025em;\n }\n\n .mg-feature p {\n margin: 0;\n color: #676966;\n font-size: 13px;\n line-height: 1.65;\n }\n\n \/* STORY *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background:\n linear-gradient(\n 145deg,\n #25272A 0%,\n #191B1D 100%\n );\n }\n\n .mg-story--reverse {\n background:\n linear-gradient(\n 145deg,\n #1C1E20 0%,\n #111214 100%\n );\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #151618;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 34px 28px 40px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story .mg-eyebrow {\n color: #C1A27C;\n }\n\n .mg-story h2 {\n color: #F5F5F1;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.04;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n color: rgba(245,245,241,.66);\n }\n\n .mg-quote {\n margin-top: 20px;\n padding-top: 18px;\n border-top: 1px solid rgba(255,255,255,.13);\n color: #E5E2DB;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.52;\n letter-spacing: -.01em;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 50px 0;\n background: #F5F5F2;\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 28px;\n }\n\n .mg-details-header h2 {\n color: #161719;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.04;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 21px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n background: rgba(255,255,255,.32);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: #9B7A56;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 8px;\n font-weight: 600;\n letter-spacing: .17em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 8px;\n color: #222325;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 17px;\n line-height: 1.2;\n font-weight: 600;\n letter-spacing: -.025em;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: #686A67;\n font-size: 12px;\n line-height: 1.6;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 46px 24px;\n background:\n linear-gradient(\n 180deg,\n #DEDEDA 0%,\n #D1D1CD 100%\n );\n text-align: left;\n }\n\n .mg-colour .mg-eyebrow {\n color: #7C6449;\n }\n\n .mg-colour h2 {\n color: #161719;\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n color: #5F615E;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 24px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px rgba(0,0,0,.09),\n 0 3px 12px rgba(0,0,0,.05);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: #525451;\n font-size: 8px;\n font-weight: 500;\n letter-spacing: .07em;\n }\n\n .mg-swatch-1 {\n background: #121315;\n }\n\n .mg-swatch-2 {\n background: #454746;\n }\n\n .mg-swatch-3 {\n background: #B7B8B5;\n }\n\n .mg-swatch-4 {\n background: #AA845C;\n }\n\n \/* SPECIFICATIONS *\/\n .mg-specs {\n padding: 48px 0;\n background: #FAFAF7;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 26px;\n }\n\n .mg-spec-title h2 {\n color: #161719;\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.04;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 13px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: #202123;\n font-size: 11px;\n font-weight: 600;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: #676966;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 56px 24px;\n background:\n linear-gradient(\n 140deg,\n #222426 0%,\n #121315 58%,\n #090A0B 100%\n );\n color: #F5F5F1;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #B99A75;\n }\n\n .mg-final h2 {\n color: #F7F7F3;\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.02;\n }\n\n .mg-final p {\n max-width: none;\n margin: 16px 0 0;\n color: rgba(247,247,243,.68);\n font-size: 13px;\n line-height: 1.68;\n }\n\n .mg-final .mg-btn {\n margin-top: 24px;\n background: #E5E3DD;\n border-color: #E5E3DD;\n color: #18191B;\n }\n\n .mg-final .mg-btn:hover {\n background: transparent;\n border-color: #E5E3DD;\n color: #FFFFFF;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n\n .mg-hero h1 {\n font-size: clamp(38px, 11vw, 52px);\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成当前黑色产品上传 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/5.png?v=1789483363\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003ePerformance Collection · 05\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA ACTIVE\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eBuilt to move.\u003cbr\u003eMade to endure.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eA premium insulated bottle shaped for active days. A structured carry handle, tactile matte exterior and stainless-steel construction bring performance and understated design together from the first workout to the final commute home.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura Active \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for training, commuting and daily movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003ePerformance, refined\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eStrength without\u003cbr\u003ethe noise.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eAura Active brings performance into a cleaner visual language. A tactile black body, integrated carry handle and brushed-metal accent create a bottle that feels equally at home beside a training bench, in your gym bag or on your desk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your drink while keeping the exterior comfortable to carry throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eIntegrated Carry Handle\u003c\/h3\u003e\n\u003cp\u003eA generous structured handle creates an easy, confident grab between workouts, commutes and everything in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eTactile Matte Exterior\u003c\/h3\u003e\n\u003cp\u003eA low-gloss textured surface gives Aura Active a secure, substantial feel while creating its understated premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n\n 图片建议：\n 高端健身房 \/ 黑色训练装备 \/ 哑铃 \/ 毛巾\n 黑色产品居中，强对比自然光\n\n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_11_23.png?v=1789483363\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eBuilt for training\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eReady before\u003cbr\u003ethe first rep.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom early gym sessions to recovery after the final set, Aura Active is designed to stay close without getting in the way.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eThe elevated carry handle makes it easy to grab and move, while the restrained black silhouette keeps the look focused, modern and unmistakably premium.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003ePerformance should work hard without looking loud.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEngineered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003ePurpose you\u003cbr\u003ecan feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Carry \u003c\/span\u003e\n\u003ch3\u003eIntegrated top handle\u003c\/h3\u003e\n\u003cp\u003eA wide elevated handle creates a confident one-hand carry and gives the bottle its distinctive performance silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eTextured matte black\u003c\/h3\u003e\n\u003cp\u003eA tactile low-gloss finish adds grip, visual depth and a refined technical character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Accent \u003c\/span\u003e\n\u003ch3\u003eBrushed steel detail\u003c\/h3\u003e\n\u003cp\u003eA clean metallic ring breaks the all-black profile with a precise industrial accent inspired by modern performance equipment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eA durable stainless-steel body forms the foundation of a reusable bottle created for demanding daily routines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n\n 图片建议：\n 城市跑步 \/ 健身后通勤 \/ 日落城市建筑\n 运动手表 \/ 黑色运动服 \/ 水泥或金属材质场景\n\n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_11_32.png?v=1789483363\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom gym to city\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003ePerformance that\u003cbr\u003emoves with you.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eTraining rarely ends at the locker room. Aura Active transitions naturally from the gym floor to your commute, workday and evening routine.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eTechnical enough for training. Refined enough for everywhere after. One considered object built around the way modern days actually move.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eOne bottle. Every part of the day.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe performance palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eCarbon. Steel.\u003cbr\u003eWarm light.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by training spaces, brushed metal, concrete and the warmth of the city at golden hour, Aura Active uses a restrained material palette designed to feel powerful without excess.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Carbon \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Graphite \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Steel \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Ember \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eBuilt around\u003cbr\u003ewhat matters.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eRefer to the selected product option\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eRefer to the selected product option\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eInsulated construction for hot \u0026amp; cold beverages\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFollow the care instructions supplied with the product\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura Active\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eBuilt for the work.\u003cbr\u003eReady for the rest.\u003c\/h2\u003e\n\u003cp\u003ePremium insulated drinkware with a quiet performance aesthetic — designed to move naturally from training to everyday life.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Aura Active \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59959114891550,"sku":null,"price":115.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/5.png?v=1789483363"},{"product_id":"mooigevoel-aura-azure-insulated-bottle-double-wall-stainless-steel-brushed-metal-lid-premium-matte-finish","title":"Aura Azure","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA AZURE Insulated Bottle\nStyle: Aegean Mediterranean Luxury \/ Coastal European Lifestyle\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA AZURE — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F7F5EF;\n --mg-soft: #E9ECEC;\n --mg-sand: #DDD8CD;\n --mg-stone: #9EA5A8;\n --mg-charcoal: #172534;\n --mg-muted: #66727A;\n --mg-olive: #173A5A;\n --mg-bronze: #B28C5D;\n --mg-white: #FCFBF7;\n --mg-line: rgba(29, 51, 70, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n color: var(--mg-charcoal);\n font-family:\n Baskerville,\n \"Iowan Old Style\",\n Georgia,\n \"Times New Roman\",\n serif;\n font-weight: 400;\n letter-spacing: -.03em;\n line-height: 1.06;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .19em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.72;\n letter-spacing: .002em;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid #183A59;\n background: #183A59;\n color: #FFFFFF;\n text-decoration: none;\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .14em;\n text-transform: uppercase;\n transition:\n background .25s ease,\n color .25s ease,\n border-color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n border-color: #183A59;\n color: #183A59;\n }\n\n \/* HERO CTA — coastal premium button *\/\n .mg-hero-actions .mg-btn {\n background: #E8ECEC !important;\n border: 1px solid #BCC6CB !important;\n color: #1E3D56 !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #FCFBF7 !important;\n border-color: #8196A4 !important;\n color: #132C41 !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DCE6EB;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,0) 66%,\n rgba(20,53,78,.018) 82%,\n rgba(18,42,61,.07) 100%\n );\n }\n\n .mg-hero-copy {\n display: block;\n padding: 34px 28px 40px;\n background:\n linear-gradient(\n 180deg,\n #F9F8F3 0%,\n #EEF1F0 100%\n );\n border-bottom: 1px solid rgba(25,51,71,.07);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: #28465D;\n font-family:\n Baskerville,\n \"Iowan Old Style\",\n Georgia,\n serif;\n font-size: 15px;\n letter-spacing: .07em;\n }\n\n .mg-hero h1 {\n margin: 0;\n color: #16344D;\n font-family:\n Baskerville,\n \"Iowan Old Style\",\n Georgia,\n serif;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n font-weight: 400;\n letter-spacing: -.04em;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n color: #24445D;\n font-family:\n Baskerville,\n \"Iowan Old Style\",\n Georgia,\n serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.17;\n font-weight: 400;\n letter-spacing: -.025em;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: #65747C;\n font-size: 14px;\n line-height: 1.72;\n }\n\n .mg-hero-actions {\n margin-top: 24px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #859097;\n font-size: 10px;\n line-height: 1.5;\n letter-spacing: .025em;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 50px 24px 46px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n background: #FCFBF7;\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n color: #18354B;\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.07;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 17px 0 0;\n color: #66747C;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 46px;\n background: #FCFBF7;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 24px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: #B18B5A;\n font-family:\n Baskerville,\n Georgia,\n serif;\n font-size: 11px;\n font-style: italic;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n color: #1D3B52;\n font-family:\n Baskerville,\n \"Iowan Old Style\",\n Georgia,\n serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n letter-spacing: -.015em;\n }\n\n .mg-feature p {\n margin: 0;\n color: #68767E;\n font-size: 13px;\n line-height: 1.65;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background:\n linear-gradient(\n 145deg,\n #E4EDF0 0%,\n #D6E2E7 100%\n );\n }\n\n .mg-story--reverse {\n background:\n linear-gradient(\n 145deg,\n #214968 0%,\n #173954 100%\n );\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #D9E5E9;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 34px 28px 40px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n color: #173A55;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.07;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n color: #5F717B;\n }\n\n .mg-story--reverse .mg-eyebrow {\n color: #DFC69F;\n }\n\n .mg-story--reverse h2 {\n color: #FAF8F2;\n }\n\n .mg-story--reverse .mg-text {\n color: rgba(248,248,244,.73);\n }\n\n .mg-quote {\n margin-top: 20px;\n padding-top: 18px;\n border-top: 1px solid rgba(31,65,89,.15);\n color: #31536B;\n font-family:\n Baskerville,\n \"Iowan Old Style\",\n Georgia,\n serif;\n font-size: 16px;\n font-style: italic;\n line-height: 1.5;\n }\n\n .mg-story--reverse .mg-quote {\n border-top-color: rgba(255,255,255,.16);\n color: #F1EEE7;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 50px 0;\n background: #FCFBF8;\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 28px;\n }\n\n .mg-details-header h2 {\n color: #18374F;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.07;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 21px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n background: rgba(255,255,255,.32);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: #B08A5D;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 8px;\n font-weight: 600;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n color: #204159;\n font-family:\n Baskerville,\n \"Iowan Old Style\",\n Georgia,\n serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n letter-spacing: -.012em;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: #68767E;\n font-size: 12px;\n line-height: 1.6;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 46px 24px;\n background:\n linear-gradient(\n 180deg,\n #F0F3F2 0%,\n #E3E9E9 100%\n );\n text-align: left;\n }\n\n .mg-colour h2 {\n color: #19384F;\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n color: #64737B;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 24px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px rgba(17,43,62,.08),\n 0 3px 12px rgba(20,50,70,.04);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: #61717A;\n font-size: 8px;\n letter-spacing: .07em;\n }\n\n .mg-swatch-1 {\n background: #23496A;\n }\n\n .mg-swatch-2 {\n background: #F5F3EC;\n }\n\n .mg-swatch-3 {\n background: #B8BDC0;\n }\n\n .mg-swatch-4 {\n background: #D1A768;\n }\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 48px 0;\n background: #FAFAF7;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 26px;\n }\n\n .mg-spec-title h2 {\n color: #18374E;\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.07;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 13px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: #233F53;\n font-size: 11px;\n font-weight: 600;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: #69767D;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 56px 24px;\n background:\n linear-gradient(\n 145deg,\n #245475 0%,\n #163B59 55%,\n #102D45 100%\n );\n color: #FAF8F2;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #E2C69C;\n }\n\n .mg-final h2 {\n color: #FBF9F4;\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(250,248,242,.76);\n font-size: 13px;\n line-height: 1.67;\n }\n\n .mg-final .mg-btn {\n margin-top: 24px;\n background: #F2F1EB;\n border-color: #F2F1EB;\n color: #173C59;\n }\n\n .mg-final .mg-btn:hover {\n background: transparent;\n border-color: #FFFFFF;\n color: #FFFFFF;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址替换成当前蓝色产品上传 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/6_141c1790-cba8-41ee-b02e-80c290cf42d9.png?v=1789483670\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eCoastal Collection · 06\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA AZURE\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eInspired by the sea.\u003cbr\u003eMade for every day.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eA refined insulated bottle inspired by clear Mediterranean waters and effortless European summers. Aura Azure pairs a deep blue tactile body with brushed stainless-steel detailing for a timeless design made to move naturally from city mornings to days by the coast.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura Azure \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for travel, leisure and everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMediterranean simplicity\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA quieter way\u003cbr\u003eto stay refreshed.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eAura Azure brings together practical insulation and understated European design. The softly textured blue exterior, gently curved shoulders and clean metallic cap create a bottle that feels considered without ever feeling complicated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eBrushed Steel Cap\u003c\/h3\u003e\n\u003cp\u003eA clean stainless-steel cap creates a refined contrast against the deep blue body, giving Aura Azure its distinctive premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eTactile Matte Finish\u003c\/h3\u003e\n\u003cp\u003eA subtly textured low-gloss surface gives the bottle a comfortable feel in the hand while adding depth to its understated silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n\n 图片建议：\n 圣托里尼 \/ 爱琴海 \/ 蓝白建筑 \/ 海景露台\n 柠檬、橄榄枝、天然石材、柔和日光\n\n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_11_38.png?v=1789483670\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade for blue-sky days\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe feeling of\u003cbr\u003esummer, carried.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eMorning light across white stone. A quiet terrace overlooking the water. Something cool within reach as the day slowly unfolds.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eAura Azure was created around that feeling — simple, fresh and considered, with a design that belongs naturally beside the places and moments you want to remember.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design should feel as effortless as the moment around it.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eRefined in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimple by design.\u003cbr\u003eDistinctive by nature.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoft shoulder profile\u003c\/h3\u003e\n\u003cp\u003eGently rounded shoulders transition naturally into the body for a balanced silhouette with a calm, timeless European character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eDeep blue tactile finish\u003c\/h3\u003e\n\u003cp\u003eA softly textured matte exterior gives the bottle visual depth and a confident, comfortable feel designed for repeated everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Cap \u003c\/span\u003e\n\u003ch3\u003eBrushed metallic contrast\u003c\/h3\u003e\n\u003cp\u003eThe stainless-steel cap introduces a precise, architectural detail that complements the rich blue body without overpowering its clean silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body designed to become part of your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n\n 图片建议：\n 高端帆船 \/ 地中海海岸 \/ Riviera \/ Amalfi Coast\n 蓝白织物 \/ 柠檬 \/ 墨镜 \/ 游艇木质桌面\n\n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPTImage2026_9_15_22_11_47.png?v=1789483670\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom coast to city\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eWherever the day leads.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom a morning overlooking the Mediterranean to an afternoon on the water and the journey home, Aura Azure was designed to move naturally with you.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo unnecessary decoration. No oversized branding. Just a considered combination of material, colour and function made for modern everyday life.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eDesigned to feel at home wherever you take it.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe coastal palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eAegean blue.\u003cbr\u003eMediterranean light.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by deep coastal water, whitewashed architecture, brushed metal and the warmth of late-afternoon Mediterranean sun, this palette brings calm depth to an everyday object.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Aegean \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Chalk \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Steel \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Sunset \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eRefer to the selected product option\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eRefer to the selected product option\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eInsulated construction for hot \u0026amp; cold beverages\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFollow the care instructions supplied with the product\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura Azure\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eTake a little\u003cbr\u003eblue with you.\u003c\/h2\u003e\n\u003cp\u003eRefined insulated drinkware inspired by Mediterranean simplicity — designed for everyday moments, journeys and everything in between.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Aura Azure \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59959204053278,"sku":null,"price":120.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/6_141c1790-cba8-41ee-b02e-80c290cf42d9.png?v=1789483670"},{"product_id":"mooigevoel-aura-lilac-insulated-bottle-double-wall-stainless-steel-integrated-carry-handle-soft-touch-matte-finish","title":"Aura Lilac","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA LILAC Insulated Bottle\nStyle: Lavender Quiet Luxury \/ Soft Wellness \/ European Home\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA LILAC — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #FAF7F2;\n --mg-soft: #EFE8F1;\n --mg-sand: #DDD1C8;\n --mg-stone: #AAA0A8;\n --mg-charcoal: #403641;\n --mg-muted: #796F78;\n --mg-olive: #806985;\n --mg-bronze: #AD8C75;\n --mg-white: #FFFDFC;\n --mg-line: rgba(78, 61, 80, .11);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family:\n \"Avenir Next\",\n Avenir,\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n color: var(--mg-charcoal);\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n Georgia,\n \"Times New Roman\",\n serif;\n font-weight: 400;\n letter-spacing: -.028em;\n line-height: 1.07;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: #98779D;\n font-family:\n \"Avenir Next\",\n Avenir,\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .18em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.72;\n letter-spacing: .002em;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid #765D7C;\n background: #765D7C;\n color: #FFFFFF;\n text-decoration: none;\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .14em;\n text-transform: uppercase;\n transition:\n background .25s ease,\n color .25s ease,\n border-color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n border-color: #765D7C;\n color: #604A65;\n }\n\n \/* HERO CTA — light lavender premium button *\/\n .mg-hero-actions .mg-btn {\n background: #E9DFEB !important;\n border: 1px solid #CEBDD2 !important;\n color: #604C66 !important;\n min-width: 176px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #FBF8F6 !important;\n border-color: #A98BAD !important;\n color: #493A4D !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #EAE1E9;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,0) 66%,\n rgba(99,76,105,.018) 82%,\n rgba(70,52,74,.06) 100%\n );\n }\n\n .mg-hero-copy {\n display: block;\n padding: 34px 28px 40px;\n background:\n linear-gradient(\n 180deg,\n #FCF9F7 0%,\n #F4EEF4 100%\n );\n border-bottom: 1px solid rgba(74,58,76,.07);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: #67566A;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n Georgia,\n serif;\n font-size: 15px;\n letter-spacing: .07em;\n }\n\n .mg-hero h1 {\n margin: 0;\n color: #473A49;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n Georgia,\n serif;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n font-weight: 400;\n letter-spacing: -.04em;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n color: #58475C;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n Georgia,\n serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.18;\n font-weight: 400;\n letter-spacing: -.022em;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: #786E78;\n font-size: 14px;\n line-height: 1.72;\n }\n\n .mg-hero-actions {\n margin-top: 24px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #958996;\n font-size: 10px;\n line-height: 1.5;\n letter-spacing: .025em;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 50px 24px 46px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n background: #FFFDFC;\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n color: #493D4B;\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.07;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 17px 0 0;\n color: #786F77;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 46px;\n background: #FFFDFC;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 24px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: #A083A5;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n Georgia,\n serif;\n font-size: 11px;\n font-style: italic;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n color: #514354;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n Georgia,\n serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n letter-spacing: -.012em;\n }\n\n .mg-feature p {\n margin: 0;\n color: #7A7078;\n font-size: 13px;\n line-height: 1.65;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background:\n linear-gradient(\n 145deg,\n #EEE5EF 0%,\n #E5D9E7 100%\n );\n }\n\n .mg-story--reverse {\n background:\n linear-gradient(\n 145deg,\n #846D89 0%,\n #715C76 55%,\n #624F67 100%\n );\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E5DBE6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 34px 28px 40px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n color: #554358;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.07;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n color: #736873;\n }\n\n .mg-story--reverse .mg-eyebrow {\n color: #E3CDE5;\n }\n\n .mg-story--reverse h2 {\n color: #FFF9FC;\n }\n\n .mg-story--reverse .mg-text {\n color: rgba(255,249,252,.76);\n }\n\n .mg-quote {\n margin-top: 20px;\n padding-top: 18px;\n border-top: 1px solid rgba(86,64,90,.14);\n color: #684F6C;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n Georgia,\n serif;\n font-size: 16px;\n font-style: italic;\n line-height: 1.5;\n }\n\n .mg-story--reverse .mg-quote {\n border-top-color: rgba(255,255,255,.18);\n color: #F8EDF8;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 50px 0;\n background: #FFFDFC;\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 28px;\n }\n\n .mg-details-header h2 {\n color: #4A3C4C;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.07;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 21px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n background: rgba(255,255,255,.34);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: #9E80A1;\n font-family:\n \"Avenir Next\",\n Avenir,\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 8px;\n font-weight: 600;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n color: #554557;\n font-family:\n \"Iowan Old Style\",\n Baskerville,\n Georgia,\n serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n letter-spacing: -.01em;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: #7B7179;\n font-size: 12px;\n line-height: 1.6;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 46px 24px;\n background:\n linear-gradient(\n 180deg,\n #F7F1F6 0%,\n #EEE5EF 100%\n );\n text-align: left;\n }\n\n .mg-colour h2 {\n color: #4C3E4F;\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n color: #776C76;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 24px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px rgba(82,61,85,.08),\n 0 3px 12px rgba(79,57,82,.04);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: #756B74;\n font-size: 8px;\n letter-spacing: .07em;\n }\n\n .mg-swatch-1 {\n background: #B69BC0;\n }\n\n .mg-swatch-2 {\n background: #F4EEE8;\n }\n\n .mg-swatch-3 {\n background: #B8ACA7;\n }\n\n .mg-swatch-4 {\n background: #756079;\n }\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 48px 0;\n background: #FBF8F6;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 26px;\n }\n\n .mg-spec-title h2 {\n color: #4B3D4D;\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.07;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 13px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: #594B5A;\n font-size: 11px;\n font-weight: 600;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: #796F77;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 56px 24px;\n background:\n linear-gradient(\n 145deg,\n #866D8B 0%,\n #725C77 55%,\n #604D65 100%\n );\n color: #FFF9FC;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #E7D0E9;\n }\n\n .mg-final h2 {\n color: #FFF9FC;\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,249,252,.78);\n font-size: 13px;\n line-height: 1.67;\n }\n\n .mg-final .mg-btn {\n margin-top: 24px;\n background: #F2EAF2;\n border-color: #F2EAF2;\n color: #684F6D;\n }\n\n .mg-final .mg-btn:hover {\n background: transparent;\n border-color: #FFFFFF;\n color: #FFFFFF;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址替换成当前紫色产品上传 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/7.png?v=1789484061\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eCalm Collection · 07\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA LILAC\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eCarry calm.\u003cbr\u003eWherever you go.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eA refined insulated bottle designed around quieter everyday moments. Aura Lilac combines a softly tactile finish, integrated carry handle and calm lavender palette in an effortless form made for home, work, travel and everything in between.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura Lilac \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday comfort and effortless carry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eA softer everyday\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThoughtful function.\u003cbr\u003eCalmer design.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eThe objects we reach for every day should make life feel easier, not louder. Aura Lilac brings together practical insulation, an easy-carry handle and a softly sculpted silhouette in a bottle designed to sit naturally within your daily rhythm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eIntegrated Carry Handle\u003c\/h3\u003e\n\u003cp\u003eA sculpted top handle makes the bottle easy to pick up and carry from room to room, desk to commute and home to weekend plans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eSoft-Touch Matte Finish\u003c\/h3\u003e\n\u003cp\u003eA subtly textured matte exterior gives Aura Lilac a comfortable tactile feel and the understated premium finish that defines the collection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n\n 图片建议：\n 欧洲温暖家居 \/ 木质桌面 \/ 阅读 \/ 咖啡 \/ 陶瓷\n 奶油白空间 + 紫色产品 + 午后自然光\n\n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPT_Image_2026_9_15_22_30_31.png?v=1789484114\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade for quieter moments\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA little more calm\u003cbr\u003ein every day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eA book left open on the table. Morning light through the window. Something warm within reach while the rest of the day waits.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eAura Lilac was created around these small moments — combining considered function with a softer visual language that feels at home rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“The best everyday objects bring a sense of ease with them.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eFunction,\u003cbr\u003esoftened beautifully.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Carry \u003c\/span\u003e\n\u003ch3\u003eSculpted top handle\u003c\/h3\u003e\n\u003cp\u003eA curved integrated handle gives you a natural grab point, making the bottle simple to carry throughout a changing day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eTactile matte texture\u003c\/h3\u003e\n\u003cp\u003eThe softly textured exterior adds subtle grip while creating a warm, tactile finish designed to feel comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Form \u003c\/span\u003e\n\u003ch3\u003eCalm sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle shoulders and restrained proportions create a balanced profile that feels modern, soft and intentionally understated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eA durable reusable stainless-steel body provides the practical foundation beneath Aura Lilac's softer exterior expression.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n\n 图片建议：\n 欧洲居家办公 \/ 阅读角 \/ 咖啡馆 \/ 通勤包\n 薰衣草紫、米白、木色、羊毛织物搭配\n\n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ChatGPT_Image_2026_9_15_22_30_24.png?v=1789484114\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom home to everywhere\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eEasy to carry.\u003cbr\u003eEasy to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eStart beside the morning coffee. Move to the desk, the train, the studio or a quiet afternoon away from home.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eThe integrated handle makes Aura Lilac easy to take along, while its calm colour and refined silhouette allow it to belong naturally wherever your day happens.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eDesigned to move with your day without interrupting its rhythm.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe calm palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eLilac, oat\u003cbr\u003eand soft light.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by lavender tones, natural textiles, warm European interiors and the softness of afternoon light, Aura Lilac brings colour into everyday life without overwhelming it.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Lilac \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Oat \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Stone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Plum \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCarry\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eIntegrated top carry handle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eFinish\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eSoft-touch textured matte exterior\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eInsulated construction for hot \u0026amp; cold beverages\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFollow the care instructions supplied with the product\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura Lilac\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eCarry something\u003cbr\u003ecalmer.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed insulated drinkware with an integrated carry handle, tactile finish and softer approach to everyday function.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Aura Lilac \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59959315726622,"sku":null,"price":125.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/7.png?v=1789484061"},{"product_id":"mooigevoel-aura-trail-insulated-bottle-double-wall-stainless-steel-dual-carry-loops-adventure-ready-design","title":"Aura Trail Steel","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA TRAIL Insulated Bottle\nStyle: Brushed Steel \/ Alpine Expedition \/ Technical Quiet Luxury\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA TRAIL — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F1F1EE;\n --mg-soft: #E3E3DF;\n --mg-sand: #CBC7BF;\n --mg-stone: #989A97;\n --mg-charcoal: #17191B;\n --mg-muted: #696B68;\n --mg-olive: #2B302D;\n --mg-bronze: #A68967;\n --mg-white: #FAFAF7;\n --mg-line: rgba(24, 26, 28, .13);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n color: var(--mg-charcoal);\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-weight: 600;\n letter-spacing: -.042em;\n line-height: 1.04;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .19em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.72;\n letter-spacing: .002em;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid #202326;\n background: #202326;\n color: #FFFFFF;\n text-decoration: none;\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n transition:\n background .25s ease,\n color .25s ease,\n border-color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: #1B1D1F;\n }\n\n \/* HERO CTA — brushed steel inspired button *\/\n .mg-hero-actions .mg-btn {\n background:\n linear-gradient(\n 180deg,\n #ECECE9 0%,\n #D9D9D5 100%\n ) !important;\n border: 1px solid #B9BAB6 !important;\n color: #252729 !important;\n min-width: 178px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #FAFAF7 !important;\n border-color: #898B88 !important;\n color: #111315 !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #26282A;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n linear-gradient(\n 180deg,\n rgba(0,0,0,0) 65%,\n rgba(0,0,0,.018) 80%,\n rgba(0,0,0,.10) 100%\n );\n }\n\n .mg-hero-copy {\n display: block;\n padding: 34px 28px 40px;\n background:\n linear-gradient(\n 180deg,\n #F4F4F1 0%,\n #E6E6E2 100%\n );\n border-bottom: 1px solid rgba(24,26,28,.08);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: #35383A;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: .11em;\n text-transform: uppercase;\n }\n\n .mg-hero h1 {\n margin: 0;\n color: #151719;\n font-size: clamp(42px, 7.6vw, 59px);\n line-height: .95;\n font-weight: 650;\n letter-spacing: -.052em;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 19px 0 0;\n color: #282B2D;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: clamp(25px, 4.8vw, 32px);\n line-height: 1.12;\n font-weight: 500;\n letter-spacing: -.034em;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: #636562;\n font-size: 14px;\n line-height: 1.72;\n }\n\n .mg-hero-actions {\n margin-top: 24px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #7E807C;\n font-size: 10px;\n line-height: 1.5;\n letter-spacing: .025em;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 50px 24px 46px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n background: #FAFAF7;\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n color: #191B1D;\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.04;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 17px 0 0;\n color: #656764;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 46px;\n background: #FAFAF7;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 24px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: #9B7E5E;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .10em;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n color: #222426;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 19px;\n line-height: 1.18;\n font-weight: 600;\n letter-spacing: -.025em;\n }\n\n .mg-feature p {\n margin: 0;\n color: #696B68;\n font-size: 13px;\n line-height: 1.65;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background:\n linear-gradient(\n 145deg,\n #303235 0%,\n #202225 100%\n );\n }\n\n .mg-story--reverse {\n background:\n linear-gradient(\n 145deg,\n #24272A 0%,\n #141618 100%\n );\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #1E2022;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 34px 28px 40px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story .mg-eyebrow {\n color: #C1A27C;\n }\n\n .mg-story h2 {\n color: #F4F4F0;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.04;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n color: rgba(244,244,240,.68);\n }\n\n .mg-quote {\n margin-top: 20px;\n padding-top: 18px;\n border-top: 1px solid rgba(255,255,255,.14);\n color: #E5E3DC;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.52;\n letter-spacing: -.01em;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 50px 0;\n background: #F4F4F1;\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 28px;\n }\n\n .mg-details-header h2 {\n color: #191B1D;\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.04;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 21px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n background: rgba(255,255,255,.32);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: #987B59;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 8px;\n font-weight: 600;\n letter-spacing: .17em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n color: #252729;\n font-family:\n \"Avenir Next\",\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n font-size: 17px;\n line-height: 1.2;\n font-weight: 600;\n letter-spacing: -.024em;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: #696B68;\n font-size: 12px;\n line-height: 1.6;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 46px 24px;\n background:\n linear-gradient(\n 180deg,\n #DEDEDA 0%,\n #CDCECA 100%\n );\n text-align: left;\n }\n\n .mg-colour .mg-eyebrow {\n color: #735E47;\n }\n\n .mg-colour h2 {\n color: #181A1C;\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n color: #5F615E;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 24px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow:\n inset 0 0 0 1px rgba(0,0,0,.09),\n 0 3px 12px rgba(0,0,0,.05);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: #535552;\n font-size: 8px;\n font-weight: 500;\n letter-spacing: .07em;\n }\n\n .mg-swatch-1 {\n background: #B8B9B6;\n }\n\n .mg-swatch-2 {\n background: #17191B;\n }\n\n .mg-swatch-3 {\n background: #626562;\n }\n\n .mg-swatch-4 {\n background: #A68863;\n }\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 48px 0;\n background: #FAFAF7;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 26px;\n }\n\n .mg-spec-title h2 {\n color: #191B1D;\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.04;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 13px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: #242628;\n font-size: 11px;\n font-weight: 600;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: #696B68;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 56px 24px;\n background:\n linear-gradient(\n 140deg,\n #303336 0%,\n #1C1F21 55%,\n #111315 100%\n );\n color: #F4F4EF;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #C4A47D;\n }\n\n .mg-final h2 {\n color: #F7F7F3;\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.03;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(247,247,243,.70);\n font-size: 13px;\n line-height: 1.67;\n }\n\n .mg-final .mg-btn {\n margin-top: 24px;\n background:\n linear-gradient(\n 180deg,\n #E9E9E5 0%,\n #D2D3CF 100%\n );\n border-color: #DEDFDB;\n color: #202224;\n }\n\n .mg-final .mg-btn:hover {\n background: transparent;\n border-color: #EEEEEA;\n color: #FFFFFF;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n\n .mg-hero h1 {\n font-size: clamp(38px, 11vw, 52px);\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址替换成当前拉丝银色产品上传 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/8.png?v=1789484420\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eExpedition Collection · 08\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA TRAIL\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eMade to carry.\u003cbr\u003eBuilt to explore.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eA premium insulated bottle shaped for movement beyond the everyday. Aura Trail combines a brushed stainless-steel body, practical carry points and a clean technical silhouette in a design made for trails, travel and the journeys between.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura Trail \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for travel, outdoor days and everyday exploration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eAdventure, refined\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eUtility without\u003cbr\u003eunnecessary weight.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eAura Trail brings together durable stainless-steel construction, double-wall insulation and a versatile carry-focused lid in a bottle designed to feel at home beside technical equipment without sacrificing the restrained Mooigevoel aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your drink while keeping the exterior comfortable to carry through changing conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eMulti-Point Carry Design\u003c\/h3\u003e\n\u003cp\u003eAn integrated top loop and secondary clip-style carry point make the bottle easier to grab, carry and keep close when your day takes you beyond the desk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eBrushed Stainless Steel\u003c\/h3\u003e\n\u003cp\u003eA full brushed-steel exterior delivers a clean, technical finish with the substantial character of professional outdoor equipment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n\n 图片建议：\n 高山徒步 \/ 黑色背包 \/ 岩石 \/ 地图 \/ 相机\n 冷灰调 + 清晨或日落自然光\n\n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/8-3.png?v=1789546117\" alt=\"\" width=\"514\" height=\"642\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade for the trail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eBuilt for where\u003cbr\u003ethe road ends.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eEarly starts. Long climbs. Quiet places far from the city. Aura Trail is designed to sit naturally alongside the equipment you rely on when the day becomes an adventure.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eIts brushed steel exterior keeps the aesthetic honest and technical, while practical carry points make it simple to keep within reach as you move.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eEquipment should earn its place in your pack.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003ePurpose in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eDesigned around\u003cbr\u003ethe way you move.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Carry \u003c\/span\u003e\n\u003ch3\u003eIntegrated top loop\u003c\/h3\u003e\n\u003cp\u003eA substantial top carry loop gives you a natural, easy-to-reach grip when moving between the trail, camp and everyday environments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Attachment \u003c\/span\u003e\n\u003ch3\u003eSecondary carry point\u003c\/h3\u003e\n\u003cp\u003eThe lid incorporates an additional clip-style loop, adding another practical point for carrying and organizing the bottle with your gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Finish \u003c\/span\u003e\n\u003ch3\u003eFull brushed-steel body\u003c\/h3\u003e\n\u003cp\u003eLinear brushed detailing gives the stainless-steel exterior a precise technical appearance while highlighting the material rather than hiding it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eA durable reusable stainless-steel body provides a strong foundation for a bottle created around repeated everyday and outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n\n 图片建议：\n Alpine lodge \/ hiking camp \/ mountain viewpoint\n 黑色装备 + 银色金属 + 相机 + 登山地图\n\n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/8-2.png?v=1789546117\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eTrail to everyday\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eAdventure-ready.\u003cbr\u003eEveryday refined.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eTechnical enough to sit beside a hiking pack and camera, yet restrained enough to move naturally through travel days, commutes and everyday routines.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eAura Trail strips the bottle back to what matters: useful insulation, honest materials, practical carrying and a form built around movement.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eTake what matters. Leave the unnecessary behind.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe expedition palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSteel. Carbon.\u003cbr\u003eAlpine stone.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by brushed equipment, dark technical fabrics, weathered rock and the warm light of the mountains, Aura Trail uses a restrained material palette built around function and longevity.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Steel \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Carbon \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Stone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Summit \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eBuilt around\u003cbr\u003ewhat matters.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCarry\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eIntegrated top loop with secondary carry point\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eFinish\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eBrushed stainless-steel exterior\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eInsulated construction for hot \u0026amp; cold beverages\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFollow the care instructions supplied with the product\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura Trail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eCarry further.\u003cbr\u003eExplore longer.\u003c\/h2\u003e\n\u003cp\u003ePremium insulated stainless-steel drinkware with practical carry points and a refined technical aesthetic — designed for wherever the next day takes you.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Aura Trail \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59959398203678,"sku":null,"price":130.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/8.png?v=1789484420"},{"product_id":"a-gradient-of-warmth-sculpted-for-stillness","title":"Aura Champagne","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA Insulated Bottle\nStyle: European Quiet Luxury \/ Nordic Minimal\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F5F1EA;\n --mg-soft: #E9E1D6;\n --mg-sand: #D9CCBC;\n --mg-stone: #A9A198;\n --mg-charcoal: #24231F;\n --mg-muted: #6E6A64;\n --mg-olive: #57544E; \/* Updated to a warm stone-grey to match the bottom of the bottle *\/\n --mg-bronze: #B89A74; \/* Updated to match the warm champagne bronze top of the bottle *\/\n --mg-silver: #B0B2AF; \/* Added to match the cool silver bottom of the bottle *\/\n --mg-white: #FBFAF7;\n --mg-line: rgba(36, 35, 31, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid var(--mg-charcoal);\n background: var(--mg-charcoal);\n color: #fff;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition: background .25s ease, color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — light premium button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #EEE7DC !important;\n border: 1px solid #CDBEAD !important;\n color: #3A352F !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F8F5EF !important;\n border-color: #B89A74 !important;\n color: #24231F !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E8E0D5;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(40,35,28,.035) 100%);\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background: var(--mg-ivory);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #888178;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: var(--mg-bronze);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: var(--mg-muted);\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #EAE2D7;\n }\n\n .mg-story--reverse {\n background: #DED6CA;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DDD3C6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid var(--mg-line);\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: var(--mg-white);\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: var(--mg-bronze);\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background: var(--mg-ivory);\n text-align: left;\n }\n\n .mg-colour h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: var(--mg-muted);\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n \/* Updated swatches to reflect the actual product colors *\/\n .mg-swatch-1 { background: #C6A67D; } \/* Bronze *\/\n .mg-swatch-2 { background: #D1C9BF; } \/* Champagne *\/\n .mg-swatch-3 { background: #A8A9A6; } \/* Silver *\/\n .mg-swatch-4 { background: #3A3836; } \/* Charcoal *\/\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F9F7F3;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: var(--mg-charcoal);\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background: var(--mg-olive); \/* Now a warm stone-grey matching the bottle base *\/\n color: #F7F2EA;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #DCCFBE;\n }\n\n .mg-final h2 {\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,255,255,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #F7F3EC;\n border-color: #F7F3EC;\n color: var(--mg-olive);\n }\n\n .mg-final .mg-btn:hover {\n background: var(--mg-bronze);\n border-color: var(--mg-bronze);\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142858_273.jpg?v=1789540593\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eA gradient of warmth.\u003cbr\u003eSculpted for stillness.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eAn insulated bottle defined by its dual-tone elegance. Transitioning from a warm champagne bronze to a cool, grounded silver, Aura embodies quiet luxury for your modern daily ritual.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA seamless transition,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe everyday objects should reflect the harmony of their surroundings. The Aura bottle features a striking metallic gradient — a warm champagne bronze melting into a serene, matte silver. It is a tactile experience designed to ground your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eDual-Tone Finish\u003c\/h3\u003e\n\u003cp\u003eA distinctive bronze-to-silver gradient paired with a soft-touch matte surface gives Aura its quiet, premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Everyday\u003c\/h3\u003e\n\u003cp\u003eA clean silhouette designed to move naturally between home, work, travel and the moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142906_985.jpg?v=1789540593\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eThe upper notes of the bottle catch the morning light, offering a warm bronze glow. Aura was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from the matte champagne lid to the body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eBronze to Silver Gradient\u003c\/h3\u003e\n\u003cp\u003eA sophisticated metallic gradient bridges warm and cool tones, inspired by contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eMatte Champagne detail\u003c\/h3\u003e\n\u003cp\u003eA subtle champagne-grey lid adds contrast without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142909_994.jpg?v=1789540593\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. The sleek, dual-tone finish naturally complements any setting and changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by stone, sand, soft interiors and northern landscapes, our palette is designed to feel calm today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Bronze \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Champagne \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Silver \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Charcoal \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eElevate your\u003cbr\u003eeveryday ritual.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Aura \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59963448000798,"sku":null,"price":135.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142858_273.jpg?v=1789540593"},{"product_id":"depth-in-every-hue-a-moment-of-calm","title":"Aura Midnight","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA Insulated Bottle\nStyle: European Quiet Luxury \/ Nordic Minimal\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F9F9FB; \/* Clean cool white to match the silver lid *\/\n --mg-soft: #E9E7EF;\n --mg-sand: #D9CCBC;\n --mg-stone: #A9A198;\n --mg-charcoal: #1C1A27; \/* Deep midnight charcoal for text *\/\n --mg-muted: #6E6B7A; \/* Cool muted violet-grey for secondary text *\/\n --mg-olive: #2E2A4B; \/* Deep midnight purple for the final CTA background *\/\n --mg-bronze: #7B6C9C; \/* Soft violet accent for eyebrows\/numbers *\/\n --mg-white: #FBFAF7;\n --mg-line: rgba(28, 26, 39, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid var(--mg-charcoal);\n background: var(--mg-charcoal);\n color: #fff;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition: background .25s ease, color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — light premium button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #EEE7DC !important;\n border: 1px solid #CDBEAD !important;\n color: #3A352F !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F9F9FB !important;\n border-color: #7B6C9C !important;\n color: #1C1A27 !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E8E0D5;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(40,35,28,.035) 100%);\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background: var(--mg-ivory);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #888178;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: var(--mg-bronze);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: var(--mg-muted);\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #EAE2D7;\n }\n\n .mg-story--reverse {\n background: #DED6CA;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DDD3C6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid var(--mg-line);\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: var(--mg-white);\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: var(--mg-bronze);\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background: var(--mg-ivory);\n text-align: left;\n }\n\n .mg-colour h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: var(--mg-muted);\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n \/* Updated swatches to reflect the actual product colors *\/\n .mg-swatch-1 { background: #1B2340; } \/* Midnight Blue *\/\n .mg-swatch-2 { background: #6F4A8E; } \/* Violet *\/\n .mg-swatch-3 { background: #C0C0C0; } \/* Silver *\/\n .mg-swatch-4 { background: #2C2C2C; } \/* Matte Charcoal *\/\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F9F7F3;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: var(--mg-charcoal);\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background: var(--mg-olive); \/* Now a deep midnight purple matching the bottle base *\/\n color: #F7F2EA;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #DCCFBE;\n }\n\n .mg-final h2 {\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,255,255,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #F7F3EC;\n border-color: #F7F3EC;\n color: var(--mg-olive);\n }\n\n .mg-final .mg-btn:hover {\n background: var(--mg-bronze);\n border-color: var(--mg-bronze);\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142913_067.png?v=1789541055\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eAURA\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eDepth in every hue.\u003cbr\u003eA moment of calm.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eImmerse yourself in the deep resonance of midnight blue melting into soft violet. A sophisticated gradient designed to bring a touch of evening serenity to your busy day.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Aura \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA seamless transition,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe everyday objects should reflect the harmony of their surroundings. The Aura bottle features a striking metallic gradient — a deep midnight blue melting into a serene violet. It is a tactile experience designed to ground your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eTwilight Gradient\u003c\/h3\u003e\n\u003cp\u003eA distinctive midnight-to-violet gradient paired with a soft-touch matte surface gives Aura its quiet, premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Everyday\u003c\/h3\u003e\n\u003cp\u003eA clean silhouette designed to move naturally between home, work, travel and the moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142916_460.jpg?v=1789541055\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eThe deep, grounded tones of the bottle offer a sense of calm and stability. Aura was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from the polished silver lid to the body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eMidnight to Violet Gradient\u003c\/h3\u003e\n\u003cp\u003eA sophisticated metallic gradient bridges deep cool tones, inspired by twilight skies and contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003ePolished Silver detail\u003c\/h3\u003e\n\u003cp\u003eA refined stainless steel lid adds a crisp, modern contrast without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142919_106.png?v=1789541055\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. The sleek, twilight-inspired finish naturally complements any setting and the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by twilight skies, deep waters, and northern landscapes, our palette is designed to feel deep today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Midnight \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Violet \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Silver \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Charcoal \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Aura\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eElevate your\u003cbr\u003eeveryday ritual.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Aura \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59963453997342,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142913_067.png?v=1789541055"},{"product_id":"soft-pastels-designed-for-effortless-movement","title":"Aurora Loop Bottle","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: AURA Insulated Bottle\nStyle: European Quiet Luxury \/ Nordic Minimal\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL AURA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F8FAFC; \/* 极浅的冰蓝色调作为背景，呼应产品浅色渐变 *\/\n --mg-soft: #E9E1D6;\n --mg-sand: #D9CCBC;\n --mg-stone: #A9A198;\n --mg-charcoal: #2B323C; \/* 深灰蓝色作为主文字颜色，更显柔和高级 *\/\n --mg-muted: #6E7480; \/* 冷灰色用于辅助文字 *\/\n --mg-olive: #3E4A5A; \/* 深石板蓝用于底部 CTA 背景，沉稳且不突兀 *\/\n --mg-bronze: #8B7BB8; \/* 柔和的淡紫色作为强调色（文字标签\/序号） *\/\n --mg-white: #FBFAF7;\n --mg-line: rgba(43, 50, 60, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid var(--mg-charcoal);\n background: var(--mg-charcoal);\n color: #fff;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition: background .25s ease, color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — light premium button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #EEF2F6 !important;\n border: 1px solid #C8D1DC !important;\n color: #3A414D !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F8FAFC !important;\n border-color: #8B7BB8 !important;\n color: #2B323C !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E8E0D5;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(40,35,28,.035) 100%);\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background: var(--mg-ivory);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #888178;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: var(--mg-bronze);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: var(--mg-muted);\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #EAE2D7;\n }\n\n .mg-story--reverse {\n background: #DED6CA;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DDD3C6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid var(--mg-line);\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: var(--mg-white);\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: var(--mg-bronze);\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background: var(--mg-ivory);\n text-align: left;\n }\n\n .mg-colour h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: var(--mg-muted);\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n \/* 更新色板以匹配真实产品颜色 *\/\n .mg-swatch-1 { background: #C4D6E8; } \/* Ice Blue *\/\n .mg-swatch-2 { background: #D0C8E6; } \/* Lavender *\/\n .mg-swatch-3 { background: #E8E8E8; } \/* Cloud White *\/\n .mg-swatch-4 { background: #8892A0; } \/* Slate *\/\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F9F7F3;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: var(--mg-charcoal);\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background: var(--mg-olive); \/* 深石板蓝背景，沉稳优雅 *\/\n color: #F7F2EA;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #DCCFBE;\n }\n\n .mg-final h2 {\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,255,255,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #F7F3EC;\n border-color: #F7F3EC;\n color: var(--mg-olive);\n }\n\n .mg-final .mg-btn:hover {\n background: var(--mg-bronze);\n border-color: var(--mg-bronze);\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142921_938.jpg?v=1789541320\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eBREEZE\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eSoft pastels.\u003cbr\u003eDesigned for effortless movement.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eA gentle companion for your everyday journeys. Featuring a tactile matte finish, a secure press-button lid, and a durable carry loop — lightness and elegance in perfect balance.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Breeze \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA gentle transition,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe everyday objects should bring a sense of calm to your surroundings. The Breeze bottle features a serene pastel gradient — soft ice blue melting into lavender. It is a tactile experience designed to bring lightness to your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003ePastel Gradient Finish\u003c\/h3\u003e\n\u003cp\u003eA distinctive ice-blue to lavender gradient paired with a soft-touch matte surface gives Breeze its quiet, premium character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003ePortable \u0026amp; Practical\u003c\/h3\u003e\n\u003cp\u003eFeaturing a secure press-button lid and a durable carry loop, designed to move naturally with you wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142928_299.jpg?v=1789541320\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eThe soft, pastel tones of the bottle offer a sense of calm and lightness. Breeze was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from the rounded lid to the body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eIce Blue to Lavender Gradient\u003c\/h3\u003e\n\u003cp\u003eA sophisticated pastel gradient bridges soft tones, inspired by serene mornings and contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eSecure Press-Button \u0026amp; Loop\u003c\/h3\u003e\n\u003cp\u003eA practical, elegantly integrated button lid and carry loop add convenience without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142924_740.jpg?v=1789541320\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. The gentle, pastel-inspired finish naturally complements any setting and the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by morning skies, soft light, and serene landscapes, our palette is designed to feel gentle today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Ice Blue \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Lavender \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Cloud White \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Slate \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Breeze\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eLighten your\u003cbr\u003eeveryday ritual.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Breeze \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59963458847006,"sku":null,"price":145.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142921_938.jpg?v=1789541320"},{"product_id":"earthy-sophistication-the-art-of-slow-living","title":"Olive Thermal Carafe","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: TERRA Insulated Carafe\nStyle: European Quiet Luxury \/ Nordic Minimal\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL TERRA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F6F4EE; \/* 暖奶油色背景，契合原图的柔和光影 *\/\n --mg-soft: #E9E1D6;\n --mg-sand: #D9CCBC;\n --mg-stone: #A9A198;\n --mg-charcoal: #23211C; \/* 深邃的大地色，用于主文字 *\/\n --mg-muted: #6E6A5F; \/* 柔和的泥土灰，用于辅助文字 *\/\n --mg-olive: #4A543D; \/* 提取产品主色的深橄榄绿，用于底部 CTA 背景 *\/\n --mg-bronze: #9A8566; \/* 大地沙色\/青铜色，用于标签和强调文字 *\/\n --mg-white: #FBFAF7;\n --mg-line: rgba(35, 33, 28, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid var(--mg-charcoal);\n background: var(--mg-charcoal);\n color: #fff;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition: background .25s ease, color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — light premium button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #F0EEE6 !important;\n border: 1px solid #C8C1B4 !important;\n color: #3A3730 !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F6F4EE !important;\n border-color: #9A8566 !important;\n color: #23211C !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E8E0D5;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(40,35,28,.035) 100%);\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background: var(--mg-ivory);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #888178;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: var(--mg-bronze);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: var(--mg-muted);\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #EAE2D7;\n }\n\n .mg-story--reverse {\n background: #DED6CA;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DDD3C6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid var(--mg-line);\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: var(--mg-white);\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: var(--mg-bronze);\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background: var(--mg-ivory);\n text-align: left;\n }\n\n .mg-colour h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: var(--mg-muted);\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n \/* 更新色板以匹配真实产品颜色 *\/\n .mg-swatch-1 { background: #5A6544; } \/* Olive *\/\n .mg-swatch-2 { background: #F6F4EE; } \/* Cream *\/\n .mg-swatch-3 { background: #C4B8A5; } \/* Taupe *\/\n .mg-swatch-4 { background: #2B2E26; } \/* Forest *\/\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F9F7F3;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: var(--mg-charcoal);\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background: var(--mg-olive); \/* 深橄榄绿背景，沉稳优雅 *\/\n color: #F7F2EA;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #DCCFBE;\n }\n\n .mg-final h2 {\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,255,255,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #F7F3EC;\n border-color: #F7F3EC;\n color: var(--mg-olive);\n }\n\n .mg-final .mg-btn:hover {\n background: var(--mg-bronze);\n border-color: var(--mg-bronze);\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142931_364.png?v=1789541572\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eTERRA\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eEarthy sophistication.\u003cbr\u003eThe art of slow living.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eBringing Nordic hygge to your table. With its ergonomic handle and generous capacity, Terra is crafted for shared moments, warm refills, and grounded, timeless aesthetics.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Terra \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA seamless transition,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe everyday objects should reflect the harmony of their surroundings. The Terra carafe features a soft, matte olive finish paired with an ergonomic handle and a precision pour spout. It is a tactile experience designed to bring warmth to your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eThoughtful Carafe Design\u003c\/h3\u003e\n\u003cp\u003eAn ergonomic handle and precision pour spout make serving effortless, combining practical functionality with quiet elegance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Sharing\u003c\/h3\u003e\n\u003cp\u003eDesigned for shared moments, warm refills, and grounded, timeless aesthetics on your dining table.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142934_628.jpg?v=1789541572\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to share, and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eThe deep, grounded olive tone offers a sense of calm and connection to nature. Terra was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eThe gracefully curved handle and integrated pour spout create a balanced, elegant profile that feels natural in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eTactile Matte Olive Finish\u003c\/h3\u003e\n\u003cp\u003eA softly textured, earth-toned surface gives the carafe a refined, natural character inspired by contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eSecure Press-Button Lid\u003c\/h3\u003e\n\u003cp\u003eA practical, elegantly integrated button lid ensures a tight seal without interrupting the calm visual language of the carafe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142937_677.jpg?v=1789541572\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne carafe.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your dining table. From a morning meeting to a quiet evening tea. The grounded, olive-inspired finish naturally complements any setting and the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by forest, stone, warm sand and soft interiors, our palette is designed to feel grounded today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Olive \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Cream \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Taupe \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Forest \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Terra\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eElevate your\u003cbr\u003eeveryday ritual.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Terra \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59963461042462,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142931_364.png?v=1789541572"},{"product_id":"pure-form-understated-elegance","title":"Ivory Moss Bottle","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: FLORA Insulated Bottle\nStyle: European Quiet Luxury \/ Nordic Minimal\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL FLORA — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F7F6F2; \/* 柔和的冷白色，呼应产品纯白瓶身 *\/\n --mg-soft: #E9E1D6;\n --mg-sand: #D9CCBC;\n --mg-stone: #A9A198;\n --mg-charcoal: #2B2E26; \/* 深橄榄灰，用于主文字 *\/\n --mg-muted: #6E7066; \/* 柔和的鼠尾草绿灰，用于辅助文字 *\/\n --mg-olive: #4A5340; \/* 提取产品盖子的深橄榄绿，用于底部 CTA 背景 *\/\n --mg-bronze: #7A856A; \/* 鼠尾草绿\/浅橄榄色，用于标签和强调文字 *\/\n --mg-white: #FBFAF7;\n --mg-line: rgba(43, 46, 38, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid var(--mg-charcoal);\n background: var(--mg-charcoal);\n color: #fff;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition: background .25s ease, color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — light premium button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #F0F1EB !important;\n border: 1px solid #C5CABD !important;\n color: #3A4136 !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F7F6F2 !important;\n border-color: #7A856A !important;\n color: #2B2E26 !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E8E0D5;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(40,35,28,.035) 100%);\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background: var(--mg-ivory);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #888178;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: var(--mg-bronze);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: var(--mg-muted);\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #EAE2D7;\n }\n\n .mg-story--reverse {\n background: #DED6CA;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DDD3C6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid var(--mg-line);\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: var(--mg-white);\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: var(--mg-bronze);\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background: var(--mg-ivory);\n text-align: left;\n }\n\n .mg-colour h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: var(--mg-muted);\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n \/* 更新色板以匹配真实产品颜色 *\/\n .mg-swatch-1 { background: #F7F6F2; } \/* Ivory *\/\n .mg-swatch-2 { background: #5A6544; } \/* Olive *\/\n .mg-swatch-3 { background: #A9B29A; } \/* Sage *\/\n .mg-swatch-4 { background: #2B2E26; } \/* Charcoal *\/\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F9F7F3;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: var(--mg-charcoal);\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background: var(--mg-olive); \/* 深橄榄绿背景，沉稳优雅 *\/\n color: #F7F2EA;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #DCCFBE;\n }\n\n .mg-final h2 {\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,255,255,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #F7F3EC;\n border-color: #F7F3EC;\n color: var(--mg-olive);\n }\n\n .mg-final .mg-btn:hover {\n background: var(--mg-bronze);\n border-color: var(--mg-bronze);\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142940_462.png?v=1789541866\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eFLORA\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003ePure ivory.\u003cbr\u003eGrounded in olive.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eAn insulated bottle defined by its dual-tone elegance. A crisp ivory body meets a softly tactile olive green lid, embodying quiet luxury for your modern daily ritual.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Flora \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA seamless transition,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe everyday objects should reflect the harmony of their surroundings. The Flora bottle features a clean, matte ivory body paired with an earthy olive cap. It is a tactile experience designed to ground your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eIvory \u0026amp; Olive Duotone\u003c\/h3\u003e\n\u003cp\u003eA distinctive ivory body paired with a deep olive green lid, creating a quiet, premium character inspired by nature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Everyday\u003c\/h3\u003e\n\u003cp\u003eA clean silhouette designed to move naturally between home, work, travel and the moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142944_494.jpg?v=1789541866\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eThe crisp white and grounded olive tones offer a sense of calm and connection to nature. Flora was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from the rounded lid to the body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eTactile Matte Finish\u003c\/h3\u003e\n\u003cp\u003eA softly textured surface gives the bottle a refined, natural character inspired by contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eDeep Olive Green Detail\u003c\/h3\u003e\n\u003cp\u003eA subtle, matte olive lid adds earthy contrast without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142947_439.png?v=1789541866\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. The crisp ivory and olive-inspired finish naturally complements any setting and the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by forest, stone, warm ivory and soft interiors, our palette is designed to feel grounded today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Ivory \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Olive \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Sage \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Charcoal \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Flora\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eElevate your\u003cbr\u003eeveryday ritual.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Flora \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59963468022046,"sku":null,"price":155.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142940_462.png?v=1789541866"},{"product_id":"everyday-serenity-your-quietest-companion","title":"Mist Blue Slim Bottle","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: SLATE Insulated Bottle\nStyle: European Quiet Luxury \/ Nordic Minimal\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL SLATE — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F4F6F8; \/* 极浅的冷灰色调，契合产品的冷静与专业感 *\/\n --mg-soft: #E9E1D6;\n --mg-sand: #D9CCBC;\n --mg-stone: #A9A198;\n --mg-charcoal: #2A333C; \/* 深石板灰蓝，用于主文字 *\/\n --mg-muted: #6B7885; \/* 柔和的冷灰蓝，用于辅助文字 *\/\n --mg-olive: #3E4A56; \/* 提取产品主色的深石板蓝，用于底部 CTA 背景 *\/\n --mg-bronze: #7A8B9A; \/* 柔和的板岩蓝，用于标签和强调文字 *\/\n --mg-white: #FAFBFC;\n --mg-line: rgba(42, 51, 60, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid var(--mg-charcoal);\n background: var(--mg-charcoal);\n color: #fff;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition: background .25s ease, color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — light premium button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #EDF1F4 !important;\n border: 1px solid #C8D2D9 !important;\n color: #3A4450 !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F4F6F8 !important;\n border-color: #7A8B9A !important;\n color: #2A333C !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E8E0D5;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(40,35,28,.035) 100%);\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background: var(--mg-ivory);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #888178;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: var(--mg-bronze);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: var(--mg-muted);\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #EAE2D7;\n }\n\n .mg-story--reverse {\n background: #DED6CA;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DDD3C6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid var(--mg-line);\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: var(--mg-white);\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: var(--mg-bronze);\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background: var(--mg-ivory);\n text-align: left;\n }\n\n .mg-colour h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: var(--mg-muted);\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n \/* 更新色板以匹配真实产品颜色 *\/\n .mg-swatch-1 { background: #6F8395; } \/* Slate *\/\n .mg-swatch-2 { background: #D3DCE3; } \/* Mist *\/\n .mg-swatch-3 { background: #F4F6F8; } \/* Cloud *\/\n .mg-swatch-4 { background: #2A333C; } \/* Charcoal *\/\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F9F7F3;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: var(--mg-charcoal);\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background: var(--mg-olive); \/* 深石板蓝背景，沉稳专业 *\/\n color: #F7F2EA;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #DCCFBE;\n }\n\n .mg-final h2 {\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,255,255,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #F7F3EC;\n border-color: #F7F3EC;\n color: var(--mg-olive);\n }\n\n .mg-final .mg-btn:hover {\n background: var(--mg-bronze);\n border-color: var(--mg-bronze);\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142950_807.jpg?v=1789542057\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eSLATE\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eEveryday serenity.\u003cbr\u003eYour quietest companion.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eDesigned for focus and flow. In a muted slate blue with a soft-touch finish, this bottle delivers reliable insulation with an understated, professional aesthetic.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Slate \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003ePure form.\u003cbr\u003eUnderstated elegance.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe everyday objects should bring a sense of calm to your surroundings. The Slate bottle features a seamless, matte slate blue finish. It is a tactile experience designed to bring focus and quiet confidence to your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eMatte Slate Finish\u003c\/h3\u003e\n\u003cp\u003eA uniform, soft-touch matte surface in a muted slate blue gives the bottle its quiet, professional character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMade for Everyday\u003c\/h3\u003e\n\u003cp\u003eA clean silhouette designed to move naturally between home, work, travel and the moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142954_486.jpg?v=1789542057\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow mornings.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGood mornings rarely need more. A quiet room, something warm to drink and a few moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eThe calm, slate blue tone offers a sense of stability and focus. Slate was designed around these small rituals — with understated details that feel natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from the lid to the body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eMatte Slate Finish\u003c\/h3\u003e\n\u003cp\u003eA uniform, softly textured surface gives the bottle a refined, natural character inspired by contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eSeamless Screw Cap\u003c\/h3\u003e\n\u003cp\u003eA minimalist, perfectly matched lid ensures a tight seal without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142957_695.jpg?v=1789542057\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. The muted, slate blue finish naturally complements any setting and the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by stone, mist, soft interiors and northern landscapes, our palette is designed to feel calm today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Slate \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Mist \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Cloud \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Charcoal \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Slate\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eFind your\u003cbr\u003emoment of calm.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Slate \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59963477066014,"sku":null,"price":160.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/2026-09-16_142950_807.jpg?v=1789542057"},{"product_id":"autumn-glow","title":"Autumn Glow Travel Tumbler","description":"\u003c!-- =========================================================\nMOOIGEVOEL PREMIUM PRODUCT LANDING PAGE\nProduct: EMBER Insulated Bottle\nStyle: European Quiet Luxury \/ Nordic Minimal\n========================================================= --\u003e\n\u003cstyle\u003e\n \/* =========================================================\n MOOIGEVOEL EMBER — VERTICAL \/ COMPACT LANDING PAGE\n Purpose: keep the landing page as a narrow vertical column\n inside Shopify product pages without forcing full viewport width.\n ========================================================= *\/\n\n .mg-aura-page {\n --mg-ivory: #F7F4F0; \/* 柔和的暖米色背景，契合产品的温暖质感 *\/\n --mg-soft: #E9E1D6;\n --mg-sand: #D9CCBC;\n --mg-stone: #A9A198;\n --mg-charcoal: #2E241F; \/* 深浓缩咖啡色，用于主文字，比纯黑更温暖 *\/\n --mg-muted: #6E5D53; \/* 暖灰褐色，用于辅助文字 *\/\n --mg-olive: #6B3E28; \/* 提取产品主色的深赤陶色，用于底部 CTA 背景 *\/\n --mg-bronze: #B86B48; \/* 温暖的赤陶色\/铜色，用于标签和强调文字 *\/\n --mg-white: #FBFAF7;\n --mg-line: rgba(46, 36, 31, .12);\n\n width: min(100%, 620px);\n max-width: 620px;\n margin: 0 0 0 auto;\n padding: 0;\n background: var(--mg-ivory);\n color: var(--mg-charcoal);\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n }\n\n .mg-aura-page *,\n .mg-aura-page *::before,\n .mg-aura-page *::after {\n box-sizing: border-box;\n }\n\n .mg-aura-page img {\n max-width: 100%;\n }\n\n .mg-wrap {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n }\n\n .mg-heading {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -.025em;\n line-height: 1.08;\n word-break: normal;\n overflow-wrap: normal;\n }\n\n .mg-eyebrow {\n margin: 0 0 10px;\n color: var(--mg-bronze);\n font-size: 9px;\n font-weight: 600;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .mg-text {\n margin: 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 22px;\n border: 1px solid var(--mg-charcoal);\n background: var(--mg-charcoal);\n color: #fff;\n text-decoration: none;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: .12em;\n text-transform: uppercase;\n transition: background .25s ease, color .25s ease;\n }\n\n .mg-btn:hover {\n background: transparent;\n color: var(--mg-charcoal);\n }\n\n \/* HERO CTA — light premium button, protected from theme link colors *\/\n .mg-hero-actions .mg-btn {\n background: #F2EAE3 !important;\n border: 1px solid #D3BBA9 !important;\n color: #4A3227 !important;\n min-width: 170px;\n min-height: 46px;\n padding: 12px 24px;\n line-height: 1 !important;\n white-space: nowrap;\n text-decoration: none !important;\n opacity: 1 !important;\n box-shadow: none !important;\n }\n\n .mg-hero-actions .mg-btn:hover,\n .mg-hero-actions .mg-btn:focus {\n background: #F7F4F0 !important;\n border-color: #B86B48 !important;\n color: #2E241F !important;\n text-decoration: none !important;\n }\n\n \/* HERO — image above copy *\/\n .mg-hero {\n width: 100%;\n margin: 0;\n padding: 0;\n display: block;\n background: var(--mg-ivory);\n }\n\n .mg-hero-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #E8E0D5;\n }\n\n .mg-hero-media img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-hero-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: linear-gradient(180deg, rgba(255,255,255,0) 72%, rgba(40,35,28,.035) 100%);\n }\n\n .mg-hero-copy {\n display: block;\n padding: 30px 26px 36px;\n background: var(--mg-ivory);\n }\n\n .mg-hero-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-hero-brand {\n margin-bottom: 16px;\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 15px;\n letter-spacing: .05em;\n }\n\n .mg-hero h1 {\n margin: 0;\n font-size: clamp(44px, 8vw, 62px);\n line-height: .96;\n white-space: nowrap;\n word-break: keep-all;\n }\n\n .mg-hero-tagline {\n max-width: 480px;\n margin: 18px 0 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(24px, 4.8vw, 31px);\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-hero-description {\n max-width: 520px;\n margin: 18px 0 0;\n color: var(--mg-muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .mg-hero-actions {\n margin-top: 22px;\n }\n\n .mg-hero-note {\n margin: 11px 0 0;\n color: #888178;\n font-size: 10px;\n line-height: 1.5;\n }\n\n \/* INTRO *\/\n .mg-intro {\n padding: 46px 24px 42px;\n text-align: left;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-intro-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-intro h2 {\n font-size: clamp(30px, 5.6vw, 40px);\n line-height: 1.08;\n }\n\n .mg-intro .mg-text {\n max-width: none;\n margin: 16px 0 0;\n }\n\n \/* FEATURES — vertical compact list *\/\n .mg-features {\n padding: 0 0 42px;\n }\n\n .mg-features-grid {\n width: calc(100% - 40px);\n max-width: 580px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n border-top: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-feature {\n min-width: 0;\n padding: 22px 4px;\n }\n\n .mg-feature + .mg-feature {\n border-left: 0;\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-feature-number {\n display: block;\n margin-bottom: 9px;\n color: var(--mg-bronze);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 11px;\n }\n\n .mg-feature h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n line-height: 1.2;\n font-weight: 400;\n }\n\n .mg-feature p {\n margin: 0;\n color: var(--mg-muted);\n font-size: 13px;\n line-height: 1.62;\n }\n\n \/* STORY — image above copy *\/\n .mg-story,\n .mg-story--reverse {\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n background: #EAE2D7;\n }\n\n .mg-story--reverse {\n background: #DED6CA;\n }\n\n .mg-story-image,\n .mg-story--reverse .mg-story-image {\n order: 1;\n width: 100%;\n height: auto;\n aspect-ratio: 4 \/ 5;\n min-height: 0;\n overflow: hidden;\n background: #DDD3C6;\n }\n\n .mg-story-image img {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 0;\n object-fit: cover;\n object-position: center;\n }\n\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n order: 2;\n display: block;\n min-width: 0;\n padding: 30px 26px 36px;\n }\n\n .mg-story-inner {\n width: 100%;\n max-width: none;\n }\n\n .mg-story h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-story .mg-text {\n margin-top: 15px;\n }\n\n .mg-quote {\n margin-top: 18px;\n padding-top: 16px;\n border-top: 1px solid var(--mg-line);\n color: var(--mg-charcoal);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 16px;\n line-height: 1.48;\n }\n\n \/* DETAILS *\/\n .mg-details {\n padding: 46px 0;\n background: var(--mg-white);\n }\n\n .mg-details-header {\n max-width: none;\n margin-bottom: 26px;\n }\n\n .mg-details-header h2 {\n font-size: clamp(29px, 5.4vw, 39px);\n line-height: 1.08;\n }\n\n .mg-detail-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n border-top: 1px solid var(--mg-line);\n border-left: 1px solid var(--mg-line);\n }\n\n .mg-detail {\n min-width: 0;\n min-height: 0;\n padding: 20px 18px;\n border-right: 1px solid var(--mg-line);\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-detail-label {\n display: block;\n margin-bottom: 10px;\n color: var(--mg-bronze);\n font-size: 8px;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .mg-detail h3 {\n margin: 0 0 7px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 17px;\n line-height: 1.22;\n font-weight: 400;\n }\n\n .mg-detail p {\n max-width: none;\n margin: 0;\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.58;\n }\n\n \/* COLOUR STORY *\/\n .mg-colour {\n padding: 42px 24px;\n background: var(--mg-ivory);\n text-align: left;\n }\n\n .mg-colour h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n }\n\n .mg-colour-text {\n max-width: none;\n margin: 14px 0 0;\n }\n\n .mg-swatches {\n display: flex;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 23px;\n }\n\n .mg-swatch-wrap {\n width: 58px;\n text-align: center;\n }\n\n .mg-swatch {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n }\n\n .mg-swatch-name {\n display: block;\n margin-top: 7px;\n color: var(--mg-muted);\n font-size: 8px;\n letter-spacing: .06em;\n }\n\n \/* 更新色板以匹配真实产品颜色 *\/\n .mg-swatch-1 { background: #B86B48; } \/* Terracotta *\/\n .mg-swatch-2 { background: #D99B62; } \/* Amber *\/\n .mg-swatch-3 { background: #D1C1B1; } \/* Dune *\/\n .mg-swatch-4 { background: #3E322C; } \/* Charcoal *\/\n\n \/* SPECIFICATIONS — one column *\/\n .mg-specs {\n padding: 44px 0;\n background: #F9F7F3;\n }\n\n .mg-spec-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .mg-spec-title h2 {\n font-size: clamp(29px, 5.2vw, 38px);\n line-height: 1.08;\n }\n\n .mg-spec-list {\n border-top: 1px solid var(--mg-line);\n }\n\n .mg-spec-row {\n display: grid;\n grid-template-columns: 110px minmax(0, 1fr);\n gap: 16px;\n padding: 12px 0;\n border-bottom: 1px solid var(--mg-line);\n }\n\n .mg-spec-name {\n color: var(--mg-charcoal);\n font-size: 11px;\n line-height: 1.45;\n }\n\n .mg-spec-value {\n color: var(--mg-muted);\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* FINAL CTA *\/\n .mg-final {\n padding: 52px 24px;\n background: var(--mg-olive); \/* 深赤陶色背景 *\/\n color: #F7F2EA;\n text-align: left;\n }\n\n .mg-final-inner {\n max-width: 560px;\n margin: 0 auto;\n }\n\n .mg-final .mg-eyebrow {\n color: #DCCFBE;\n }\n\n .mg-final h2 {\n font-size: clamp(33px, 5.8vw, 44px);\n line-height: 1.05;\n }\n\n .mg-final p {\n max-width: none;\n margin: 15px 0 0;\n color: rgba(255,255,255,.75);\n font-size: 13px;\n line-height: 1.65;\n }\n\n .mg-final .mg-btn {\n margin-top: 22px;\n background: #F7F3EC;\n border-color: #F7F3EC;\n color: var(--mg-olive);\n }\n\n .mg-final .mg-btn:hover {\n background: var(--mg-bronze);\n border-color: var(--mg-bronze);\n color: #fff;\n }\n\n \/* Smaller screens *\/\n @media (max-width: 700px) {\n .mg-aura-page {\n width: 100%;\n max-width: 100%;\n margin: 0;\n }\n }\n\n @media (max-width: 520px) {\n .mg-wrap,\n .mg-features-grid {\n width: calc(100% - 32px);\n }\n\n .mg-hero-copy,\n .mg-story-copy,\n .mg-story--reverse .mg-story-copy {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-intro,\n .mg-colour,\n .mg-final {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .mg-detail-grid {\n grid-template-columns: 1fr;\n }\n\n .mg-detail {\n padding: 18px 16px;\n }\n\n .mg-spec-row {\n grid-template-columns: 1fr;\n gap: 3px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"mg-aura-page\"\u003e\n\u003c!-- =====================================================\n HERO 主图\n 将下面图片地址换成你上传到 Shopify 后的图片 URL\n ====================================================== --\u003e\n\u003csection class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/10_3ea889ca-8102-45d1-a2e2-c834b1ee3c66.png?v=1789542539\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-copy\"\u003e\n\u003cdiv class=\"mg-hero-inner\"\u003e\n\u003cdiv class=\"mg-hero-brand\"\u003eMooigevoel\u003c\/div\u003e\n\u003cp class=\"mg-eyebrow\"\u003eEveryday Collection · 01\u003c\/p\u003e\n\u003ch1 class=\"mg-heading\"\u003eEMBER\u003c\/h1\u003e\n\u003ch2 class=\"mg-hero-tagline\"\u003eWarmth for the journey.\u003cbr\u003eEmbrace the autumn glow.\u003c\/h2\u003e\n\u003cp class=\"mg-hero-description\"\u003eFor the moments you step away from the noise. Ember pairs a warm terracotta finish with a secure press-button lid, keeping your favourite drink at the perfect temperature while you soak in the quiet beauty of the season.\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-actions\"\u003e\u003ca href=\"#mg-shop\" class=\"mg-btn\"\u003e Discover Ember \u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"mg-hero-note\"\u003eDesigned for everyday rituals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"mg-intro\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-intro-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMade to belong\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eA quiet companion,\u003cbr\u003ethoughtfully considered.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eWe believe the objects you carry should reflect the harmony of their surroundings. Ember features a rich, earth-inspired terracotta tone and a softly tactile matte surface — designed to ground your daily rituals, from city commutes to weekend escapes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 KEY BENEFITS\n ====================================================== --\u003e\n\u003csection class=\"mg-features\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eDouble-Wall Insulation\u003c\/h3\u003e\n\u003cp\u003eInsulated construction helps maintain the temperature of your favourite drink while keeping the exterior comfortable to hold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eSecure Press-Button Lid\u003c\/h3\u003e\n\u003cp\u003eA seamlessly integrated, one-touch opening mechanism ensures a leak-proof seal and effortless sipping on the move.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature\"\u003e\n\u003cspan class=\"mg-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eTactile Matte Finish\u003c\/h3\u003e\n\u003cp\u003eA soft-touch, earth-toned surface inspired by autumn landscapes, offering a refined, premium feel in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 01\n \n 图片建议：\n 欧洲极简家居 \/ 早餐桌 \/ 咖啡 \/ 柔和晨光\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ScreenShot_2026-09-16_150812_312.png?v=1789542539\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eFrom the first coffee\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eMade for slow moments.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eGolden light, crisp air, and a few quiet moments before the day begins.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eEmber was designed around these small rituals — with an understated, warm palette that feels natural rather than demanding attention.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003e“Good design becomes part of life, rather than asking to be noticed.”\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT DETAILS\n ====================================================== --\u003e\n\u003csection class=\"mg-details\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-details-header\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eConsidered in every detail\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eSimplicity you can feel.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail-grid\"\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 01 · Form \u003c\/span\u003e\n\u003ch3\u003eSoftly sculpted silhouette\u003c\/h3\u003e\n\u003cp\u003eGentle transitions from the lid to the body create a balanced, elegant profile while remaining comfortable in the hand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 02 · Surface \u003c\/span\u003e\n\u003ch3\u003eEarthy Terracotta Tone\u003c\/h3\u003e\n\u003cp\u003eA sophisticated, warm hue bridging the gap between natural landscapes and contemporary European interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 03 · Lid \u003c\/span\u003e\n\u003ch3\u003eOne-Touch Convenience\u003c\/h3\u003e\n\u003cp\u003eA practical, elegantly integrated button lid adds modern convenience without interrupting the calm visual language of the bottle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-detail\"\u003e\n\u003cspan class=\"mg-detail-label\"\u003e 04 · Material \u003c\/span\u003e\n\u003ch3\u003eStainless-steel construction\u003c\/h3\u003e\n\u003cp\u003eCreated as a reusable everyday object with a durable stainless-steel body made for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 图文位置 02\n \n 图片建议：\n 手持产品 \/ 巴黎、阿姆斯特丹、哥本哈根式通勤生活\n 或办公室、咖啡店、汽车内饰场景\n \n 图片比例建议：4:5\n ====================================================== --\u003e\n\u003csection class=\"mg-story mg-story--reverse\"\u003e\n\u003cdiv class=\"mg-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/ScreenShot_2026-09-16_150713_821.png?v=1789542539\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-story-copy\"\u003e\n\u003cdiv class=\"mg-story-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMorning to evening\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eOne bottle.\u003cbr\u003eYour whole day.\u003c\/h2\u003e\n\u003cp class=\"mg-text\"\u003eFrom the kitchen counter to your desk. From a morning train to a quiet walk home. Ember is created to fit naturally into the changing rhythm of modern everyday life.\u003c\/p\u003e\n\u003cp class=\"mg-text\"\u003eNo loud branding. No unnecessary details. Simply an object designed to be used, enjoyed and kept close.\u003c\/p\u003e\n\u003cdiv class=\"mg-quote\"\u003eFrom morning coffee to the last sip on your way home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n COLOUR STORY\n ====================================================== --\u003e\n\u003csection class=\"mg-colour\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eThe Mooigevoel palette\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eColours made to live with.\u003c\/h2\u003e\n\u003cp class=\"mg-text mg-colour-text\"\u003eInspired by autumn leaves, warm earth, and golden hour light, our palette is designed to feel grounded today and timeless tomorrow.\u003c\/p\u003e\n\u003cdiv class=\"mg-swatches\"\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Terracotta \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Amber \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Dune \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-swatch-wrap\"\u003e\n\u003cdiv class=\"mg-swatch mg-swatch-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"mg-swatch-name\"\u003e Charcoal \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PRODUCT SPECIFICATION\n \n 请根据真实产品参数修改\n ====================================================== --\u003e\n\u003csection class=\"mg-specs\"\u003e\n\u003cdiv class=\"mg-wrap\"\u003e\n\u003cdiv class=\"mg-spec-layout\"\u003e\n\u003cdiv class=\"mg-spec-title\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eThe details\u003cbr\u003ethat matter.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-list\"\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eFood-grade stainless steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eConstruction\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eDouble-wall insulated construction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCapacity\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual capacity here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual dimensions here\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eTemperature\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your verified heat \u0026amp; cold retention data\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-row\"\u003e\n\u003cdiv class=\"mg-spec-name\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"mg-spec-value\"\u003eAdd your actual cleaning instructions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"mg-final\" id=\"mg-shop\"\u003e\n\u003cdiv class=\"mg-final-inner\"\u003e\n\u003cp class=\"mg-eyebrow\"\u003eMooigevoel · Ember\u003c\/p\u003e\n\u003ch2 class=\"mg-heading\"\u003eElevate your\u003cbr\u003eeveryday ritual.\u003c\/h2\u003e\n\u003cp\u003eThoughtfully designed drinkware for the everyday moments that quietly matter.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mg-btn\"\u003e Choose Your Ember \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Mooigevoel","offers":[{"title":"Default Title","offer_id":59963489550622,"sku":null,"price":165.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/2912\/6430\/files\/10_3ea889ca-8102-45d1-a2e2-c834b1ee3c66.png?v=1789542539"}],"url":"https:\/\/mooigevoel.com\/collections\/%e4%bf%9d%e6%b8%a9%e6%9d%af.oembed","provider":"Mooigevoel","version":"1.0","type":"link"}