{"product_id":"commuter-prime-gm-bag","title":"Commuter Prime GM Bag","description":"\u003cdiv class=\"ls-tabs-cotton-baroque-bathrobe\"\u003e\n\u003cinput type=\"radio\" name=\"ls-tabs-group\" id=\"tab-details\" checked\u003e \u003cinput type=\"radio\" name=\"ls-tabs-group\" id=\"tab-size\"\u003e \u003cinput type=\"radio\" name=\"ls-tabs-group\" id=\"tab-care\"\u003e \u003cinput type=\"radio\" name=\"ls-tabs-group\" id=\"tab-transparency\"\u003e\n\u003cp class=\"ls-intro-text\"\u003e\u003cstrong\u003eThe model is holding a size L.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ls-intro-text\"\u003eThe GM Bag blends timeless elegance with everyday practicality. Crafted from iconic canvas and refined Chevroches calfskin, this spacious tote features sturdy 20 cm palladium-finished handles for comfortable carrying. Its reversible design offers versatility: carry it with the classic pattern or flip to the understated leather side. Lightweight and lined with soft linen and cotton, it's a luxury made in France.\u003c\/p\u003e\n\u003cdiv role=\"tablist\" class=\"ls-tablist\"\u003e\n\u003clabel class=\"ls-tab\" for=\"tab-details\"\u003eDetails\u003c\/label\u003e \u003clabel class=\"ls-tab\" for=\"tab-size\"\u003eSize \u0026amp; Fit\u003c\/label\u003e \u003clabel class=\"ls-tab\" for=\"tab-care\"\u003eCare\u003c\/label\u003e \u003clabel class=\"ls-tab\" for=\"tab-transparency\"\u003eTransparency\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ls-panels\"\u003e\n\u003cdiv class=\"ls-panel ls-panel-details\"\u003e\n\u003cul\u003e\n\u003cli data-end=\"410\" data-start=\"360\"\u003e\n\u003cp\u003eMaterial: Canvas \u0026amp; Chevroches calfskin\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"410\" data-start=\"360\"\u003e\n\u003cp\u003eJewelry accents in palladium finish\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"410\" data-start=\"360\"\u003e\n\u003cp\u003eReversible design: signature pattern or leather side\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"410\" data-start=\"360\"\u003e\n\u003cp\u003eHandles height: 20 cm for comfortable hand or shoulder carry\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"410\" data-start=\"360\"\u003e\n\u003cp\u003eInner lining: premium linen and cotton blend\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"410\" data-start=\"360\"\u003e\n\u003cp\u003eMade in France, showcasing exceptional craftsmanship\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ls-panel ls-panel-size\"\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2232\/0379\/files\/38e7fe8b13bc150c18b5d1438057ef3c_bbfdf460-5bab-4d87-906d-efe8ea6f9a71.png?v=1769497807\"\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"430\" data-end=\"460\"\u003e\n\u003cp\u003e\u003cstrong\u003eSize M:\u003c\/strong\u003e Length 34 cm, Width 15 cm, Height 27 cm\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"430\" data-end=\"460\"\u003e\n\u003cp\u003e\u003cstrong\u003eSize L:\u003c\/strong\u003e Length 42 cm, Width 15 cm, Height 29 cm\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"430\" data-end=\"460\"\u003e\n\u003cp\u003eHandle height for both sizes: 20 cm\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"430\" data-end=\"460\"\u003e\n\u003cp\u003eLightweight design for effortless carry\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ls-panel ls-panel-care\"\u003e\n\u003cul\u003e\n\u003cli data-end=\"520\" data-start=\"470\"\u003e\n\u003cp\u003eWipe gently with a soft, dry cloth to maintain finish\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"520\" data-start=\"470\"\u003e\n\u003cp\u003eAvoid prolonged exposure to direct sunlight and moisture\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"520\" data-start=\"470\"\u003e\n\u003cp\u003eDo not machine wash or use harsh cleaning agents\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"520\" data-start=\"470\"\u003e\n\u003cp\u003eStore in a dust bag when not in use to preserve shape\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ls-panel ls-panel-transparency\"\u003e\n\u003cdiv class=\"transparency-container\"\u003e\n\u003cdiv class=\"transparency-description\"\u003e\n\u003ch3\u003eTransparent pricing\u003c\/h3\u003e\n\u003cp\u003eTraditional brands mark up their products by 8-10x to cover expensive retail stores, celebrity endorsements, and middlemen. We don't. We ship directly from the factory to your door. You save the difference.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-table\"\u003e\n\u003cdiv class=\"t-row\"\u003e\n\u003cspan\u003eMaterials\u003c\/span\u003e\u003cspan id=\"ls-val-materials\"\u003e$44\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"t-row\"\u003e\n\u003cspan\u003eCrafting Cost\u003c\/span\u003e\u003cspan id=\"ls-val-crafting\"\u003e$33.9\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"t-row\"\u003e\n\u003cspan\u003ePackaging\u003c\/span\u003e\u003cspan id=\"ls-val-packaging\"\u003e$2.5\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"t-row\"\u003e\n\u003cspan\u003eFreight \u0026amp; Handling\u003c\/span\u003e\u003cspan id=\"ls-val-freight\"\u003e$16.9\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"t-row\"\u003e\n\u003cspan\u003eCredit Card Fees\u003c\/span\u003e\u003cspan id=\"ls-val-fees\"\u003e$0.2\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"t-row total-row\"\u003e\n\u003cspan\u003eTotal Cost\u003c\/span\u003e\u003cspan id=\"ls-val-total\"\u003e$97.5\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chart-section\"\u003e\n\u003cdiv class=\"chart-column\"\u003e\n\u003cdiv class=\"chart-price-tag\" id=\"ls-larosa-price-top\"\u003e$130\u003c\/div\u003e\n\u003cdiv class=\"chart-bar-stack\"\u003e\n\u003cdiv style=\"height: 33px;\" class=\"chart-orange-bar q-orange simple-block\" id=\"ls-bar-orange\"\u003e \u003c\/div\u003e\n\u003cdiv class=\"chart-black-bar\"\u003eTOTAL COST\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chart-footer-name\"\u003eLarosastyle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chart-column\"\u003e\n\u003cdiv class=\"chart-price-tag\"\u003e$2899\u003c\/div\u003e\n\u003cdiv class=\"chart-bar-stack\"\u003e\n\u003cdiv class=\"chart-orange-bar t-orange stacked-container\"\u003e\n\u003cdiv class=\"orange-sub-block sub-premium\"\u003e\u003cspan\u003eBrand Premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"orange-sub-block sub-oem\"\u003e\u003cspan\u003eOEM Factory\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"orange-sub-block sub-store\"\u003e\u003cspan\u003eStore Expenses\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chart-black-bar\"\u003eTOTAL COST\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chart-footer-name\"\u003eDESIGNER BRANDS\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e \/* ⚠️ 全局字体适配 ⚠️ 删除了所有 font-family 属性， 现在组件会自动继承 Shopify 主题的 Body 字体设置。 *\/.ls-tabs-cotton-baroque-bathrobe { font-size: 14px; line-height: 1.5; color: #333; max-width: 1000px; margin: 0 auto; }.ls-tabs-cotton-baroque-bathrobe * { box-sizing: border-box; }.ls-tabs-cotton-baroque-bathrobe input[type=\"radio\"] { position: absolute; opacity: 0; pointer-events: none; } \/* Tab 导航 *\/.ls-tablist { display: flex; border-bottom: 2px solid #ddd; margin-top: 20px; }.ls-tab { flex: 1; padding: 12px 5px; text-align: center; font-weight: 700; cursor: pointer; border-bottom: 2px solid transparent; transition: 0.3s; text-transform: uppercase; font-size: 12px; } #tab-details:checked ~.ls-tablist label[for=\"tab-details\"], #tab-size:checked ~.ls-tablist label[for=\"tab-size\"], #tab-care:checked ~.ls-tablist label[for=\"tab-care\"], #tab-transparency:checked ~.ls-tablist label[for=\"tab-transparency\"] { border-bottom-color: #1c1c1b; color: #1c1c1b; } \/* 面板显示逻辑 *\/.ls-panel { display: none; padding: 20px 0; } #tab-details:checked ~.ls-panels.ls-panel-details, #tab-size:checked ~.ls-panels.ls-panel-size, #tab-care:checked ~.ls-panels.ls-panel-care, #tab-transparency:checked ~.ls-panels.ls-panel-transparency { display: block; animation: fadeIn 0.3s; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } \/* Transparency 布局 *\/.transparency-container { display: flex; align-items: flex-end; gap: 40px; flex-wrap: wrap; padding: 10px 0; }.transparency-description { width: 300px; margin-bottom: 10px; }.transparency-description h3 { font-size: 32px; font-weight: normal; margin: 0 0 10px 0; line-height: 1.1; }.transparency-description p { font-size: 13px; color: #444; line-height: 1.5; }.details-table { width: 260px; margin-bottom: 10px; }.t-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e0e0e0; font-size: 11px; text-transform: uppercase; }.total-row { border-bottom: 2px solid #1c1c1b; font-weight: bold; font-size: 15px; margin-top: 5px; }.chart-section { display: flex; align-items: flex-end; gap: 30px; }.chart-column { display: flex; flex-direction: column; align-items: center; width: 140px; }.chart-price-tag { font-size: 24px; margin-bottom: 10px; color: #333; height: 30px; display: flex; align-items: center; justify-content: center; }.chart-bar-stack { width: 100%; display: flex; flex-direction: column; } \/* - - 橙色条核心样式 - - *\/.chart-orange-bar { width: 100%; transition: height 0.3s ease; flex-shrink: 0; min-height: 2px; line-height: 0; } \/* 左侧单一橙色块 *\/.chart-orange-bar.simple-block { background-color: #ffad80; } \/* 右侧堆叠容器 *\/.chart-orange-bar.stacked-container { background-color: transparent; display: flex; flex-direction: column; padding: 0; }.orange-sub-block { width: 100%; display: flex; align-items: center; justify-content: center; color: white; font-size: 11px; line-height: 1.2; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2); }.orange-sub-block:last-child { border-bottom: none; }.orange-sub-block span { display: block; padding: 2px; }.sub-premium { background-color: #ffad80; flex: 5; }.sub-oem { background-color: #ff9f66; flex: 3; }.sub-store { background-color: #ff914d; flex: 2; }.q-orange { height: 33px!important; }.t-orange { height: 180px; }.chart-black-bar { background-color: #1c1c1b; height: 100px; display: flex; align-items: center; justify-content: center; color: white; font-size: 10px; font-weight: bold; letter-spacing: 1px; flex-shrink: 0; }.chart-footer-name { margin-top: 15px; text-align: center; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; } \/* 对比表 *\/.ls-divider { margin: 40px 0 20px; border: 0; border-top: 1px solid #eee; }.ls-compare-title { font-size: 24px; font-weight: normal; margin-bottom: 15px; }.ls-compare { width: 100%; border-collapse: collapse; text-align: center; }.ls-compare th,.ls-compare td { padding: 12px; border: 1px solid #e0e0e0; font-size: 13px; }.ls-compare th { background: #f9f9f9; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; }.ls-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: #ff6f00; } @media (max-width: 768px) {.transparency-container { flex-direction: column; align-items: center; text-align: left; }.chart-section { margin-top: 20px; }.ls-tab { font-size: 11px; padding: 10px 2px; } }\n\u003c\/style\u003e","brand":"Marlow London","offers":[{"title":"Green \/ M","offer_id":50360117133569,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Green \/ L","offer_id":50360117166337,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Black \/ M","offer_id":50360117199105,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Black \/ L","offer_id":50360117231873,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Black-Tan \/ M","offer_id":50360117264641,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Black-Tan \/ L","offer_id":50360117297409,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Burgundy \/ M","offer_id":50360117330177,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Burgundy \/ L","offer_id":50360117362945,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ M","offer_id":50360117395713,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ L","offer_id":50360117428481,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ M","offer_id":50360117461249,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ L","offer_id":50360117494017,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ M","offer_id":50360117526785,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ L","offer_id":50360117559553,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Red \/ M","offer_id":50360117592321,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Red \/ L","offer_id":50360117625089,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Sky Blue \/ M","offer_id":50360117657857,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Sky Blue \/ L","offer_id":50360117690625,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"White \/ M","offer_id":50360117723393,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"White \/ L","offer_id":50360117756161,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ M","offer_id":50360117788929,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ L","offer_id":50360117821697,"sku":null,"price":97.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/1006\/8481\/files\/3_c7cdd415-db37-45bc-a18f-3957f8819227.jpg?v=1789796146","url":"https:\/\/marllowe.co.uk\/products\/commuter-prime-gm-bag","provider":"Marllowe","version":"1.0","type":"link"}