{"product_id":"hugo-boss-sunglass-bos-30-e","title":"Hugo Boss Sunglass | Bos 30 E","description":"\u003c!-- Shopify Accordion Start --\u003e\n\u003cstyle\u003e\n                    \/* Import Font for Standalone usage - Shopify usually loads these, but this ensures it works *\/\n                    @import url('https:\/\/fonts.googleapis.com\/css2?family=Assistant:wght@300;400;600;700\u0026display=swap');\n\n                    .shp-acc-container {\n                        --acc-h-bg: #ffffff;\n                        --acc-h-hover-bg: #f9fafb;\n                        --acc-h-text: #333333;\n                        --acc-c-bg: #ffffff;\n                        --acc-c-text: #555555;\n                        --acc-border: #e5e7eb;\n                        --acc-active-h-bg: #f9fafb;\n                        --acc-active-h-text: #000000;\n                        --acc-icon: #333333;\n                        --acc-radius: 20px;\n                        --acc-border-w: 1px;\n                        --acc-gap: 12px;\n                        --acc-shadow: 0px 4px 12px rgba(0,0,0,0);\n                        \n                        \/* Font Sizes *\/\n                        --acc-fs-header: 16px;\n                        --acc-fs-content: 16px;\n                        --acc-fs-bullet: 16px;\n                        --acc-fs-table: 15px;\n                        --acc-fs-note: 15px;\n\n                        \/* Note Styles *\/\n                        --acc-note-bg: #fff7ed;\n                        --acc-note-text: #9a3412;\n                        --acc-note-border: #f97316;\n\n                        \/* Content Elements Colors *\/\n                        --acc-bullet-color: #8080ff;\n                        --acc-table-key-color: #8080ff;\n                        --acc-grid-header-color: #8080ff;\n\n                        font-family: 'Assistant', sans-serif;\n                        max-width: 100%;\n                    }\n                    .shp-acc-item {\n                        border: var(--acc-border-w) solid var(--acc-border);\n                        border-radius: var(--acc-radius);\n                        margin-bottom: var(--acc-gap);\n                        overflow: hidden;\n                        box-shadow: var(--acc-shadow);\n                        transition: all 0.3s ease;\n                        will-change: transform, box-shadow;\n                    }\n                    .shp-acc-item:hover {\n                        transform: translateY(-1px);\n                        box-shadow: 0px 8px 18px rgba(0,0,0,0.06);\n                    }\n                    \/* Remove bottom margin from last item if no gap *\/\n                    \n\n                    .shp-acc-header {\n                        background: var(--acc-h-bg);\n                        color: var(--acc-h-text);\n                        padding: 16px 20px;\n                        cursor: pointer;\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n                        font-weight: 600;\n                        font-size: var(--acc-fs-header);\n                        transition: background 0.2s ease, color 0.2s ease, transform 0.1s ease;\n                        user-select: none;\n                        -webkit-tap-highlight-color: transparent;\n                        position: relative;\n                        overflow: hidden;\n                    }\n\n                    .shp-acc-header:hover {\n                         background: var(--acc-h-hover-bg);\n                    }\n                    \n                    \/* Click Push Effect (Active State) *\/\n                    .shp-acc-header:active { transform: scale(0.985); }\n\n                    .shp-acc-item.active .shp-acc-header {\n                        background: var(--acc-active-h-bg);\n                        color: var(--acc-active-h-text);\n                    }\n\n                    .shp-acc-icon {\n                        color: var(--acc-icon);\n                        transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n                        width: 18px;\n                        height: 18px;\n                        flex-shrink: 0;\n                    }\n                    \n                    \/* Rotate icon based on type *\/\n                    .shp-acc-item.active .shp-acc-icon { transform: rotate(180deg); }\n\n                    .shp-acc-content {\n                        max-height: 0;\n                        overflow: hidden;\n                        background: var(--acc-c-bg);\n                        color: var(--acc-c-text);\n                        transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n                    }\n                    \n                    .shp-acc-inner {\n                        padding: 24px;\n                        line-height: 1.6;\n                        \/* Inner Animation Props *\/\n                        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n                        opacity: 0; transform: translateX(-20px);\n                    }\n                    \n                    .shp-acc-inner p {\n                        font-size: var(--acc-fs-content);\n                    }\n                    \n                    .shp-acc-item.active .shp-acc-inner {\n                        opacity: 1; transform: translateX(0);\n                    }\n                    \n                    \/* Ripple Animation *\/\n                    .shp-ripple {\n                        position: absolute;\n                        border-radius: 50%;\n                        transform: scale(0);\n                        animation: shp-ripple-anim 0.6s linear;\n                        background-color: rgba(255, 255, 255, 0.7);\n                        pointer-events: none;\n                        width: 100px;\n                        height: 100px;\n                        margin-left: -50px;\n                        margin-top: -50px;\n                    }\n                    \n                    @keyframes shp-ripple-anim {\n                        to {\n                            transform: scale(10);\n                            opacity: 0;\n                        }\n                    }\n\n                    \/* PREMIUM CONTENT STYLING - UPGRADED *\/\n                    \n                    \/* Modern Bullets (Standard Circle, Bolder, Underline, Vertically Centered) *\/\n                    .shp-ul { \n                        list-style: none; \n                        padding: 0; \n                        margin: 0; \n                        font-size: var(--acc-fs-bullet);\n                    }\n                    .shp-ul li { \n                        display: flex; \/* Flex layout for centering *\/\n                        align-items: center; \/* Vertically center bullet with text *\/\n                        padding: 12px 0 12px 8px; \n                        margin-bottom: 0; \n                        border-bottom: 1px solid rgba(0,0,0,0.06);\n                        transition: background 0.2s ease;\n                        font-weight: 500;\n                        color: var(--acc-c-text);\n                    }\n                    .shp-ul li:hover {\n                        background-color: rgba(0,0,0,0.015);\n                    }\n                    .shp-ul li:last-child { \n                        border-bottom: none; \n                    }\n                    .shp-ul li::before {\n                        content: '';\n                        flex-shrink: 0; \/* Prevent bullet shrinking *\/\n                        width: 8px; \/* Increased Size *\/\n                        height: 8px; \/* Increased Size *\/\n                        margin-right: 12px; \/* Space between bullet and text *\/\n                        background-color: var(--acc-bullet-color);\n                        border-radius: 50%;\n                    }\n\n                    \/* Premium Table (Key-Value) *\/\n                    .shp-table { \n                        width: 100%; \n                        border-collapse: separate; \n                        border-spacing: 0 4px; \/* Spacing between rows *\/\n                        font-size: var(--acc-fs-table); \n                    }\n                    .shp-table tr {\n                        transition: transform 0.2s ease, box-shadow 0.2s ease;\n                        background-color: rgba(0,0,0,0.01);\n                        border-radius: 4px;\n                    }\n                    .shp-table td { \n                        padding: 12px 16px; \n                        \/* Remove internal borders for cleaner look *\/\n                        border: none;\n                    }\n                    .shp-table tr td:first-child {\n                        border-top-left-radius: 6px;\n                        border-bottom-left-radius: 6px;\n                        font-weight: 700; \n                        width: 35%; \n                        color: var(--acc-table-key-color);\n                        opacity: 0.9;\n                    }\n                    .shp-table tr td:last-child {\n                        border-top-right-radius: 6px;\n                        border-bottom-right-radius: 6px;\n                    }\n                    .shp-table tr:hover {\n                        background-color: rgba(255,255,255,0.5);\n                        box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n                        transform: translateY(-1px);\n                    }\n                    \n                    \/* Pro Grid (CSV) *\/\n                    .shp-grid-wrap {\n                        border: 1px solid rgba(0,0,0,0.08);\n                        border-radius: 8px;\n                        overflow: hidden;\n                        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);\n                        font-size: var(--acc-fs-table);\n                    }\n                    .shp-grid { \n                        width: 100%; \n                        border-collapse: collapse; \n                        text-align: left; \n                    }\n                    .shp-grid th { \n                        \/* Uses Header Hover BG for a muted brand color tie-in *\/\n                        background: var(--acc-h-hover-bg); \n                        color: var(--acc-grid-header-color);\n                        padding: 14px 16px; \n                        font-weight: 800; \n                        text-transform: uppercase;\n                        letter-spacing: 0.5px;\n                        font-size: 0.8em;\n                        border-bottom: 1px solid rgba(0,0,0,0.05);\n                    }\n                    .shp-grid td { \n                        padding: 12px 16px; \n                        border-bottom: 1px solid rgba(0,0,0,0.03); \n                        color: var(--acc-c-text);\n                    }\n                    .shp-grid tr:last-child td {\n                        border-bottom: none;\n                    }\n                    \/* Zebra Striping *\/\n                    .shp-grid tr:nth-child(even) {\n                        background-color: rgba(0,0,0,0.015);\n                    }\n\n                    \/* NOTE STYLING UPDATED *\/\n                    .shp-note { \n                        background: var(--acc-note-bg); \n                        border-left: 3px solid var(--acc-note-border); \n                        padding: 15px; \n                        font-size: var(--acc-fs-note); \n                        color: var(--acc-note-text);\n                        border-radius: 0 4px 4px 0;\n                    }\n                \u003c\/style\u003e\u003cdiv class=\"shp-acc-container\"\u003e\n                        \u003cdiv class=\"shp-acc-item\"\u003e\n                            \u003cdiv class=\"shp-acc-header\" onclick=\"toggleShopifyAccordion(event, this)\"\u003e\n                                \u003cspan\u003eStory\u003c\/span\u003e\n                                \u003cspan class=\"shp-acc-icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"shp-acc-content\" style=\"\"\u003e\n                                \u003cdiv class=\"shp-acc-inner\"\u003e\u003cp\u003eA frame that speaks style without saying a word.\u003cbr\u003eCrafted in a bold black front with sleek golden temples, this eyewear blends modern elegance with everyday comfort. The clean square shape adds confidence, clarity, and a refined touch to any look.\u003cbr\u003eMore than just glasses.\u003cbr\u003eit’s a signature piece that quietly elevates your presence, wherever you go.\u003c\/p\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \n                        \u003cdiv class=\"shp-acc-item\"\u003e\n                            \u003cdiv class=\"shp-acc-header\" onclick=\"toggleShopifyAccordion(event, this)\"\u003e\n                                \u003cspan\u003eKey Features\u003c\/span\u003e\n                                \u003cspan class=\"shp-acc-icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"shp-acc-content\" style=\"\"\u003e\n                                \u003cdiv class=\"shp-acc-inner\"\u003e\u003cul class=\"shp-ul\"\u003e\n\u003cli\u003eFrame Color: As Picture\u003c\/li\u003e\n\u003cli\u003e    Frame Material: Peek\u003c\/li\u003e\n\u003cli\u003e    Model: 57187K\u003c\/li\u003e\n\u003cli\u003e    High Quality\u003c\/li\u003e\n\u003cli\u003e    Durable Frame\u003c\/li\u003e\n\u003cli\u003e    Box: Frame Box\u003c\/li\u003e\n\u003cli\u003e    Free Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \n                        \u003cdiv class=\"shp-acc-item\"\u003e\n                            \u003cdiv class=\"shp-acc-header\" onclick=\"toggleShopifyAccordion(event, this)\"\u003e\n                                \u003cspan\u003eSize\u003c\/span\u003e\n                                \u003cspan class=\"shp-acc-icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"shp-acc-content\" style=\"\"\u003e\n                                \u003cdiv class=\"shp-acc-inner\"\u003e\u003ctable class=\"shp-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eEye Size\u003c\/td\u003e\n\u003ctd\u003e51\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBridge Size\u003c\/td\u003e\n\u003ctd\u003e21\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTemple Length\u003c\/td\u003e\n\u003ctd\u003e145\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \n                        \u003cdiv class=\"shp-acc-item\"\u003e\n                            \u003cdiv class=\"shp-acc-header\" onclick=\"toggleShopifyAccordion(event, this)\"\u003e\n                                \u003cspan\u003eImportant Note\u003c\/span\u003e\n                                \u003cspan class=\"shp-acc-icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"shp-acc-content\" style=\"\"\u003e\n                                \u003cdiv class=\"shp-acc-inner\"\u003e\u003cdiv class=\"shp-note\"\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/div\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n\u003cscript\u003e\n    function toggleShopifyAccordion(event, header) {\n        var container = header.closest('.shp-acc-container');\n        var item = header.parentElement;\n        var content = item.querySelector('.shp-acc-content');\n        var isActive = item.classList.contains('active');\n        var oneAtTime = true;\n        var rippleEnabled = true;\n\n        if (rippleEnabled) {\n             var rect = header.getBoundingClientRect();\n             var x = event.clientX - rect.left;\n             var y = event.clientY - rect.top;\n             \n             var circle = document.createElement(\"span\");\n             circle.classList.add(\"shp-ripple\");\n             circle.style.left = x + \"px\";\n             circle.style.top = y + \"px\";\n             \n             header.appendChild(circle);\n             \n             setTimeout(function() {\n                 circle.remove();\n             }, 600);\n        }\n\n        if (oneAtTime) {\n            var allItems = container.querySelectorAll('.shp-acc-item');\n            for (var i = 0; i \u003c allItems.length; i++) {\n                if(allItems[i] !== item) {\n                    allItems[i].classList.remove('active');\n                    allItems[i].querySelector('.shp-acc-content').style.maxHeight = null;\n                }\n            }\n        }\n\n        if (isActive) {\n            item.classList.remove('active');\n            content.style.maxHeight = null;\n        } else {\n            item.classList.add('active');\n            content.style.maxHeight = content.scrollHeight + \"px\";\n        }\n    }\n\u003c\/script\u003e\n\u003c!-- Shopify Accordion End --\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":49732890788077,"sku":"Bos 30 E","price":2550.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/Bos30E.jpg?v=1774791107","url":"https:\/\/www.fastfashionbd.com\/products\/hugo-boss-sunglass-bos-30-e","provider":"Fast Fashion","version":"1.0","type":"link"}