{"title":"TEST","description":"\u003cstyle\u003e\n  .shopify-section-header + *{\n    margin-top: 0 !important;\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n  \/* Hide Shopify Craft header ONLY on this page *\/\n  .shopify-section-header,\n  header.header,\n  .header-wrapper{\n    display: none !important;\n  }\n\n  \/* Remove top spacing left by header *\/\n  body{\n    padding-top: 0 !important;\n  }\n\u003c\/style\u003e\n\u003c!-- =========================\nMOOR AUDIO - Collections Page (Shopify-friendly HTML\/CSS)\n貼到 Shopify：Online Store → Themes → Customize → (Add section: Custom liquid \/ Custom HTML)\n========================= --\u003e\n\u003csection class=\"moor-collections\"\u003e\u003c!-- ======= TOP NAV ======= --\u003e\u003cheader class=\"moor-nav\"\u003e\n\u003cdiv class=\"moor-nav__inner\"\u003e\n\u003ca class=\"moor-brand\" href=\"\/\" aria-label=\"MOOR AUDIO Home\"\u003e \u003cspan class=\"moor-brand__logo\"\u003eMOOR\u003cspan class=\"moor-brand__dot\"\u003e•\u003c\/span\u003eAUDIO\u003c\/span\u003e \u003c\/a\u003e\u003cnav class=\"moor-menu\" aria-label=\"Primary\"\u003e\u003ca href=\"\/collections\"\u003eCOLLECTIONS\u003c\/a\u003e \u003ca href=\"\/collections\/all\"\u003ePRODUCTS\u003c\/a\u003e \u003ca href=\"\/pages\/about-us\"\u003eABOUT US\u003c\/a\u003e \u003ca href=\"\/pages\/support\"\u003eSUPPORT\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"moor-actions\"\u003e\n\u003ca class=\"moor-ico\" href=\"\/cart\" aria-label=\"Cart\"\u003e🛒\u003c\/a\u003e \u003ca class=\"moor-ico\" href=\"\/search\" aria-label=\"Search\"\u003e🔍\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- ======= HERO ======= --\u003e\n\u003csection class=\"moor-hero\" role=\"banner\" aria-label=\"Collections Hero\"\u003e\u003c!-- 換成你的 Banner 圖 --\u003e \u003cimg class=\"moor-hero__img\" src=\"https:\/\/images.unsplash.com\/photo-1582582494700-2a92c52c5aa5?auto=format\u0026amp;fit=crop\u0026amp;w=2400\u0026amp;q=80\" alt=\"Living room home theater\" loading=\"eager\"\u003e\n\u003cdiv class=\"moor-hero__overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-hero__inner\"\u003e\n\u003ch1 class=\"moor-hero__title\"\u003eELEVATE YOUR HOME ENTERTAINMENT\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======= CONTENT ======= --\u003e\u003cmain class=\"moor-main\"\u003e\u003c!-- ======= TV \u0026 HOME ENTERTAINMENT ======= --\u003e\n\u003csection class=\"moor-block\"\u003e\n\u003ch2 class=\"moor-block__title\"\u003eTV \u0026amp; HOME ENTERTAINMENT\u003c\/h2\u003e\n\u003cdiv class=\"moor-grid\"\u003e\n\u003c!-- Card 1 --\u003e\u003ca class=\"moor-card\" href=\"#\"\u003e\n\u003cdiv class=\"moor-card__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/7890\/4616\/files\/demo_soundbar.png?v=1\" alt=\"Acoustic Flow Soundbar\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-card__meta\"\u003e\n\u003cdiv class=\"moor-card__name\"\u003eAcoustic Flow Soundbar\u003c\/div\u003e\n\u003cdiv class=\"moor-card__price\"\u003e$24.00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- Card 2 --\u003e\u003ca class=\"moor-card\" href=\"#\"\u003e\n\u003cdiv class=\"moor-card__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/7890\/4616\/files\/demo_towers.png?v=1\" alt=\"Resonance Towers\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-card__meta\"\u003e\n\u003cdiv class=\"moor-card__name\"\u003eResonance Towers\u003c\/div\u003e\n\u003cdiv class=\"moor-card__price\"\u003e$24.00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- Card 3 --\u003e\u003ca class=\"moor-card\" href=\"#\"\u003e\n\u003cdiv class=\"moor-card__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/7890\/4616\/files\/demo_subwoofer.png?v=1\" alt=\"Deep Pulse Subwoofer\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-card__meta\"\u003e\n\u003cdiv class=\"moor-card__name\"\u003eDeep Pulse Subwoofer\u003c\/div\u003e\n\u003cdiv class=\"moor-card__price\"\u003e$99.00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- Card 4 --\u003e\u003ca class=\"moor-card\" href=\"#\"\u003e\n\u003cdiv class=\"moor-card__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/7890\/4616\/files\/demo_receiver.png?v=1\" alt=\"Surround Sphere Receiver\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-card__meta\"\u003e\n\u003cdiv class=\"moor-card__name\"\u003eSurround Sphere Receiver\u003c\/div\u003e\n\u003cdiv class=\"moor-card__price\"\u003e$29.00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======= NEXT ROW (optional) ======= --\u003e\n\u003csection class=\"moor-block moor-block--two\"\u003e\n\u003cdiv class=\"moor-twoCols\"\u003e\n\u003cdiv\u003e\n\u003ch2 class=\"moor-block__title\"\u003ePORTABLE AUDIO\u003c\/h2\u003e\n\u003cdiv class=\"moor-grid moor-grid--compact\"\u003e\n\u003ca class=\"moor-card\" href=\"#\"\u003e\n\u003cdiv class=\"moor-card__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/7890\/4616\/files\/demo_portable_1.png?v=1\" alt=\"Portable 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-card__meta\"\u003e\n\u003cdiv class=\"moor-card__name\"\u003ePortable One\u003c\/div\u003e\n\u003cdiv class=\"moor-card__price\"\u003e$59.00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003ca class=\"moor-card\" href=\"#\"\u003e\n\u003cdiv class=\"moor-card__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/7890\/4616\/files\/demo_portable_2.png?v=1\" alt=\"Portable 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-card__meta\"\u003e\n\u003cdiv class=\"moor-card__name\"\u003ePortable Two\u003c\/div\u003e\n\u003cdiv class=\"moor-card__price\"\u003e$79.00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch2 class=\"moor-block__title\"\u003eHEADPHONES\u003c\/h2\u003e\n\u003cdiv class=\"moor-grid moor-grid--compact\"\u003e\n\u003ca class=\"moor-card\" href=\"#\"\u003e\n\u003cdiv class=\"moor-card__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/7890\/4616\/files\/demo_hp_1.png?v=1\" alt=\"Headphone 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-card__meta\"\u003e\n\u003cdiv class=\"moor-card__name\"\u003eStudio Headphone\u003c\/div\u003e\n\u003cdiv class=\"moor-card__price\"\u003e$129.00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003ca class=\"moor-card\" href=\"#\"\u003e\n\u003cdiv class=\"moor-card__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/7890\/4616\/files\/demo_hp_2.png?v=1\" alt=\"Headphone 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"moor-card__meta\"\u003e\n\u003cdiv class=\"moor-card__name\"\u003eWireless Headphone\u003c\/div\u003e\n\u003cdiv class=\"moor-card__price\"\u003e$149.00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/main\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* ======= Base ======= *\/\n  .moor-collections{\n    --bg: #ffffff;\n    --text: #111;\n    --muted: #777;\n    --line: #e9e9e9;\n    --shadow: 0 10px 24px rgba(0,0,0,.08);\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", system-ui, sans-serif;\n    color: var(--text);\n    background: var(--bg);\n  }\n  .moor-collections a{ color: inherit; text-decoration: none; }\n  .moor-collections img{ max-width: 100%; display: block; }\n\n  \/* ======= Nav ======= *\/\n  .moor-nav{\n    position: sticky;\n    top: 0;\n    z-index: 50;\n    background: rgba(25,25,25,.88);\n    backdrop-filter: blur(8px);\n    border-bottom: 1px solid rgba(255,255,255,.08);\n  }\n  .moor-nav__inner{\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 14px 18px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n  }\n  .moor-brand__logo{\n    font-weight: 800;\n    letter-spacing: .06em;\n    color: #fff;\n    font-size: 18px;\n    white-space: nowrap;\n  }\n  .moor-brand__dot{ color: #57d1ff; margin: 0 2px; }\n  .moor-menu{\n    display: flex;\n    gap: 26px;\n    align-items: center;\n  }\n  .moor-menu a{\n    color: rgba(255,255,255,.86);\n    font-size: 13px;\n    letter-spacing: .06em;\n    font-weight: 700;\n    padding: 6px 0;\n    border-bottom: 2px solid transparent;\n  }\n  .moor-menu a:hover{ color: #fff; border-bottom-color: rgba(255,255,255,.55); }\n  .moor-actions{ display: flex; gap: 14px; }\n  .moor-ico{\n    width: 34px; height: 34px;\n    display: grid; place-items: center;\n    border: 1px solid rgba(255,255,255,.14);\n    border-radius: 999px;\n    color: #fff;\n    font-size: 14px;\n  }\n  .moor-ico:hover{ border-color: rgba(255,255,255,.35); }\n\n  \/* ======= Hero ======= *\/\n  .moor-hero{\n    position: relative;\n    height: clamp(320px, 46vw, 520px);\n    overflow: hidden;\n    background: #111;\n  }\n  .moor-hero__img{\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transform: scale(1.02);\n  }\n  .moor-hero__overlay{\n    position: absolute; inset: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,.22), rgba(0,0,0,.18));\n  }\n  .moor-hero__inner{\n    position: absolute; inset: 0;\n    display: grid; place-items: center;\n    padding: 24px;\n    text-align: center;\n  }\n  .moor-hero__title{\n    margin: 0;\n    color: #fff;\n    font-weight: 800;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    font-size: clamp(26px, 3.4vw, 46px);\n    text-shadow: 0 10px 28px rgba(0,0,0,.35);\n  }\n\n  \/* ======= Content ======= *\/\n  .moor-main{\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 34px 18px 54px;\n  }\n  .moor-block{ margin-top: 6px; }\n  .moor-block__title{\n    margin: 0 0 16px;\n    font-size: 14px;\n    letter-spacing: .08em;\n    font-weight: 900;\n    color: #2a2a2a;\n    text-transform: uppercase;\n  }\n\n  .moor-grid{\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .moor-card{\n    background: #fff;\n    border: 1px solid var(--line);\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 0 0 rgba(0,0,0,0);\n    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n  }\n  .moor-card:hover{\n    transform: translateY(-2px);\n    box-shadow: var(--shadow);\n    border-color: #dedede;\n  }\n  .moor-card__img{\n    aspect-ratio: 4 \/ 3;\n    display: grid;\n    place-items: center;\n    padding: 18px;\n    background: #fafafa;\n  }\n  .moor-card__img img{\n    max-height: 165px;\n    object-fit: contain;\n  }\n  .moor-card__meta{\n    padding: 14px 14px 16px;\n    border-top: 1px solid var(--line);\n  }\n  .moor-card__name{\n    font-size: 14px;\n    font-weight: 700;\n    color: #2a2a2a;\n    line-height: 1.25;\n    min-height: 36px; \/* 讓卡片名對齊 *\/\n  }\n  .moor-card__price{\n    margin-top: 6px;\n    font-size: 13px;\n    color: var(--muted);\n    font-weight: 600;\n  }\n\n  \/* ======= Two column blocks (Portable\/Headphones) ======= *\/\n  .moor-block--two{ margin-top: 34px; }\n  .moor-twoCols{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 26px;\n  }\n  .moor-grid--compact{\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  \/* ======= Responsive ======= *\/\n  @media (max-width: 980px){\n    .moor-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    .moor-twoCols{ grid-template-columns: 1fr; }\n    .moor-menu{ display: none; } \/* 行動版可改成漢堡 *\/\n  }\n  @media (max-width: 520px){\n    .moor-grid{ grid-template-columns: 1fr; }\n    .moor-card__name{ min-height: 0; }\n  }\n\u003c\/style\u003e","products":[],"url":"https:\/\/www.moor-audio.com\/collections\/test.oembed","provider":"MOOR Technology Co., Ltd.","version":"1.0","type":"link"}