{
    "id": 3910,
    "date": "2026-05-10T09:08:31",
    "date_gmt": "2026-05-10T01:08:31",
    "guid": {
        "rendered": "https:\/\/www.offbeat.com.hk\/?page_id=3910"
    },
    "modified": "2026-05-10T09:30:18",
    "modified_gmt": "2026-05-10T01:30:18",
    "slug": "offbeat-x-panda-friends",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/www.offbeat.com.hk\/en_us\/offbeat-x-panda-friends\/",
    "title": {
        "rendered": "OFFBEAT X Panda Friends"
    },
    "content": {
        "rendered": "<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;\n            background: #f5f5f5;\n            min-height: 100vh;\n        }<\/p>\n<p>        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 60px 40px;\n        }<\/p>\n<p>        .page-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }<\/p>\n<p>        .page-title {\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 700;\n            color: #1a1a1a;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .page-subtitle {\n            font-size: 1.1rem;\n            color: #666;\n            max-width: 600px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .series-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 40px;\n            max-width: 900px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .series-card {\n            position: relative;\n            aspect-ratio: 3\/4;\n            border-radius: 8px;\n            overflow: hidden;\n            background: #1a1a1a;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .series-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);\n        }<\/p>\n<p>        .series-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            transition: transform 0.6s ease;\n        }<\/p>\n<p>        .series-card:hover img {\n            transform: scale(1.05);\n        }<\/p>\n<p>        .series-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 30px;\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\n        }<\/p>\n<p>        .series-title {\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #fff;\n            margin-bottom: 8px;\n        }<\/p>\n<p>        .series-desc {\n            font-size: 0.95rem;\n            color: rgba(255, 255, 255, 0.8);\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .container {\n                padding: 40px 20px;\n            }<\/p>\n<p>            .series-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }<\/p>\n<p>            .series-card {\n                aspect-ratio: 4\/5;\n            }\n        }<\/p>\n<p>        .logo {\n            position: fixed;\n            top: 20px;\n            left: 20px;\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: #1a1a1a;\n            z-index: 100;\n            text-decoration: none;\n        }<\/p>\n<p>        .back-btn {\n            position: fixed;\n            top: 20px;\n            right: 20px;\n            padding: 10px 20px;\n            background: #1a1a1a;\n            color: #fff;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            transition: background 0.3s;\n            z-index: 100;\n            text-decoration: none;\n        }<\/p>\n<p>        .back-btn:hover {\n            background: #333;\n        }\n    <\/style>\n<div id=\"ob-wp-embed\">\n<p>    <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-series\/\" class=\"back-btn\">\u2190 Back to Series<\/a><\/p>\n<div class=\"container\">\n<header class=\"page-header\">\n<h1 class=\"page-title\">OFFBEAT X Panda Friends<\/h1>\n<p class=\"page-subtitle\">Explore our collaboration with Panda Friends, adding cuteness and fun to your journey<\/p>\n<\/header>\n<div class=\"series-grid\">\n            <!-- Version 1 --><br \/>\n            <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-category\/offbeat-x-panda-friends\/\" class=\"series-card\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/www.offbeat.com.hk\/wp-content\/uploads\/2025\/09\/Panda2323-728B_01.jpg\" alt=\"Panda Friends Version 1\"><\/p>\n<div class=\"series-overlay\">\n<h2 class=\"series-title\">Version 1<\/h2>\n<p class=\"series-desc\">Classic panda pattern series &#8211; cute and stylish<\/p>\n<\/p><\/div>\n<p>            <\/a><\/p>\n<p>            <!-- Version 2 --><br \/>\n            <a href=\"https:\/\/www.offbeat.com.hk\/zh\/product-category\/offbeat-x-panda-friends2\/\" class=\"series-card\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/www.offbeat.com.hk\/wp-content\/uploads\/2026\/04\/Panda2323-928T.jpg\" alt=\"Panda Friends Version 2\"><\/p>\n<div class=\"series-overlay\">\n<h2 class=\"series-title\">Version 2<\/h2>\n<p class=\"series-desc\">New designs &#8211; more styles to choose from<\/p>\n<\/p><\/div>\n<p>            <\/a>\n        <\/div>\n<\/p><\/div>\n<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>\u2190 Back to Series OFFBEAT X Panda Friends Explore our collaboration with Panda Friends, adding cuteness and fun to your journey Version 1 Classic panda pattern series &#8211; cute and stylish Version 2 New designs &#8211; more styles to choose from<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "",
    "meta": {
        "footnotes": ""
    },
    "class_list": [
        "post-3910",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "jetpack_sharing_enabled": true,
    "_links": {
        "self": [
            {
                "href": "https:\/\/www.offbeat.com.hk\/en_us\/wp-json\/wp\/v2\/pages\/3910",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/www.offbeat.com.hk\/en_us\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/www.offbeat.com.hk\/en_us\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/www.offbeat.com.hk\/en_us\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/www.offbeat.com.hk\/en_us\/wp-json\/wp\/v2\/comments?post=3910"
            }
        ],
        "version-history": [
            {
                "count": 12,
                "href": "https:\/\/www.offbeat.com.hk\/en_us\/wp-json\/wp\/v2\/pages\/3910\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 3936,
                "href": "https:\/\/www.offbeat.com.hk\/en_us\/wp-json\/wp\/v2\/pages\/3910\/revisions\/3936"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/www.offbeat.com.hk\/en_us\/wp-json\/wp\/v2\/media?parent=3910"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}