{"product_id":"dzant-premium-mens-t-shirt-combo-classic-black-polo-everyday-brown-crew-neck","title":"Dzant Premium Men's T-Shirt Combo: Classic Black Polo \u0026 Everyday Brown Crew Neck","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\u003eDzant Premium T-Shirt Combo - Essential Menswear\u003c\/title\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n    \u003cstyle\u003e\n        \/* Wrapper to isolate styles *\/\n        .dzant-wrapper {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, rgba(245, 247, 250, 0.9) 0%, rgba(220, 215, 205, 0.9) 100%);\n            border-radius: 20px;\n            padding: 40px 20px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n        }\n\n        .dzant-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* 3D Shadow Effects *\/\n        .dzant-3d-card {\n            background: rgba(255, 255, 255, 0.85);\n            backdrop-filter: blur(15px);\n            border-radius: 20px;\n            padding: 40px;\n            box-shadow: \n                0 2px 10px rgba(0, 0, 0, 0.05),\n                0 10px 20px rgba(0, 0, 0, 0.08),\n                0 20px 40px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            transform-style: preserve-3d;\n        }\n\n        .dzant-3d-card:hover {\n            transform: translateY(-5px) translateZ(20px);\n            box-shadow: \n                0 5px 15px rgba(0, 0, 0, 0.08),\n                0 15px 30px rgba(0, 0, 0, 0.12),\n                0 30px 60px rgba(0, 0, 0, 0.16);\n        }\n\n        \/* Animated background pattern *\/\n        .dzant-bg-pattern {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            opacity: 0.05;\n            background-image: \n                radial-gradient(circle at 20% 80%, rgba(139, 69, 19, 0.3) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(44, 62, 80, 0.3) 0%, transparent 50%),\n                radial-gradient(circle at 40% 40%, rgba(211, 84, 0, 0.3) 0%, transparent 50%);\n            animation: dzant-float 20s ease-in-out infinite;\n            z-index: -1;\n        }\n\n        @keyframes dzant-float {\n            0%, 100% { transform: scale(1) rotate(0deg); }\n            50% { transform: scale(1.1) rotate(5deg); }\n        }\n\n        .dzant-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Header Section *\/\n        .dzant-header {\n            text-align: center;\n            margin-bottom: 60px;\n            animation: dzantFadeInDown 1s ease-out;\n        }\n\n        @keyframes dzantFadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .dzant-header h1 {\n            font-size: 44px;\n            font-weight: 800;\n            color: #2c3e50;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .dzant-star-icon {\n            color: #d35400;\n            animation: dzantPulse 2s infinite;\n            display: inline-block;\n            margin: 0 10px;\n        }\n\n        @keyframes dzantPulse {\n            0%, 100% { opacity: 0.6; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.2); }\n        }\n\n        .dzant-header p {\n            font-size: 20px;\n            color: #5a6c7d;\n            max-width: 800px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* Feature Cards *\/\n        .dzant-features {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-bottom: 60px;\n        }\n\n        .dzant-feature-card {\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .dzant-feature-icon {\n            font-size: 60px;\n            color: #d35400;\n            margin-bottom: 20px;\n            transition: all 0.3s ease;\n            text-shadow: 2px 2px 8px rgba(211, 84, 0, 0.3);\n        }\n\n        .dzant-feature-card:hover .dzant-feature-icon {\n            transform: scale(1.1) translateY(-5px);\n        }\n\n        .dzant-feature-card h3 {\n            font-size: 24px;\n            color: #2c3e50;\n            margin-bottom: 15px;\n            font-weight: 600;\n        }\n\n        .dzant-feature-card p {\n            color: #5a6c7d;\n            line-height: 1.6;\n            font-size: 16px;\n        }\n\n        \/* Product Excellence Section *\/\n        .dzant-product-excellence {\n            margin-bottom: 40px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        .dzant-excellence-title {\n            font-size: 36px;\n            color: #2c3e50;\n            margin-bottom: 30px;\n            font-weight: 600;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .dzant-excellence-content {\n            display: flex;\n            align-items: center;\n            gap: 50px;\n            width: 100%;\n            max-width: 800px;\n        }\n\n        .dzant-excellence-icon {\n            flex-shrink: 0;\n        }\n\n        .dzant-excellence-icon i {\n            font-size: 120px;\n            color: #34495e;\n            opacity: 0.8;\n            text-shadow: 5px 5px 15px rgba(52, 73, 94, 0.3);\n            animation: dzantFloat 3s ease-in-out infinite;\n        }\n\n        @keyframes dzantFloat {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .dzant-excellence-list {\n            list-style: none;\n            text-align: left;\n            flex-grow: 1;\n        }\n\n        .dzant-excellence-list li {\n            padding: 12px 0;\n            font-size: 18px;\n            color: #5a6c7d;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            border-bottom: 1px solid rgba(211, 84, 0, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        .dzant-excellence-list li:last-child {\n            border-bottom: none;\n        }\n\n        .dzant-excellence-list li:hover {\n            color: #2c3e50;\n            padding-left: 10px;\n        }\n\n        .dzant-excellence-list li i {\n            color: #d35400;\n            font-size: 20px;\n            flex-shrink: 0;\n        }\n\n        \/* CTA Section with 3D Effect *\/\n        .dzant-cta-section {\n            text-align: center;\n            padding: 60px;\n            background: linear-gradient(135deg, rgba(211, 84, 0, 0.08), rgba(44, 62, 80, 0.08));\n            border-radius: 30px;\n            position: relative;\n            overflow: hidden;\n            margin-top: 60px;\n            box-shadow: \n                inset 0 2px 10px rgba(0, 0, 0, 0.05),\n                0 10px 30px rgba(0, 0, 0, 0.1);\n        }\n\n        .dzant-cta-content h2 {\n            font-size: 36px;\n            color: #2c3e50;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .dzant-cta-content .subtitle {\n            font-size: 20px;\n            color: #5a6c7d;\n            margin-bottom: 30px;\n        }\n\n        .dzant-cta-buttons {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .dzant-button {\n            display: inline-block;\n            padding: 18px 40px;\n            background: #d35400;\n            color: white;\n            text-decoration: none;\n            border-radius: 50px;\n            font-size: 18px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            box-shadow: \n                0 4px 15px rgba(211, 84, 0, 0.3),\n                0 8px 30px rgba(211, 84, 0, 0.2);\n            position: relative;\n            overflow: hidden;\n            border: none;\n            cursor: pointer;\n        }\n\n        .dzant-button-secondary {\n            background: #2c3e50;\n            box-shadow: \n                0 4px 15px rgba(44, 62, 80, 0.3),\n                0 8px 30px rgba(44, 62, 80, 0.2);\n        }\n\n        .dzant-button:hover {\n            transform: translateY(-3px);\n            box-shadow: \n                0 6px 20px rgba(211, 84, 0, 0.4),\n                0 12px 40px rgba(211, 84, 0, 0.3);\n        }\n\n        .dzant-button-secondary:hover {\n            box-shadow: \n                0 6px 20px rgba(44, 62, 80, 0.4),\n                0 12px 40px rgba(44, 62, 80, 0.3);\n        }\n\n        \/* Modal Styles *\/\n        .dzant-modal {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.6);\n            z-index: 9999;\n            backdrop-filter: blur(5px);\n            animation: dzantFadeIn 0.3s ease;\n        }\n\n        @keyframes dzantFadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        .dzant-modal-content {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            background: white;\n            border-radius: 30px;\n            max-width: 800px;\n            width: 90%;\n            max-height: 90vh;\n            overflow-y: auto;\n            box-shadow: \n                0 10px 30px rgba(0, 0, 0, 0.2),\n                0 20px 60px rgba(0, 0, 0, 0.3);\n            animation: dzantSlideIn 0.3s ease;\n        }\n\n        @keyframes dzantSlideIn {\n            from { \n                opacity: 0;\n                transform: translate(-50%, -60%);\n            }\n            to { \n                opacity: 1;\n                transform: translate(-50%, -50%);\n            }\n        }\n\n        .dzant-modal-header {\n            background: linear-gradient(135deg, #d35400, #2c3e50);\n            color: white;\n            padding: 40px;\n            text-align: center;\n            position: relative;\n        }\n\n        .dzant-modal-header h2 {\n            font-size: 32px;\n            margin-bottom: 10px;\n        }\n\n        .dzant-close-modal {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background: rgba(255, 255, 255, 0.2);\n            border: none;\n            color: white;\n            font-size: 24px;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .dzant-close-modal:hover {\n            background: rgba(255, 255, 255, 0.3);\n            transform: rotate(90deg);\n        }\n\n        .dzant-modal-body {\n            padding: 40px;\n        }\n\n        .dzant-specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 30px;\n            margin-bottom: 30px;\n        }\n\n        .dzant-spec-item {\n            background: rgba(211, 84, 0, 0.05);\n            border-radius: 20px;\n            padding: 30px;\n            text-align: center;\n            border: 2px solid rgba(211, 84, 0, 0.1);\n            transition: all 0.3s ease;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        }\n\n        .dzant-spec-item:hover {\n            border-color: #d35400;\n            background: rgba(211, 84, 0, 0.1);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(211, 84, 0, 0.15);\n        }\n\n        .dzant-spec-item i {\n            font-size: 40px;\n            color: #d35400;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        .dzant-spec-item h4 {\n            color: #2c3e50;\n            margin-bottom: 8px;\n            font-size: 20px;\n        }\n\n        .dzant-spec-item p {\n            color: #5a6c7d;\n            font-size: 16px;\n            line-height: 1.5;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .dzant-header h1 {\n                font-size: 32px;\n            }\n            \n            .dzant-cta-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .dzant-button {\n                width: 100%;\n                max-width: 300px;\n            }\n\n            .dzant-modal-content {\n                width: 95%;\n                margin: 20px;\n            }\n\n            .dzant-specs-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .dzant-excellence-content {\n                flex-direction: column;\n                gap: 30px;\n            }\n\n            .dzant-excellence-icon i {\n                font-size: 80px;\n            }\n\n            .dzant-excellence-list {\n                text-align: center;\n            }\n\n            .dzant-excellence-list li {\n                justify-content: center;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"dzant-wrapper\"\u003e\n        \u003cdiv class=\"dzant-bg-pattern\"\u003e\u003c\/div\u003e\n        \n        \u003cdiv class=\"dzant-container\"\u003e\n            \u003c!-- Header --\u003e\n            \u003cheader class=\"dzant-header\"\u003e\n                \u003ch1\u003e\n                    \u003ci class=\"fas fa-gem dzant-star-icon\"\u003e\u003c\/i\u003e\n                    Dzant Premium T-Shirt Combo\n                    \u003ci class=\"fas fa-gem dzant-star-icon\"\u003e\u003c\/i\u003e\n                \u003c\/h1\u003e\n                \u003cp\u003eElevate your everyday style with a sophisticated black polo and a versatile brown crew neck. Comfort meets modern tailoring.\u003c\/p\u003e\n            \u003c\/header\u003e\n\n            \u003c!-- Feature Cards --\u003e\n            \u003cdiv class=\"dzant-features\"\u003e\n                \u003cdiv class=\"dzant-feature-card dzant-3d-card\"\u003e\n                    \u003cdiv class=\"dzant-feature-icon\"\u003e\n                        \u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003ch3\u003eVersatile Style\u003c\/h3\u003e\n                    \u003cp\u003eIncludes a sleek black polo for smart-casual events and a rich brown crew neck for everyday lounging. The perfect wardrobe foundations.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dzant-feature-card dzant-3d-card\"\u003e\n                    \u003cdiv class=\"dzant-feature-icon\"\u003e\n                        \u003ci class=\"fas fa-feather-alt\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003ch3\u003eSupreme Comfort\u003c\/h3\u003e\n                    \u003cp\u003eCrafted from a premium cotton blend with a tailored fit that moves with you naturally, offering breathable all-day wear.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dzant-feature-card dzant-3d-card\"\u003e\n                    \u003cdiv class=\"dzant-feature-icon\"\u003e\n                        \u003ci class=\"fas fa-medal\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003ch3\u003ePremium Detailing\u003c\/h3\u003e\n                    \u003cp\u003eFeatures the signature colorful Dzant chest logo, reinforced durable stitching, and high-quality collars that hold their shape.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Product Excellence Section --\u003e\n            \u003cdiv class=\"dzant-product-excellence dzant-3d-card\"\u003e\n                \u003ch2 class=\"dzant-excellence-title\"\u003eProduct Excellence\u003c\/h2\u003e\n                \u003cdiv class=\"dzant-excellence-content\"\u003e\n                    \u003cdiv class=\"dzant-excellence-icon\"\u003e\n                        \u003ci class=\"fas fa-layer-group\"\u003e\u003c\/i\u003e\n                    \u003c\/div\u003e\n                    \u003cul class=\"dzant-excellence-list\"\u003e\n                        \u003cli\u003e\n\u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e 2-Pack Essential Combo Deal\u003c\/li\u003e\n                        \u003cli\u003e\n\u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e Ultra-Soft Premium Cotton Blend\u003c\/li\u003e\n                        \u003cli\u003e\n\u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e Modern Tailored \/ Slim Fit Design\u003c\/li\u003e\n                        \u003cli\u003e\n\u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e Signature Colorful Dzant Logo\u003c\/li\u003e\n                        \u003cli\u003e\n\u003ci class=\"fas fa-check-circle\"\u003e\u003c\/i\u003e Fade-Resistant \u0026amp; Shape-Retaining\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- CTA Section --\u003e\n            \u003cdiv class=\"dzant-cta-section\"\u003e\n                \u003cdiv class=\"dzant-cta-content\"\u003e\n                    \u003ch2\u003eUpgrade Your Wardrobe\u003c\/h2\u003e\n                    \u003cp class=\"subtitle\"\u003eExperience the perfect balance of luxury and everyday practicality.\u003c\/p\u003e\n                    \u003cdiv class=\"dzant-cta-buttons\"\u003e\n                        \u003cbutton class=\"dzant-button dzant-button-secondary\" onclick=\"openDzantModal()\"\u003e\n                            \u003ci class=\"fas fa-info-circle\"\u003e\u003c\/i\u003e Explore Combo Specifications\n                        \u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Modal --\u003e\n        \u003cdiv id=\"dzantModal\" class=\"dzant-modal\"\u003e\n            \u003cdiv class=\"dzant-modal-content\"\u003e\n                \u003cdiv class=\"dzant-modal-header\"\u003e\n                    \u003cbutton class=\"dzant-close-modal\" onclick=\"closeDzantModal()\"\u003e\n                        \u003ci class=\"fas fa-times\"\u003e\u003c\/i\u003e\n                    \u003c\/button\u003e\n                    \u003ch2\u003eCombo Specifications\u003c\/h2\u003e\n                    \u003cp\u003eEverything you need to know about the Dzant T-Shirt Pack\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"dzant-modal-body\"\u003e\n                    \u003cdiv class=\"dzant-specs-grid\"\u003e\n                        \u003cdiv class=\"dzant-spec-item\"\u003e\n                            \u003ci class=\"fas fa-tag\"\u003e\u003c\/i\u003e\n                            \u003ch4\u003eBrand\u003c\/h4\u003e\n                            \u003cp\u003eDzant - Redefining modern men's essentials with a focus on fit, comfort, and subtle elegance.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"dzant-spec-item\"\u003e\n                            \u003ci class=\"fas fa-leaf\"\u003e\u003c\/i\u003e\n                            \u003ch4\u003eMaterial\u003c\/h4\u003e\n                            \u003cp\u003ePremium Cotton Blend - Ultra-soft, highly breathable, and features a slight stretch for the perfect fit.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"dzant-spec-item\"\u003e\n                            \u003ci class=\"fas fa-user-tie\"\u003e\u003c\/i\u003e\n                            \u003ch4\u003eFit Type\u003c\/h4\u003e\n                            \u003cp\u003eTailored Fit - Flattering cut that accentuates the physique while providing completely unrestricted movement.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"dzant-spec-item\"\u003e\n                            \u003ci class=\"fas fa-palette\"\u003e\u003c\/i\u003e\n                            \u003ch4\u003eColors Included\u003c\/h4\u003e\n                            \u003cp\u003eOne Classic Black Polo (Collared) and One Earthy Brown Crew Neck T-Shirt (Round Neck).\u003c\/p\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"dzant-spec-item\"\u003e\n                            \u003ci class=\"fas fa-tint\"\u003e\u003c\/i\u003e\n                            \u003ch4\u003eCare Instructions\u003c\/h4\u003e\n                            \u003cp\u003eMachine wash cold with similar colors. Tumble dry on low. Do not bleach. Cool iron if needed.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"dzant-spec-item\"\u003e\n                            \u003ci class=\"fas fa-glasses\"\u003e\u003c\/i\u003e\n                            \u003ch4\u003eStyling Tips\u003c\/h4\u003e\n                            \u003cp\u003ePair the black polo with light chinos for a refined look, or throw the brown crew neck over dark cargo pants for an effortless urban vibe.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        function openDzantModal() {\n            document.getElementById('dzantModal').style.display = 'block';\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeDzantModal() {\n            document.getElementById('dzantModal').style.display = 'none';\n            document.body.style.overflow = 'auto';\n        }\n\n        \/\/ Close modal when clicking outside\n        window.onclick = function(event) {\n            var modal = document.getElementById('dzantModal');\n            if (event.target == modal) {\n                closeDzantModal();\n            }\n        }\n\n        \/\/ Close modal with Escape key\n        document.addEventListener('keydown', function(event) {\n            if (event.key === 'Escape') {\n                closeDzantModal();\n            }\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"DZANT","offers":[{"title":"M","offer_id":46696963801250,"sku":"DZANT-COMBO-001","price":799.0,"currency_code":"INR","in_stock":true},{"title":"S","offer_id":46696963834018,"sku":"DZANT-COMBO-002","price":799.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":46696963866786,"sku":"DZANT-COMBO-003","price":799.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":46696963899554,"sku":"DZANT-COMBO-004","price":799.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":46696963932322,"sku":"DZANT-COMBO-005","price":799.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0674\/5269\/8786\/files\/blue_shirt_check.jpg?v=1774079770","url":"https:\/\/dzant.com\/products\/dzant-premium-mens-t-shirt-combo-classic-black-polo-everyday-brown-crew-neck","provider":"DZANT","version":"1.0","type":"link"}