{"product_id":"the-gangster-prototype-tee","title":"The gangstar - prototype tee","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\u003eProduct Details\u003c\/title\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Saira:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cstyle\u003e\n    \/* ── Reset scoped to .pd-root so it never fights Shopify's styles ── *\/\n    .pd-root *, .pd-root *::before, .pd-root *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pd-root {\n      font-family: 'Saira', sans-serif;\n      color: #111;\n      width: 100%;   \/* fills Shopify's product-info column on desktop *\/\n    }\n\n    \/* ── Accordion ── *\/\n    .pd-acc { border-top: 1px solid #e2e2e2; }\n    .pd-acc-item { border-bottom: 1px solid #e2e2e2; }\n\n    .pd-acc-btn {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      padding: 15px 0;\n      background: none;\n      border: none;\n      cursor: pointer;\n      gap: 12px;\n      outline: none;\n    }\n    .pd-acc-btn:focus-visible {\n      outline: 2px solid #111;\n      outline-offset: 2px;\n      border-radius: 2px;\n    }\n\n    .pd-acc-label {\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: .1em;\n      color: #111;\n      text-transform: uppercase;\n      text-align: left;\n    }\n\n    .pd-chevron {\n      flex-shrink: 0;\n      color: #111;\n      transition: transform .25s ease;\n    }\n    .pd-acc-btn[aria-expanded=\"true\"] .pd-chevron { transform: rotate(180deg); }\n\n    .pd-acc-panel {\n      overflow: hidden;\n      transition: max-height .28s ease;\n      max-height: 0;\n    }\n    .pd-acc-panel.open { max-height: 700px; }\n\n    .pd-acc-inner { padding: 4px 0 18px; }\n\n    \/* Lists *\/\n    .pd-list { list-style: none; font-size: 13px; color: #555; line-height: 2; }\n    .pd-dash li::before { content: \"– \"; color: #aaa; }\n    .pd-dot  li::before { content: \"• \"; color: #aaa; }\n\n    \/* Size table *\/\n    .pd-size-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n    .pd-size-table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 12.5px;\n      table-layout: fixed;\n    }\n    .pd-size-table th {\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: .07em;\n      text-transform: uppercase;\n      color: #999;\n      padding: 8px 10px;\n      text-align: center;\n      border-bottom: 1px solid #e2e2e2;\n    }\n    .pd-size-table td {\n      padding: 9px 10px;\n      text-align: center;\n      color: #333;\n      border-bottom: 1px solid #f0f0f0;\n    }\n    .pd-size-table tbody tr:last-child td { border-bottom: none; }\n    .pd-size-table tbody tr:hover { background: #fafafa; }\n\n    \/* ── Shipping Tracker ── *\/\n    .pd-tracker {\n      display: flex;\n      align-items: flex-start;\n      padding: 24px 0 8px;\n      width: 100%;\n    }\n\n    .pd-t-step {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 6px;\n      flex: 1 1 0;\n      min-width: 0;\n    }\n\n    .pd-t-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      border: 1px solid #ccc;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #aaa;\n      background: #fff;\n      flex-shrink: 0;\n    }\n    .pd-t-icon.active { border-color: #111; color: #111; }\n\n    .pd-t-name {\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: .02em;\n      color: #111;\n      text-align: center;\n      line-height: 1.3;\n      word-break: break-word;\n      padding: 0 2px;\n    }\n\n    .pd-t-date {\n      font-size: 9.5px;\n      color: #888;\n      text-align: center;\n      line-height: 1.4;\n    }\n\n    .pd-t-line {\n      flex: 1 1 0;\n      height: 1px;\n      background: #d5d5d5;\n      margin-top: 20px;\n      min-width: 6px;\n    }\n\n    .pd-spacer { height: 16px; }\n  \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"pd-root\"\u003e\n\n  \u003c!-- Accordion --\u003e\n  \u003cdiv class=\"pd-acc\" id=\"pd-accordion\"\u003e\n\n    \u003c!-- Product Details --\u003e\n    \u003cdiv class=\"pd-acc-item\"\u003e\n      \u003cbutton class=\"pd-acc-btn\" aria-expanded=\"true\" aria-controls=\"pd-panel-details\" id=\"pd-btn-details\"\u003e\n        \u003cspan class=\"pd-acc-label\"\u003eProduct Details\u003c\/span\u003e\n        \u003csvg class=\"pd-chevron\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\n          \u003cpath d=\"M3 5.5 8 10.5 13 5.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"pd-acc-panel open\" id=\"pd-panel-details\" role=\"region\" aria-labelledby=\"pd-btn-details\"\u003e\n        \u003cdiv class=\"pd-acc-inner\"\u003e\n          \u003cul class=\"pd-list pd-dash\"\u003e\n            \u003cli\u003e240 GSM\u003c\/li\u003e\n            \u003cli\u003e100% Cotton\u003c\/li\u003e\n            \u003cli\u003eCrew Neck – Lycra Ribbed Collar\u003c\/li\u003e\n            \u003cli\u003eUnisex – Lightweight Feel\u003c\/li\u003e\n            \u003cli\u003eBoxy, Cropped, Oversized Fit\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Product Care --\u003e\n    \u003cdiv class=\"pd-acc-item\"\u003e\n      \u003cbutton class=\"pd-acc-btn\" aria-expanded=\"false\" aria-controls=\"pd-panel-care\" id=\"pd-btn-care\"\u003e\n        \u003cspan class=\"pd-acc-label\"\u003eProduct Care\u003c\/span\u003e\n        \u003csvg class=\"pd-chevron\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\n          \u003cpath d=\"M3 5.5 8 10.5 13 5.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"pd-acc-panel\" id=\"pd-panel-care\" role=\"region\" aria-labelledby=\"pd-btn-care\"\u003e\n        \u003cdiv class=\"pd-acc-inner\"\u003e\n          \u003cul class=\"pd-list pd-dot\"\u003e\n            \u003cli\u003eMachine wash cold\u003c\/li\u003e\n            \u003cli\u003eWash inside out\u003c\/li\u003e\n            \u003cli\u003eWash with similar colours\u003c\/li\u003e\n            \u003cli\u003eDo not iron on print\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Size Chart --\u003e\n    \u003cdiv class=\"pd-acc-item\"\u003e\n      \u003cbutton class=\"pd-acc-btn\" aria-expanded=\"false\" aria-controls=\"pd-panel-size\" id=\"pd-btn-size\"\u003e\n        \u003cspan class=\"pd-acc-label\"\u003eSize Chart\u003c\/span\u003e\n        \u003csvg class=\"pd-chevron\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\n          \u003cpath d=\"M3 5.5 8 10.5 13 5.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"pd-acc-panel\" id=\"pd-panel-size\" role=\"region\" aria-labelledby=\"pd-btn-size\"\u003e\n        \u003cdiv class=\"pd-acc-inner\"\u003e\n          \u003cdiv class=\"pd-size-wrap\"\u003e\n            \u003ctable class=\"pd-size-table\"\u003e\n              \u003cthead\u003e\n                \u003ctr\u003e\n                  \u003cth\u003eSize\u003c\/th\u003e\n                  \u003cth\u003eChest (in)\u003c\/th\u003e\n                  \u003cth\u003eLength (in)\u003c\/th\u003e\n                  \u003cth\u003eShoulder (in)\u003c\/th\u003e\n                \u003c\/tr\u003e\n              \u003c\/thead\u003e\n              \u003ctbody\u003e\n                \u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e25\u003c\/td\u003e\n\u003ctd\u003e19\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e42\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e44\u003c\/td\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003ctd\u003e21\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003c\/tbody\u003e\n            \u003c\/table\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c!-- \/pd-acc --\u003e\n\n  \u003cdiv class=\"pd-spacer\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Shipping Tracker --\u003e\n  \u003cdiv class=\"pd-tracker\"\u003e\n\n    \u003cdiv class=\"pd-t-step\"\u003e\n      \u003cdiv class=\"pd-t-icon active\" aria-hidden=\"true\"\u003e\n        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\n          \u003crect x=\"2\" y=\"4\" width=\"16\" height=\"13\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M2 8h16\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6.5 2v3M13.5 2v3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pd-t-name\"\u003eOrdered\u003c\/span\u003e\n      \u003cspan class=\"pd-t-date\" id=\"pd-date-ordered\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pd-t-line\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"pd-t-step\"\u003e\n      \u003cdiv class=\"pd-t-icon active\" aria-hidden=\"true\"\u003e\n        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\n          \u003cpath d=\"M2 12V7a1 1 0 0 1 1-1h10v6\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M13 7.5h2.5a1 1 0 0 1 .83.45l1.5 2.25a1 1 0 0 1 .17.55V13h-5V7.5Z\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"5\" cy=\"14.5\" r=\"1.6\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"15\" cy=\"14.5\" r=\"1.6\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M6.6 14.5h6.8\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pd-t-name\"\u003eOrder Dispatch\u003c\/span\u003e\n      \u003cspan class=\"pd-t-date\" id=\"pd-date-dispatch\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pd-t-line\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"pd-t-step\"\u003e\n      \u003cdiv class=\"pd-t-icon active\" aria-hidden=\"true\"\u003e\n        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\n          \u003cpath d=\"M10 2C7 2 4.5 4.5 4.5 7.5 4.5 11.75 10 18 10 18S15.5 11.75 15.5 7.5C15.5 4.5 13 2 10 2Z\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"10\" cy=\"7.5\" r=\"2.2\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pd-t-name\"\u003eDelivered\u003c\/span\u003e\n      \u003cspan class=\"pd-t-date\" id=\"pd-date-delivered\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c!-- \/pd-tracker --\u003e\n\n\u003c\/div\u003e\n\u003c!-- \/pd-root --\u003e\n\n\u003cscript\u003e\n(function () {\n  \/\/ Accordion\n  document.querySelectorAll('.pd-acc-btn').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var expanded = this.getAttribute('aria-expanded') === 'true';\n      var panel    = document.getElementById(this.getAttribute('aria-controls'));\n      this.setAttribute('aria-expanded', String(!expanded));\n      panel.classList.toggle('open', !expanded);\n    });\n  });\n\n  \/\/ Tracker dates\n  function fmt(d) {\n    return d.toLocaleDateString('en-IN', { day: 'numeric', month: 'short', year: 'numeric' });\n  }\n  var today     = new Date();\n  var dispatch  = new Date(today); dispatch.setDate(today.getDate() + 2);\n  var delivered = new Date(today); delivered.setDate(today.getDate() + 5);\n\n  document.getElementById('pd-date-ordered').textContent   = fmt(today);\n  document.getElementById('pd-date-dispatch').textContent  = fmt(dispatch);\n  document.getElementById('pd-date-delivered').textContent = fmt(delivered);\n}());\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Ordinary Nation","offers":[{"title":"S","offer_id":50056878719196,"sku":null,"price":799.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50056878751964,"sku":null,"price":799.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50056878784732,"sku":null,"price":799.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0826\/2431\/5612\/files\/IMG-20260505-WA0030.jpg?v=1778005566","url":"https:\/\/ordinarynation.in\/products\/the-gangster-prototype-tee","provider":"Ordinary Nation","version":"1.0","type":"link"}