{"product_id":"gothic-heart-eye-statement-crossbody-bag","title":"Gothic Heart Eye Statement Crossbody Bag","description":"\u003cstyle\u003e\n  .ghe-page {\n    --ghe-black:#0b090b;\n    --ghe-ink:#171216;\n    --ghe-wine:#4b1724;\n    --ghe-wine-deep:#2a1018;\n    --ghe-bone:#f1e8dc;\n    --ghe-bone-2:#e5d7c7;\n    --ghe-muted:#766b71;\n    --ghe-line:rgba(241,232,220,.16);\n    --ghe-red:#a2485d;\n    max-width:1120px;\n    margin:0 auto;\n    overflow:hidden;\n    color:var(--ghe-ink);\n    font-family:Arial,Helvetica,sans-serif;\n    line-height:1.65;\n    background:var(--ghe-bone);\n  }\n\n  .ghe-page,\n  .ghe-page * { box-sizing:border-box; }\n\n  .ghe-page .ghe-section { margin:0; }\n  .ghe-page .ghe-img { width:100%; height:auto; display:block; }\n\n  .ghe-page .ghe-kicker {\n    margin:0 0 18px;\n    font-size:11px;\n    line-height:1.2;\n    font-weight:700;\n    letter-spacing:3px;\n    text-transform:uppercase;\n  }\n\n  .ghe-page .ghe-display {\n    margin:0;\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-weight:400;\n    letter-spacing:-.045em;\n  }\n\n  \/* HERO *\/\n  .ghe-page .ghe-hero {\n    display:grid;\n    grid-template-columns:.88fr 1.12fr;\n    min-height:640px;\n    background:\n      radial-gradient(circle at 20% 10%,rgba(162,72,93,.18),transparent 28%),\n      linear-gradient(145deg,#080708 0%,#140d11 55%,#291019 100%);\n    color:#fff;\n  }\n\n  .ghe-page .ghe-hero-copy {\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    padding:72px 48px 72px 56px;\n  }\n\n  .ghe-page .ghe-hero .ghe-kicker { color:#d99aab; }\n\n  .ghe-page .ghe-hero-title {\n    max-width:470px;\n    color:#f8f0e8;\n    font-size:clamp(47px,5.8vw,76px);\n    line-height:.95;\n  }\n\n  .ghe-page .ghe-hero-title em {\n    display:block;\n    margin-top:7px;\n    color:#bd6279;\n    font-weight:400;\n  }\n\n  .ghe-page .ghe-hero-copy p {\n    max-width:430px;\n    margin:28px 0 0;\n    color:#cfc3c8;\n    font-size:16px;\n    line-height:1.75;\n  }\n\n  .ghe-page .ghe-hero-line {\n    display:flex;\n    gap:16px;\n    flex-wrap:wrap;\n    margin-top:34px;\n    padding-top:24px;\n    border-top:1px solid var(--ghe-line);\n  }\n\n  .ghe-page .ghe-hero-line span {\n    color:#eee2e6;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:1.4px;\n    text-transform:uppercase;\n  }\n\n  .ghe-page .ghe-hero-visual {\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:32px 32px 32px 0;\n    min-width:0;\n  }\n\n  .ghe-page .ghe-hero-frame {\n    position:relative;\n    width:100%;\n    overflow:hidden;\n    border-radius:24px;\n    background:#120d10;\n    box-shadow:0 30px 70px rgba(0,0,0,.45);\n  }\n\n  .ghe-page .ghe-hero-tag {\n    position:absolute;\n    right:16px;\n    bottom:16px;\n    padding:9px 13px;\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:999px;\n    background:rgba(11,9,11,.72);\n    color:#f1e7e8;\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:1.8px;\n    text-transform:uppercase;\n  }\n\n  \/* STORY *\/\n  .ghe-page .ghe-story {\n    display:grid;\n    grid-template-columns:.62fr 1.38fr;\n    gap:52px;\n    padding:92px 56px;\n    background:var(--ghe-bone);\n  }\n\n  .ghe-page .ghe-story-index {\n    padding-top:7px;\n    color:#8a5662;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:2.4px;\n    text-transform:uppercase;\n  }\n\n  .ghe-page .ghe-story-title {\n    max-width:730px;\n    color:#25191f;\n    font-size:clamp(36px,4.5vw,55px);\n    line-height:1.06;\n  }\n\n  .ghe-page .ghe-story-copy {\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:28px;\n    max-width:760px;\n    margin-top:30px;\n  }\n\n  .ghe-page .ghe-story-copy p {\n    margin:0;\n    color:#64595f;\n    font-size:15px;\n    line-height:1.8;\n  }\n\n  .ghe-page .ghe-story-note {\n    max-width:760px;\n    margin-top:34px;\n    padding:24px 28px;\n    border-left:2px solid var(--ghe-red);\n    background:rgba(255,255,255,.38);\n  }\n\n  .ghe-page .ghe-story-note p {\n    margin:0;\n    color:#3a2931;\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(22px,2.8vw,31px);\n    line-height:1.35;\n    font-style:italic;\n  }\n\n  \/* EDITORIAL DUO *\/\n  .ghe-page .ghe-duo {\n    display:grid;\n    grid-template-columns:1.13fr .87fr;\n    gap:12px;\n    padding:12px;\n    background:#0b090b;\n  }\n\n  .ghe-page .ghe-media-card {\n    position:relative;\n    overflow:hidden;\n    border-radius:18px;\n    background:#161116;\n  }\n\n  .ghe-page .ghe-media-label {\n    position:absolute;\n    left:14px;\n    bottom:14px;\n    padding:8px 11px;\n    border:1px solid rgba(255,255,255,.14);\n    border-radius:999px;\n    background:rgba(8,7,8,.7);\n    color:#f2e8ea;\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n  }\n\n  \/* ATTITUDE SECTION *\/\n  .ghe-page .ghe-attitude {\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    background:#35131d;\n    color:#fff;\n  }\n\n  .ghe-page .ghe-attitude-copy {\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    padding:70px 52px;\n  }\n\n  .ghe-page .ghe-attitude .ghe-kicker { color:#d891a2; }\n\n  .ghe-page .ghe-attitude-title {\n    color:#f6ecec;\n    font-size:clamp(34px,4vw,49px);\n    line-height:1.06;\n  }\n\n  .ghe-page .ghe-attitude-copy p {\n    max-width:490px;\n    margin:22px 0 0;\n    color:#d7c5ca;\n    font-size:15px;\n    line-height:1.8;\n  }\n\n  .ghe-page .ghe-attitude-list {\n    display:flex;\n    flex-wrap:wrap;\n    gap:9px;\n    margin-top:28px;\n  }\n\n  .ghe-page .ghe-attitude-list span {\n    padding:8px 11px;\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:999px;\n    color:#eadde0;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.7px;\n    text-transform:uppercase;\n  }\n\n  .ghe-page .ghe-attitude-image { min-width:0; background:#171015; }\n\n  \/* THREE IMAGE STRIP *\/\n  .ghe-page .ghe-trio {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:10px;\n    padding:10px;\n    background:var(--ghe-bone-2);\n  }\n\n  .ghe-page .ghe-trio .ghe-media-card { border-radius:15px; }\n\n  \/* CLOSING *\/\n  .ghe-page .ghe-closing {\n    display:grid;\n    grid-template-columns:.92fr 1.08fr;\n    background:#f7f0e8;\n  }\n\n  .ghe-page .ghe-closing-copy {\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    padding:72px 54px;\n  }\n\n  .ghe-page .ghe-closing .ghe-kicker { color:#925164; }\n\n  .ghe-page .ghe-closing-title {\n    color:#281a21;\n    font-size:clamp(35px,4.4vw,54px);\n    line-height:1.06;\n  }\n\n  .ghe-page .ghe-closing-copy p {\n    max-width:470px;\n    margin:22px 0 0;\n    color:#685b62;\n    font-size:15px;\n    line-height:1.8;\n  }\n\n  .ghe-page .ghe-closing-visual {\n    padding:24px 24px 24px 0;\n    min-width:0;\n  }\n\n  .ghe-page .ghe-closing-visual .ghe-media-card {\n    height:100%;\n    min-height:420px;\n  }\n\n  .ghe-page .ghe-closing-visual img {\n    width:100%;\n    height:100%;\n    object-fit:cover;\n  }\n\n  \/* LAST IMAGE *\/\n  .ghe-page .ghe-last {\n    padding:12px;\n    background:#0b090b;\n  }\n\n  .ghe-page .ghe-last .ghe-media-card { border-radius:18px; }\n\n  @media (max-width:768px) {\n    .ghe-page .ghe-hero,\n    .ghe-page .ghe-story,\n    .ghe-page .ghe-duo,\n    .ghe-page .ghe-attitude,\n    .ghe-page .ghe-closing {\n      grid-template-columns:1fr;\n    }\n\n    .ghe-page .ghe-hero { min-height:0; }\n\n    .ghe-page .ghe-hero-copy {\n      padding:48px 20px 32px;\n    }\n\n    .ghe-page .ghe-hero-title {\n      font-size:clamp(44px,13vw,60px);\n    }\n\n    .ghe-page .ghe-hero-visual {\n      padding:0 14px 14px;\n    }\n\n    .ghe-page .ghe-hero-frame { border-radius:18px; }\n\n    .ghe-page .ghe-story {\n      gap:18px;\n      padding:58px 20px;\n    }\n\n    .ghe-page .ghe-story-copy { grid-template-columns:1fr; gap:16px; }\n    .ghe-page .ghe-story-note { padding:20px; }\n\n    .ghe-page .ghe-duo,\n    .ghe-page .ghe-trio {\n      grid-template-columns:1fr;\n    }\n\n    .ghe-page .ghe-attitude-copy,\n    .ghe-page .ghe-closing-copy {\n      padding:54px 20px;\n    }\n\n    .ghe-page .ghe-closing-visual {\n      padding:0 14px 14px;\n    }\n\n    .ghe-page .ghe-closing-visual .ghe-media-card {\n      min-height:0;\n    }\n\n    .ghe-page .ghe-closing-visual img {\n      height:auto;\n      object-fit:initial;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"spx-page ghe-page\"\u003e\n\n  \u003csection class=\"ghe-section ghe-hero\"\u003e\n    \u003cdiv class=\"ghe-hero-copy\"\u003e\n      \u003cdiv class=\"ghe-kicker\"\u003eGothic Statement Accessories\u003c\/div\u003e\n      \u003ch2 class=\"ghe-display ghe-hero-title\"\u003e\n        Sweet Heart.\n        \u003cem\u003eStrange Eye.\u003c\/em\u003e\n      \u003c\/h2\u003e\n      \u003cp\u003e\n        A crossbody bag built around contrast — romantic at first glance,\n        unmistakably gothic the next. The heart-and-eye design turns an\n        everyday accessory into the detail that defines the whole look.\n      \u003c\/p\u003e\n      \u003cdiv class=\"ghe-hero-line\"\u003e\n        \u003cspan\u003eHeart Silhouette\u003c\/span\u003e\n        \u003cspan\u003eEye Motif\u003c\/span\u003e\n        \u003cspan\u003eDark Romantic Mood\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ghe-hero-visual\"\u003e\n      \u003cfigure class=\"ghe-hero-frame\"\u003e\n        \u003cimg class=\"ghe-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/1_a3879a9b-44fc-4868-a419-e25027419c44.png?v=1788854033\" alt=\"Gothic Heart Eye Statement Crossbody Bag\" loading=\"eager\" fetchpriority=\"high\"\u003e\n        \u003cfigcaption class=\"ghe-hero-tag\"\u003eThe Dark Heart\u003c\/figcaption\u003e\n      \u003c\/figure\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ghe-section ghe-story\"\u003e\n    \u003cdiv class=\"ghe-story-index\"\u003e01 \/ The Design\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003ch2 class=\"ghe-display ghe-story-title\"\u003e\n        A little romance. A little unease. Exactly the point.\n      \u003c\/h2\u003e\n      \u003cdiv class=\"ghe-story-copy\"\u003e\n        \u003cp\u003e\n          The heart shape gives the bag its familiar, almost sweet silhouette.\n          Then the eye changes the mood completely — turning it into something\n          stranger, darker and far more memorable.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          It is the kind of accessory that does not need a complicated outfit.\n          Let the bag carry the attitude, then build the rest of the look around it.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ghe-story-note\"\u003e\n        \u003cp\u003e“Pretty enough to draw you in. Strange enough to make you look twice.”\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ghe-section ghe-duo\"\u003e\n    \u003cfigure class=\"ghe-media-card\"\u003e\n      \u003cimg class=\"ghe-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/7_8456ed86-183b-4af3-a7b7-1990fd6f4485.png?v=1788854034\" alt=\"Gothic heart eye crossbody bag styling view\" loading=\"lazy\"\u003e\n      \u003cfigcaption class=\"ghe-media-label\"\u003eThe Mood\u003c\/figcaption\u003e\n    \u003c\/figure\u003e\n\n    \u003cfigure class=\"ghe-media-card\"\u003e\n      \u003cimg class=\"ghe-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/6_55fb9130-f180-4eeb-90fe-0c61d520b64a.png?v=1788854033\" alt=\"Gothic heart eye bag detail view\" loading=\"lazy\"\u003e\n      \u003cfigcaption class=\"ghe-media-label\"\u003eThe Detail\u003c\/figcaption\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ghe-section ghe-attitude\"\u003e\n    \u003cdiv class=\"ghe-attitude-copy\"\u003e\n      \u003cdiv class=\"ghe-kicker\"\u003eNot Just an Accessory\u003c\/div\u003e\n      \u003ch2 class=\"ghe-display ghe-attitude-title\"\u003e\n        The piece that makes the outfit feel intentional.\n      \u003c\/h2\u003e\n      \u003cp\u003e\n        Pair it with black denim, layered textures, oversized knits,\n        boots or a simple monochrome look. Its visual identity is strong\n        enough to stand on its own without fighting the rest of your outfit.\n      \u003c\/p\u003e\n      \u003cdiv class=\"ghe-attitude-list\"\u003e\n        \u003cspan\u003eGothic\u003c\/span\u003e\n        \u003cspan\u003eDark Romantic\u003c\/span\u003e\n        \u003cspan\u003eAlternative\u003c\/span\u003e\n        \u003cspan\u003eStatement Styling\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ghe-attitude-image\"\u003e\n      \u003cimg class=\"ghe-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/5_efcfeddf-926e-42cd-9ae0-7e030824a5ba.png?v=1788854033\" alt=\"Gothic Heart Eye Statement Crossbody Bag editorial image\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ghe-section ghe-trio\"\u003e\n    \u003cfigure class=\"ghe-media-card\"\u003e\n      \u003cimg class=\"ghe-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/4_4a3b06a0-71ee-4fb7-be1e-6d0253ba53c4.png?v=1788854033\" alt=\"Heart eye crossbody bag visual detail\" loading=\"lazy\"\u003e\n      \u003cfigcaption class=\"ghe-media-label\"\u003eHeart\u003c\/figcaption\u003e\n    \u003c\/figure\u003e\n\n    \u003cfigure class=\"ghe-media-card\"\u003e\n      \u003cimg class=\"ghe-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/3_28eed23d-f4da-486c-bbaf-b5b18e317a51.jpg?v=1788854033\" alt=\"Gothic eye motif bag detail\" loading=\"lazy\"\u003e\n      \u003cfigcaption class=\"ghe-media-label\"\u003eEye\u003c\/figcaption\u003e\n    \u003c\/figure\u003e\n\n    \u003cfigure class=\"ghe-media-card\"\u003e\n      \u003cimg class=\"ghe-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/2_0eb7460b-0e7d-4d82-b5e9-6abb55377954.png?v=1788854033\" alt=\"Gothic statement crossbody bag presentation\" loading=\"lazy\"\u003e\n      \u003cfigcaption class=\"ghe-media-label\"\u003eAttitude\u003c\/figcaption\u003e\n    \u003c\/figure\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ghe-section ghe-closing\"\u003e\n    \u003cdiv class=\"ghe-closing-copy\"\u003e\n      \u003cdiv class=\"ghe-kicker\"\u003eWear the Strange\u003c\/div\u003e\n      \u003ch2 class=\"ghe-display ghe-closing-title\"\u003e\n        Not made to disappear into the outfit.\n      \u003c\/h2\u003e\n      \u003cp\u003e\n        The Gothic Heart Eye Statement Crossbody Bag is for looks that need\n        one unforgettable focal point — romantic, eerie and deliberately different.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ghe-closing-visual\"\u003e\n      \u003cfigure class=\"ghe-media-card\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/13_5ed74a13-75b2-4241-8e79-bb5eb60941e0.png?v=1788854033\" alt=\"Gothic Heart Eye Statement Crossbody Bag final presentation\" loading=\"lazy\"\u003e\n      \u003c\/figure\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"YB123","offers":[{"title":"Ice Blue","offer_id":52603940307246,"sku":"SZ04622609086918-蓝色","price":35.99,"currency_code":"USD","in_stock":true},{"title":"Blood Red","offer_id":52603940340014,"sku":"SZ04622609086918-红色","price":35.99,"currency_code":"USD","in_stock":true},{"title":"Poison Green","offer_id":52603940372782,"sku":"SZ04622609086918-绿色","price":35.99,"currency_code":"USD","in_stock":true},{"title":"Mystic Violet","offer_id":52603940405550,"sku":"SZ04622609086918-紫色","price":35.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/13_5ed74a13-75b2-4241-8e79-bb5eb60941e0.png?v=1788854033","url":"https:\/\/cotitoc.com\/fr\/products\/gothic-heart-eye-statement-crossbody-bag","provider":"cotitoc","version":"1.0","type":"link"}