{"product_id":"inaiyan-pink-white-colorblock-geometric-crossbody","title":"Chic Pink \u0026 White Colorblock Crossbody Bag","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eInaiyan Pink \u0026amp; White Colorblock Crossbody\u003c\/title\u003e\n\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\n\u003cstyle\u003e\n  :root {\n    --bag-pink: #d8a7b7; \/* Soft dusky pink *\/\n    --bag-pink-dark: #b88596; \n    --bag-white: #ffffff;\n    --gold: #d4af37; \/* Matches the interlocking hardware *\/\n    --bg-main: #ffffff;\n    --bg-alt: #fdfafb;\n    --border-color: #f2e6eb;\n    --ink: #332227; \n    --ink2: #5c474d;\n    --muted: #8a7379;\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.02'\/%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-pink-dark);\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-pink-dark);\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-pink-dark);\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-pink { background: var(--bag-pink); color: #fff; }\n  .badge-outline { background: var(--bag-white); color: var(--ink); border: 1px solid var(--border-color); }\n  .badge-gold { background: var(--gold); 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(2px 8px 15px rgba(184, 133, 150, 0.2));\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(--bag-pink-dark);\n    line-height: 1.6;\n    margin-bottom: 1rem;\n    border-left: 3px solid var(--gold);\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-pink) 0px,\n      var(--bag-pink) 10px,\n      transparent 10px,\n      transparent 20px\n    );\n    margin: 2rem 0;\n    opacity: 0.3;\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-pink-dark);\n  }\n\n  .feature-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 24px rgba(216, 167, 183, 0.15);\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-pink-dark);\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(--border-color);\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-pink-dark);\n    color: #fff;\n    border-color: var(--bag-pink-dark);\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\n\n\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\"\u003eModern Geometrics\u003c\/div\u003e\n        \u003ch1 class=\"hero-title\"\u003eColorblock Crossbody\u003cbr\u003e\u003cem\u003eStatement Strap\u003c\/em\u003e\n\u003c\/h1\u003e\n        \u003cp class=\"hero-sub\"\u003eA perfect harmony of modern geometry and soft pastel hues. Featuring an asymmetrical flap, sleek white accents, and a bold woven shoulder strap.\u003c\/p\u003e\n        \u003cdiv class=\"badge-row\"\u003e\n          \u003cspan class=\"badge badge-pink\"\u003e🎀 Colorblock Design\u003c\/span\u003e\n          \u003cspan class=\"badge badge-outline\"\u003e🧵 Geometric Strap\u003c\/span\u003e\n          \u003cspan class=\"badge badge-gold\"\u003e✨ Gold Hardware\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Animated Product Illustration (Colorblock Bag) --\u003e\n      \u003cdiv class=\"hero-art\"\u003e\n        \u003cdiv class=\"product-wrap\"\u003e\n          \u003csvg class=\"product-svg\" width=\"160\" height=\"180\" viewbox=\"0 0 160 180\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003c!-- Wide Geometric Strap --\u003e\n            \u003cpath d=\"M 30 110 C 10 40 150 40 130 110\" stroke=\"#d8a7b7\" stroke-width=\"12\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M 30 110 C 10 40 150 40 130 110\" stroke=\"#fff\" stroke-width=\"2\" stroke-dasharray=\"4 4\" fill=\"none\"\u003e\u003c\/path\u003e\n            \u003crect x=\"23\" y=\"105\" width=\"14\" height=\"6\" rx=\"2\" fill=\"#d4af37\"\u003e\u003c\/rect\u003e\n            \u003crect x=\"123\" y=\"105\" width=\"14\" height=\"6\" rx=\"2\" fill=\"#d4af37\"\u003e\u003c\/rect\u003e\n            \n            \u003c!-- Bag Body Base (Pink) --\u003e\n            \u003crect x=\"20\" y=\"110\" width=\"120\" height=\"60\" rx=\"6\" fill=\"#d8a7b7\"\u003e\u003c\/rect\u003e\n            \n            \u003c!-- White Front Panel --\u003e\n            \u003cpath d=\"M 25 130 L 135 130 L 135 164 C 135 166 133 168 130 168 L 30 168 C 27 168 25 166 25 164 Z\" fill=\"#ffffff\"\u003e\u003c\/path\u003e\n            \n            \u003c!-- Asymmetrical Flap (Pink) --\u003e\n            \u003cpath d=\"M 20 110 L 140 110 L 140 130 L 70 155 L 20 120 Z\" fill=\"#d8a7b7\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M 20 110 L 140 110 L 140 130 L 70 155 L 20 120 Z\" stroke=\"#c291a1\" stroke-width=\"1\"\u003e\u003c\/path\u003e\n            \n            \u003c!-- Interlocking Gold Logo --\u003e\n            \u003ccircle cx=\"65\" cy=\"135\" r=\"9\" stroke=\"#d4af37\" stroke-width=\"3\" fill=\"none\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"73\" cy=\"135\" r=\"9\" stroke=\"#d4af37\" stroke-width=\"3\" fill=\"none\"\u003e\u003c\/circle\u003e\n            \n            \u003c!-- Text Graphic Representation --\u003e\n            \u003crect x=\"90\" y=\"135\" width=\"35\" height=\"10\" rx=\"2\" fill=\"#ffffff\" transform=\"rotate(-18 90 135)\"\u003e\u003c\/rect\u003e\n            \u003cline x1=\"92\" y1=\"139\" x2=\"120\" y2=\"130\" stroke=\"#332227\" stroke-width=\"2.5\" stroke-dasharray=\"4 2\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ── CONTENT ── --\u003e\n  \u003cdiv class=\"content\"\u003e\n\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\"The standout feature of this chic accessory is its wide, fully adjustable woven shoulder strap showcasing a modern geometric pattern.\"\u003c\/div\u003e\n        \u003cp class=\"body-text\"\u003eA perfect harmony of modern geometry and soft pastel hues. This striking two-tone crossbody bag features a smooth, dusky pink body beautifully contrasted by a crisp white front panel. The eye-catching asymmetrical envelope flap is adorned with a bold, interlocking gold-tone logo and a sleek modern text accent, giving it a premium, high-fashion edge. The wide fabric strap not only adds a bold visual flair but also ensures optimal comfort by reducing shoulder pressure during all-day wear.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"chic-divider\"\u003e\u003c\/div\u003e\n\n    \u003c!-- Features --\u003e\n    \u003cdiv class=\"section-label\" style=\"margin-bottom:1.2rem\"\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\"\u003eColorblock Style\u003c\/div\u003e\n        \u003cdiv class=\"feature-desc\"\u003eA sophisticated pairing of soft pastel pink and clean white creates a fresh look\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\"\u003eAsymmetrical Flap\u003c\/div\u003e\n        \u003cdiv class=\"feature-desc\"\u003eFeatures a unique angled front flap secured with premium metallic hardware\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\"\u003eStatement Strap\u003c\/div\u003e\n        \u003cdiv class=\"feature-desc\"\u003eA wide, comfortable fabric strap featuring a trendy geometric chevron pattern\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\"\u003eGold Hardware\u003c\/div\u003e\n        \u003cdiv class=\"feature-desc\"\u003eAdorned with a bold, interlocking gold-tone logo for a luxurious finish\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"chic-divider\"\u003e\u003c\/div\u003e\n\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\"\u003eAsymmetrical Sling Bag\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\"\u003eStrap Type\u003c\/div\u003e\n            \u003cdiv class=\"spec-value\"\u003eWide Woven Adjustable\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 Scheme\u003c\/div\u003e\n            \u003cdiv class=\"spec-value\"\u003ePink \u0026amp; White Two-Tone\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Perfect For --\u003e\n    \u003cdiv class=\"section-label\" style=\"margin-bottom:1rem\"\u003ePerfect For\u003c\/div\u003e\n    \u003cdiv class=\"ideal-strip\"\u003e\n      \u003cspan class=\"ideal-tag\"\u003e☕ Casual Brunches\u003c\/span\u003e\n      \u003cspan class=\"ideal-tag\"\u003e🛍️ Trendy Shopping Trips\u003c\/span\u003e\n      \u003cspan class=\"ideal-tag\"\u003e🏙️ City Exploring\u003c\/span\u003e\n      \u003cspan class=\"ideal-tag\"\u003e📸 OOTD Statements\u003c\/span\u003e\n      \u003cspan class=\"ideal-tag\"\u003e👗 Chic Everyday Styling\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Nithya Bags","offers":[{"title":"Default Title","offer_id":63713415201137,"sku":null,"price":439.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0943\/3631\/9857\/files\/27_9594f963-1fdb-4521-9406-ebe2a637eb73.png?v=1780217027","url":"https:\/\/inaiyan.in\/products\/inaiyan-pink-white-colorblock-geometric-crossbody","provider":"Inaiyan","version":"1.0","type":"link"}