{"product_id":"inaiyan-black-quilted-heart-crossbody-bag","title":"Classic Black Quilted Heart Crossbody Bag","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400\u0026amp;family=DM+Sans:wght@300;400;500\u0026amp;family=DM+Serif+Display:ital@0;1\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --bag-black: #111111; \n    --bag-charcoal: #2a2a2a; \n    --bag-grey: #444444;\n    --bg-main: #ffffff;\n    --bg-alt: #f7f7f7; \n    --border-color: #e5e5e5;\n    --ink: #111111; \n    --ink2: #333333;\n    --muted: #777777;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .inaiyan-wrapper {\n    background: var(--bg-main);\n    color: var(--ink);\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 300;\n    overflow-x: hidden;\n  }\n\n  \/* ── HERO BANNER ── *\/\n  .hero {\n    background: var(--bg-alt);\n    position: relative;\n    overflow: hidden;\n    padding: 3.5rem 3rem 3rem;\n    border-bottom: 2px solid var(--border-color);\n  }\n\n  \/* Subtle texture overlay *\/\n  .hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n  }\n\n  .hero-inner {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: flex-start;\n    gap: 2rem;\n    flex-wrap: wrap;\n  }\n\n  .hero-text { flex: 1; min-width: 280px; }\n\n  .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--bag-grey);\n    margin-bottom: 1rem;\n  }\n\n  .eyebrow::before {\n    content: '';\n    display: inline-block;\n    width: 24px;\n    height: 1.5px;\n    background: var(--bag-grey);\n  }\n\n  .hero-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(1.8rem, 4vw, 2.8rem);\n    font-weight: 700;\n    color: var(--ink);\n    line-height: 1.1;\n    margin-bottom: 0.5rem;\n  }\n\n  .hero-title em {\n    font-style: italic;\n    color: var(--bag-grey);\n  }\n\n  .hero-sub {\n    font-size: 14px;\n    color: var(--muted);\n    letter-spacing: 0.05em;\n    margin-bottom: 1.2rem;\n    line-height: 1.5;\n  }\n\n  .badge-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .badge {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 40px;\n  }\n\n  .badge-black { background: var(--bag-black); color: #fff; }\n  .badge-outline { background: var(--bg-main); color: var(--ink); border: 1px solid var(--border-color); }\n  .badge-grey { background: var(--bag-charcoal); color: #fff; }\n\n  \/* Product SVG illustration *\/\n  .hero-art {\n    flex: 0 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 1rem;\n  }\n\n  .product-wrap {\n    position: relative;\n    width: 200px;\n    height: 180px;\n  }\n\n  .product-svg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: float-gentle 5s ease-in-out infinite;\n    filter: drop-shadow(4px 12px 18px rgba(0, 0, 0, 0.15));\n  }\n\n  @keyframes float-gentle {\n    0%, 100% { transform: translate(-50%, -50%); }\n    50% { transform: translate(-50%, calc(-50% - 6px)); }\n  }\n\n  \/* ── MAIN CONTENT ── *\/\n  .content {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 2.5rem 2rem 3rem;\n  }\n\n  \/* ── STORY SECTION ── *\/\n  .story-section {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    gap: 2rem;\n    margin-bottom: 2.5rem;\n    align-items: start;\n  }\n\n  .story-label-col {\n    padding-top: 0.4rem;\n  }\n\n  .section-label {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--muted);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .section-label::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: var(--border-color);\n  }\n\n  .pull-quote {\n    font-family: 'DM Serif Display', serif;\n    font-size: 1.35rem;\n    font-style: italic;\n    color: var(--ink);\n    line-height: 1.6;\n    margin-bottom: 1rem;\n    border-left: 3px solid var(--bag-black);\n    padding-left: 1.2rem;\n  }\n\n  .body-text {\n    font-size: 14px;\n    line-height: 1.9;\n    color: var(--ink2);\n    font-weight: 300;\n  }\n\n  \/* ── DIVIDER ── *\/\n  .chic-divider {\n    height: 2px;\n    background: repeating-linear-gradient(\n      90deg,\n      var(--bag-black) 0px,\n      var(--bag-black) 10px,\n      transparent 10px,\n      transparent 20px\n    );\n    margin: 2rem 0;\n    opacity: 0.2;\n  }\n\n  \/* ── FEATURES ── *\/\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 12px;\n    margin-bottom: 2.5rem;\n  }\n\n  .feature-card {\n    background: #fff;\n    border: 1.5px solid var(--border-color);\n    border-radius: 12px;\n    padding: 1.2rem 1rem;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.2s, box-shadow 0.2s;\n  }\n\n  .feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: var(--bag-black);\n  }\n\n  .feature-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n  }\n\n  .feature-icon {\n    font-size: 1.8rem;\n    margin-bottom: 0.5rem;\n    display: block;\n    line-height: 1;\n  }\n\n  .feature-title {\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--ink);\n    margin-bottom: 4px;\n  }\n\n  .feature-desc {\n    font-size: 12px;\n    color: var(--muted);\n    line-height: 1.5;\n  }\n\n  \/* ── SPECS ── *\/\n  .specs-block {\n    background: var(--bag-black);\n    border-radius: 12px;\n    padding: 1.8rem 2rem;\n    margin-bottom: 2.5rem;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .specs-block::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: repeating-linear-gradient(\n      45deg,\n      transparent,\n      transparent 10px,\n      rgba(255,255,255,0.05) 11px,\n      rgba(255,255,255,0.05) 12px\n    );\n  }\n\n  .specs-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 1.2rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  .specs-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .spec-pill {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255,255,255,0.1);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 8px;\n    padding: 0.6rem 1rem;\n    flex: 1;\n    min-width: 150px;\n  }\n\n  .spec-icon { font-size: 1.2rem; flex-shrink: 0; }\n\n  .spec-label {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--muted);\n    margin-bottom: 2px;\n  }\n\n  .spec-value {\n    font-size: 13px;\n    font-weight: 400;\n    color: #fff;\n  }\n\n  \/* ── IDEAL FOR ── *\/\n  .ideal-strip {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 2.5rem;\n  }\n\n  .ideal-tag {\n    font-size: 12px;\n    font-weight: 400;\n    color: var(--ink);\n    background: var(--bg-main);\n    border: 1.5px solid var(--border-color);\n    border-radius: 6px;\n    padding: 6px 14px;\n    letter-spacing: 0.03em;\n    transition: background 0.2s, border-color 0.2s, color 0.2s;\n  }\n\n  .ideal-tag:hover {\n    background: var(--bag-black);\n    color: #fff;\n    border-color: var(--bag-black);\n  }\n\n  @media(max-width:640px) {\n    .hero { padding: 2rem 1.5rem; }\n    .story-section { grid-template-columns: 1fr; }\n    .story-label-col { display: none; }\n    .content { padding: 1.5rem 1.2rem 2rem; }\n    .hero-title { font-size: 1.8rem; }\n    .product-wrap { width: 150px; height: 135px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"inaiyan-wrapper\"\u003e\n\u003c!-- ── HERO ── --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eClassic Elegance\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eBlack Quilted\u003cbr\u003e\u003cem\u003eHeart Crossbody\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eMaster the art of effortless, everyday elegance. Crafted from smooth black vegan leather featuring timeless diamond quilting and a delicately embroidered heart.\u003c\/p\u003e\n\u003cdiv class=\"badge-row\"\u003e\n\u003cspan class=\"badge badge-black\"\u003e🖤 Diamond Quilted\u003c\/span\u003e \u003cspan class=\"badge badge-outline\"\u003e🎀 Embroidered Heart\u003c\/span\u003e \u003cspan class=\"badge badge-grey\"\u003e⬛ Vegan Leather\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Animated Product Illustration (Black Quilted Bag) --\u003e\n\u003cdiv class=\"hero-art\"\u003e\n\u003cdiv class=\"product-wrap\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 160 180\" height=\"180\" width=\"160\" class=\"product-svg\"\u003e\n            \n            \u003cpath stroke-linecap=\"round\" fill=\"none\" stroke-width=\"10\" stroke=\"#222\" d=\"M 30 90 C 5 20 155 20 130 90\"\u003e\u003c\/path\u003e\n            \u003cpath stroke-linecap=\"round\" fill=\"none\" stroke-dasharray=\"3 3\" stroke-width=\"1.5\" stroke=\"#444\" d=\"M 30 90 C 5 20 155 20 130 90\"\u003e\u003c\/path\u003e\n            \n            \n            \u003crect stroke-width=\"2\" stroke=\"#333\" fill=\"#111\" rx=\"12\" height=\"85\" width=\"110\" y=\"80\" x=\"25\"\u003e\u003c\/rect\u003e\n            \n            \n            \u003cpath stroke-width=\"2\" stroke=\"#333\" fill=\"#1c1c1c\" d=\"M 25 80 L 135 80 L 135 155 C 135 160 130 165 125 165 L 35 165 C 30 165 25 160 25 155 Z\"\u003e\u003c\/path\u003e\n            \n            \n            \u003cpath fill=\"none\" stroke-width=\"1\" stroke=\"#3a3a3a\" d=\"M 45 80 L 25 100 M 65 80 L 25 120 M 85 80 L 25 140 M 105 80 L 30 155 M 125 80 L 50 155 M 135 90 L 70 155 M 135 110 L 90 155 M 135 130 L 110 155\"\u003e\u003c\/path\u003e\n            \u003cpath fill=\"none\" stroke-width=\"1\" stroke=\"#3a3a3a\" d=\"M 115 80 L 135 100 M 95 80 L 135 120 M 75 80 L 135 140 M 55 80 L 130 155 M 35 80 L 110 155 M 25 90 L 90 155 M 25 110 L 70 155 M 25 130 L 50 155\"\u003e\u003c\/path\u003e\n            \n            \n            \u003cpath stroke-dasharray=\"2 2\" stroke-width=\"1.5\" stroke=\"#555\" fill=\"#111\" d=\"M 60 145 C 60 145 42 125 50 120 C 55 115 60 123 60 123 C 60 123 65 115 70 120 C 78 125 60 145 60 145 Z\"\u003e\u003c\/path\u003e\n            \n            \u003cpath fill=\"none\" stroke-width=\"1\" stroke=\"#444\" d=\"M 60 142 C 60 142 45 125 51 122 C 55 119 60 125 60 125 C 60 125 65 119 69 122 C 75 125 60 142 60 142 Z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── CONTENT ── --\u003e\n\u003cdiv class=\"content\"\u003e\n\u003c!-- Story --\u003e\n\u003cdiv class=\"story-section\"\u003e\n\u003cdiv class=\"story-label-col\"\u003e\n\u003cdiv class=\"section-label\"\u003eThe Design\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"pull-quote\"\u003e\"A bag that beautifully blends classic geometric sophistication with a touch of subtle, whimsical romance.\"\u003c\/div\u003e\n\u003cp class=\"body-text\"\u003eMaster the art of effortless, everyday elegance with a bag designed to be the ultimate go-to accessory for any outfit in your wardrobe. Crafted from smooth, premium black vegan leather, this versatile crossbody boasts a structured front flap beautifully detailed with a timeless diamond quilted pattern. Breaking the classic geometric lines is a uniquely stitched, intricate heart motif positioned perfectly on the corner, adding a soft touch to the sleek black canvas. Complete with a comfortable, matching adjustable shoulder strap, it seamlessly combines practicality with enduring style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chic-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Features --\u003e\n\u003cdiv style=\"margin-bottom: 1.2rem;\" class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🖤\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eDiamond Quilting\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eA classic, structured stitched pattern across the front flap provides an elevated texture\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🎀\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eEmbroidered Heart\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eA delicately stitched, intricate heart motif adds a charming and romantic focal point\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e⬛\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003ePremium Material\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eThe smooth, durable matte black body offers a sleek, easy-to-maintain vegan finish\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e👜\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eVersatile Carry\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eDesigned with a matching adjustable strap and a secure flap for effortless styling\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chic-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Specifications --\u003e\n\u003cdiv class=\"specs-block\"\u003e\n\u003cdiv class=\"specs-title\"\u003eProduct Specifications\u003c\/div\u003e\n\u003cdiv class=\"specs-row\"\u003e\n\u003cdiv class=\"spec-pill\"\u003e\n\u003cspan class=\"spec-icon\"\u003e👜\u003c\/span\u003e\n\u003cdiv class=\"spec-info\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStyle\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eFlap Sling \/ Crossbody\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-pill\"\u003e\n\u003cspan class=\"spec-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv class=\"spec-info\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eSmooth Vegan Leather\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-pill\"\u003e\n\u003cspan class=\"spec-icon\"\u003e🧵\u003c\/span\u003e\n\u003cdiv class=\"spec-info\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePattern\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eQuilted \u0026amp; Stitched\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-pill\"\u003e\n\u003cspan class=\"spec-icon\"\u003e🎨\u003c\/span\u003e\n\u003cdiv class=\"spec-info\"\u003e\n\u003cdiv class=\"spec-label\"\u003eColor\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eClassic Matte Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Perfect For --\u003e\n\u003cdiv style=\"margin-bottom: 1rem;\" class=\"section-label\"\u003ePerfect For\u003c\/div\u003e\n\u003cdiv class=\"ideal-strip\"\u003e\n\u003cspan class=\"ideal-tag\"\u003e🏙️ Everyday Errands\u003c\/span\u003e \u003cspan class=\"ideal-tag\"\u003e☕ Coffee Dates\u003c\/span\u003e \u003cspan class=\"ideal-tag\"\u003e💃 Evening Outings\u003c\/span\u003e \u003cspan class=\"ideal-tag\"\u003e👗 Monochrome Outfits\u003c\/span\u003e \u003cspan class=\"ideal-tag\"\u003e🎸 Edgy-Chic Styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Nithya Bags","offers":[{"title":"Default Title","offer_id":63713428275569,"sku":null,"price":319.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0943\/3631\/9857\/files\/30_3bc4d888-e3f6-43cc-9dc9-ba4ef7d13903.png?v=1780218766","url":"https:\/\/inaiyan.in\/products\/inaiyan-black-quilted-heart-crossbody-bag","provider":"Inaiyan","version":"1.0","type":"link"}