{"product_id":"polo-manches-longu","title":"Polo manches longu","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\u003eLe Polo Côtelé Fine Jauge | Knit \u0026amp; Co.\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* --- Styles de base --- *\/\n        :root {\n            --primary-color: #333333;\n            --accent-color: #7b6a58; \/* Couleur marron\/moka *\/\n            --bg-light: #f5f5f5;\n            --text-light: #ffffff;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Helvetica Neue', Arial, sans-serif;\n            color: var(--primary-color);\n            line-height: 1.6;\n            background-color: var(--bg-light);\n        }\n\n        h1, h2, h3 {\n            font-family: 'Georgia', serif; \/* Pour un look plus élégant *\/\n            font-weight: normal;\n        }\n\n        \/* --- Section Héro (En-tête) --- *\/\n        .hero {\n            \/* REMPLACEZ L'URL CI-DESSOUS PAR L'IMAGE PRINCIPALE *\/\n            background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.7)), url( https:\/\/img.kwcdn.com\/product\/fancy\/22d2ae9c-51d3-46eb-ae38-51cf5440e6cf.jpg?imageView2 );\n            background-size: cover;\n            background-position: center           height: 80vh;\n            display: flex;\n            align-items: center;\n            padding: 5%;\n        }\n\n        .hero-content {\n            max-width: 600px;\n        }\n\n        .hero h1 {\n            font-size: 4rem;\n            text-transform: uppercase;\n            line-height: 1.1;\n            margin-bottom: 20px;\n            letter-spacing: 2px;\n        }\n\n        .hero h2 {\n            font-size: 2rem;\n            margin-bottom: 15px;\n            color: #444;\n        }\n\n        .hero p {\n            font-size: 1.2rem;\n            color: #555;\n        }\n\n        \/* --- Grille des Caractéristiques --- *\/\n        .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 5px;\n            padding: 5px;\n            background-color: #fff;\n        }\n\n        .feature-item {\n            position: relative;\n            height: 400px;\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            align-items: flex-end;\n            padding: 30px;\n            color: var(--text-light);\n        }\n\n        \/* Ajouter un léger dégradé sombre en bas pour lire le texte *\/\n        .feature-item::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 50%;\n            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n            z-index: 1;\n        }\n\n        .feature-text {\n            position: relative;\n            z-index: 2;\n        }\n\n        .feature-text h3 {\n            font-size: 1.5rem;\n            text-transform: uppercase;\n            margin-bottom: 5px;\n            font-family: 'Helvetica Neue', sans-serif;\n            letter-spacing: 1px;\n        }\n\n        .feature-text p {\n            font-size: 1rem;\n            font-weight: 300;\n        }\n\n        \/* REMPLACEZ LES URLS CI-DESSOUS PAR VOS IMAGES DE DÉTAIL *\/\n        .bg-col { background-image: url('URL_IMAGE_COL.jpg'); }\n        .bg-maille { background-image: url('URL_IMAGE_MAILLE.jpg'); }\n        .bg-coupe { background-image: url('URL_IMAGE_COUPE.jpg'); }\n        .bg-savoir { background-image: url('URL_IMAGE_SAVOIRFAIRE.jpg'); }\n\n        \/* --- Section Boutons (Call to Action) --- *\/\n        .cta-section {\n            display: flex;\n            gap: 15px;\n            padding: 20px 5px;\n            background-color: #fff;\n        }\n\n        .btn {\n            flex: 1;\n            padding: 20px;\n            text-align: center;\n            text-decoration: none;\n            text-transform: uppercase;\n            font-weight: bold;\n            letter-spacing: 1px;\n            border: 1px solid var(--primary-color);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .btn-secondary {\n            background-color: var(--bg-light);\n            color: var(--primary-color);\n        }\n\n        .btn-secondary:hover {\n            background-color: #e0e0e0;\n        }\n\n        .btn-primary {\n            background-color: var(--accent-color);\n            color: var(--text-light);\n            border-color: var(--accent-color);\n        }\n\n        .btn-primary:hover {\n            background-color: #615344;\n        }\n\n        \/* --- Mode Responsive (Mobiles) --- *\/\n        @media (max-width: 768px) {\n            .hero h1 { font-size: 2.5rem; }\n            .hero h2 { font-size: 1.5rem; }\n            .features-grid { grid-template-columns: 1fr; }\n            .feature-item { height: 300px; }\n            .cta-section { flex-direction: column; }\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003c!-- Section Principale --\u003e\n    \u003cheader class=\"hero\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003ch1\u003eLe Polo Côtelé\u003cbr\u003eFine Jauge\u003c\/h1\u003e\n            \u003ch2\u003eÉlégance et texture pour l'homme moderne.\u003c\/h2\u003e\n            \u003cp\u003eUn mélange exclusif de coton égyptien et de savoir-faire artisanal.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- Grille des détails du produit --\u003e\n    \u003csection class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-item bg-col\"\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eCol Moka Contrastant\u003c\/h3\u003e\n                \u003cp\u003eFinitions faites à la main\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-item bg-maille\"\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eMaille Côtelée Fine Jauge\u003c\/h3\u003e\n                \u003cp\u003eDouceur du coton égyptien\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-item bg-coupe\"\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eCoupe Ajustée\u003c\/h3\u003e\n                \u003cp\u003eSilhouette impeccable\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-item bg-savoir\"\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eSavoir-Faire Marocain\u003c\/h3\u003e\n                \u003cp\u003eFait avec soin au Maroc\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Boutons d'achat --\u003e\n    \u003csection class=\"cta-section\"\u003e\n        \u003ca href=\"#panier\" class=\"btn btn-secondary\"\u003eAjouter au panier\u003c\/a\u003e\n        \u003ca href=\"#achat\" class=\"btn btn-primary\"\u003eAcheter maintenant\u003c\/a\u003e\n    \u003c\/section\u003e\n\n\n\u003c\/body\u003e","brand":"Darshoop.ma","offers":[{"title":"Default Title","offer_id":43535816753229,"sku":null,"price":0.0,"currency_code":"TZS","in_stock":false}],"url":"https:\/\/darshoop.online\/products\/polo-manches-longu","provider":"Darshoop.ma","version":"1.0","type":"link"}