{"product_id":"prestige-theme-premium-shopify","title":"Prestige - Thème Premium Shopify","description":"\u003c!-- ============================================================\n  IMZ — Fiche produit complète\n  Sections : Aperçu · Fonctionnalités · Préréglages · Boutiques · Avis\n  Coller dans l'éditeur HTML de la description produit Shopify.\n  ============================================================ --\u003e\n\u003cstyle\u003e\n\/* ── Reset \u0026 base ─────────────────────────────────────────────── *\/\n.imz-section {\n  padding: 56px 0;\n  font-family: inherit;\n  font-size: 15px;\n  line-height: 1.5;\n  box-sizing: border-box;\n  color: #111;\n}\n.imz-section *,\n.imz-section *::before,\n.imz-section *::after { box-sizing: inherit; }\n.imz-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n@media (min-width: 768px) { .imz-container { padding: 0 40px; } }\n.imz-section h2,\n.imz-section h3,\n.imz-section p,\n.imz-section ul,\n.imz-section li { margin: 0; padding: 0; }\n.imz-section ul { list-style: none; }\n\n\n\/* ════════════════════════════════════════════════════════════════\n   1. APERÇU\n   ════════════════════════════════════════════════════════════════ *\/\n#imz-ov {\n  --ov-bg:    #ffffff;\n  --ov-text:  #111111;\n  --ov-muted: #6b7280;\n  --ov-radius: 12px;\n  background: var(--ov-bg);\n  color: var(--ov-text);\n  padding: 56px 0;\n  font-family: inherit;\n  font-size: 15px;\n  box-sizing: border-box;\n}\n#imz-ov *, #imz-ov *::before, #imz-ov *::after { box-sizing: inherit; }\n\n.imz-ov__header { margin-bottom: 48px; }\n.imz-ov__title-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 6px 20px;\n  margin-bottom: 8px;\n}\n.imz-ov__title {\n  font-size: clamp(28px, 4.5vw, 52px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n  margin: 0;\n}\n.imz-ov__price {\n  font-size: clamp(20px, 2.6vw, 28px);\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  margin: 0;\n}\n.imz-ov__price-currency { font-size: 13px; font-weight: 400; color: var(--ov-muted); margin-left: 3px; }\n.imz-ov__meta-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 4px 24px;\n}\n.imz-ov__tagline { font-size: clamp(14px, 1.7vw, 17px); font-weight: 500; color: var(--ov-muted); }\n.imz-ov__author  { font-size: 13px; color: var(--ov-muted); white-space: nowrap; }\n.imz-ov__author a { color: var(--ov-text); text-decoration: underline; text-underline-offset: 2px; }\n\n.imz-ov__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 28px;\n}\n@media (min-width: 600px) and (max-width: 899px) {\n  .imz-ov__card { flex-direction: row !important; }\n  .imz-ov__img-wrap { width: 44% !important; }\n}\n@media (min-width: 900px) {\n  .imz-ov__grid { grid-template-columns: repeat(3, 1fr); }\n  .imz-ov__card { flex-direction: column !important; }\n  .imz-ov__img-wrap { width: 100% !important; }\n}\n.imz-ov__card { display: flex; flex-direction: column; gap: 16px; }\n\n.imz-ov__img-wrap {\n  position: relative;\n  border-radius: var(--ov-radius);\n  overflow: hidden;\n  aspect-ratio: 4 \/ 3;\n  flex-shrink: 0;\n  background: #eee;\n}\n.imz-ov__img-wrap::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: var(--ov-radius);\n  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.10);\n  pointer-events: none;\n}\n.imz-ov__img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n.imz-ov__caption { flex: 1; display: flex; flex-direction: column; gap: 6px; }\n.imz-ov__card-title { font-size: 16px; font-weight: 700; display: block; }\n.imz-ov__card-desc  { font-size: 14px; line-height: 1.65; color: var(--ov-muted); }\n\n\n\/* ════════════════════════════════════════════════════════════════\n   2. FONCTIONNALITÉS\n   ════════════════════════════════════════════════════════════════ *\/\n.imz-ft { background: #fff; }\n\n.imz-ft__heading {\n  font-size: clamp(22px, 3vw, 32px);\n  font-weight: 700;\n  margin-bottom: 28px;\n}\n\n\/* Badge Shopify Plus *\/\n.imz-ft__badge {\n  display: inline-flex;\n  align-items: center;\n  height: 22px;\n  padding: 0 8px;\n  margin-left: 6px;\n  border-radius: 4px;\n  border: 1px solid #e5e7eb;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #6b7280;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n\/* ─ Mobile : accordéon ──────────────────────────────────────── *\/\n.imz-ft__accordion { display: block; }\n@media (min-width: 768px) { .imz-ft__accordion { display: none; } }\n\n.imz-ft__details {\n  border-bottom: 1px solid #e5e7eb;\n}\n.imz-ft__details:last-child { border-bottom: none; }\n.imz-ft__summary {\n  list-style: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 16px 0;\n  user-select: none;\n}\n.imz-ft__summary::-webkit-details-marker { display: none; }\n.imz-ft__summary h3 { font-size: 16px; font-weight: 600; }\n.imz-ft__chevron {\n  flex-shrink: 0;\n  width: 18px;\n  height: 18px;\n  transition: transform 0.25s ease;\n}\n.imz-ft__details[open] .imz-ft__chevron { transform: rotate(180deg); }\n.imz-ft__acc-body {\n  padding: 4px 40px 16px 0;\n}\n.imz-ft__acc-list { display: flex; flex-direction: column; gap: 10px; }\n.imz-ft__acc-list li { font-size: 14px; color: #4b5563; display: flex; flex-wrap: wrap; align-items: center; }\n\n\/* ─ Desktop : grille 4 colonnes ─────────────────────────────── *\/\n.imz-ft__grid { display: none; }\n@media (min-width: 768px) {\n  .imz-ft__grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 32px 24px;\n  }\n}\n@media (min-width: 1100px) {\n  .imz-ft__grid { grid-template-columns: repeat(4, 1fr); }\n}\n.imz-ft__col-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; }\n.imz-ft__list { display: flex; flex-direction: column; gap: 10px; }\n.imz-ft__list li { font-size: 14px; color: #4b5563; display: flex; flex-wrap: wrap; align-items: center; }\n\n\n\/* ════════════════════════════════════════════════════════════════\n   3. PRÉRÉGLAGES\n   ════════════════════════════════════════════════════════════════ *\/\n.imz-pr { background: #fff; }\n\n.imz-pr__layout {\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n}\n@media (min-width: 1024px) {\n  .imz-pr__layout {\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    gap: 48px;\n  }\n}\n\n.imz-pr__left { display: flex; flex-direction: column; gap: 16px; max-width: 400px; }\n.imz-pr__icon { width: 56px; height: 59px; }\n.imz-pr__heading { font-size: clamp(22px, 3vw, 32px); font-weight: 700; margin: 0; }\n.imz-pr__sub { font-size: 16px; color: #4b5563; margin: 0; }\n\n\/* ─ Desktop : cartes empilées ───────────────────────────────── *\/\n.imz-pr__stack {\n  display: none;\n  position: relative;\n  flex-shrink: 0;\n  \/* 4 cartes : largeur 210px, espacement 105px → total 210+105*3=525px *\/\n  width: 525px;\n  height: 263px; \/* 210 * 1.25 *\/\n}\n@media (min-width: 1024px) { .imz-pr__stack { display: block; } }\n\n.imz-pr__stack-card {\n  position: absolute;\n  width: 210px;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.12);\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n.imz-pr__stack-card:hover { transform: scale(1.04); box-shadow: 0 12px 32px rgba(0,0,0,0.2); }\n.imz-pr__stack-card:nth-child(1) { right: 0;     z-index: 4; }\n.imz-pr__stack-card:nth-child(2) { right: 105px; z-index: 5; }\n.imz-pr__stack-card:nth-child(3) { right: 210px; z-index: 6; }\n.imz-pr__stack-card:nth-child(4) { right: 315px; z-index: 7; }\n.imz-pr__stack-card img { width: 100%; display: block; }\n\n\/* Overlay \"sélectionné\" sur la 1re carte *\/\n.imz-pr__selected-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.28);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n.imz-pr__check {\n  width: 40px;\n  height: 40px;\n  background: #111;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.imz-pr__check svg { width: 20px; height: 20px; }\n\n\/* Nom au survol *\/\n.imz-pr__stack-label {\n  position: absolute;\n  bottom: -28px;\n  left: 0;\n  font-size: 14px;\n  color: #111;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n  white-space: nowrap;\n}\n.imz-pr__stack-card:hover .imz-pr__stack-label { opacity: 1; }\n\n\/* ─ Mobile : carousel ───────────────────────────────────────── *\/\n.imz-pr__carousel-wrap { display: block; }\n@media (min-width: 1024px) { .imz-pr__carousel-wrap { display: none; } }\n\n\n\/* ════════════════════════════════════════════════════════════════\n   4. BOUTIQUES\n   ════════════════════════════════════════════════════════════════ *\/\n.imz-st { background: #f9fafb; }\n\n.imz-st__head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n.imz-st__heading { font-size: clamp(22px, 3vw, 32px); font-weight: 700; }\n.imz-st__nav { display: flex; gap: 12px; }\n.imz-st__nav-btn {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 1px solid #d1d5db;\n  background: #fff;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #111;\n  transition: background 0.15s ease, opacity 0.15s ease;\n  flex-shrink: 0;\n}\n.imz-st__nav-btn:hover:not(:disabled) { background: #f3f4f6; }\n.imz-st__nav-btn:disabled { opacity: 0.35; cursor: not-allowed; }\n\n.imz-st__card img {\n  width: 100%;\n  aspect-ratio: 4\/3;\n  object-fit: cover;\n  object-position: top;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.10);\n  display: block;\n}\n\n\n\/* ════════════════════════════════════════════════════════════════\n   5. AVIS\n   ════════════════════════════════════════════════════════════════ *\/\n.imz-rv { background: #fff; }\n\n.imz-rv__heading { font-size: clamp(22px, 3vw, 32px); font-weight: 700; margin-bottom: 28px; }\n\n.imz-rv__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 32px;\n}\n@media (min-width: 768px) {\n  .imz-rv__grid { grid-template-columns: 280px 1fr; gap: 40px; }\n}\n\n\/* Barre de notation *\/\n.imz-rv__score { font-size: 28px; font-weight: 700; margin-bottom: 4px; }\n.imz-rv__score-sub { font-size: 15px; color: #4b5563; margin-bottom: 20px; }\n\n.imz-rv__bars { display: grid; grid-template-columns: auto 1fr auto; gap: 8px 10px; align-items: center; margin-bottom: 24px; }\n.imz-rv__bar-icon { width: 20px; height: 20px; flex-shrink: 0; }\n.imz-rv__bar-count { font-size: 13px; color: #6b7280; text-align: center; }\n\n\/* Progress bar cross-browser *\/\n.imz-rv__progress {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 6px;\n  border: none;\n  border-radius: 99px;\n  overflow: hidden;\n  background: #e5e7eb;\n}\n.imz-rv__progress::-webkit-progress-bar { background: #e5e7eb; border-radius: 99px; }\n.imz-rv__progress::-webkit-progress-value { background: #111; border-radius: 99px; }\n.imz-rv__progress::-moz-progress-bar { background: #111; border-radius: 99px; }\n\n.imz-rv__actions { display: flex; flex-wrap: wrap; gap: 8px; }\n.imz-rv__btn {\n  display: inline-flex;\n  align-items: center;\n  height: 36px;\n  padding: 0 16px;\n  border-radius: 99px;\n  border: 1px solid #d1d5db;\n  background: #fff;\n  color: #111;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: default;\n  white-space: nowrap;\n}\n\n\/* Liste d'avis *\/\n.imz-rv__list { display: flex; flex-direction: column; gap: 0; }\n\n.imz-rv__item {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 20px 0;\n  border-bottom: 1px solid #f3f4f6;\n}\n.imz-rv__item:first-child { padding-top: 0; }\n.imz-rv__item:last-child { border-bottom: none; }\n\n.imz-rv__item-header {\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n}\n.imz-rv__thumb-icon { width: 20px; height: 20px; flex-shrink: 0; color: #16a34a; margin-top: 2px; }\n.imz-rv__item-meta {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  flex: 1;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.imz-rv__item-name { font-size: 15px; font-weight: 600; }\n.imz-rv__item-date { font-size: 13px; color: #6b7280; white-space: nowrap; }\n.imz-rv__item-body { font-size: 14px; color: #4b5563; line-height: 1.65; padding-left: 30px; }\n\n\n\/* ════════════════════════════════════════════════════════════════\n   CAROUSEL COMMUN\n   ════════════════════════════════════════════════════════════════ *\/\n.imz-carousel-track {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n  gap: 16px;\n  padding: 8px 24px 32px;\n  margin: 0 -24px;\n  cursor: grab;\n}\n.imz-carousel-track:active { cursor: grabbing; }\n.imz-carousel-track::-webkit-scrollbar { display: none; }\n@media (min-width: 768px) {\n  .imz-carousel-track { padding: 8px 40px 32px; margin: 0 -40px; }\n}\n\n.imz-carousel-item {\n  flex-shrink: 0;\n  scroll-snap-align: start;\n  width: 82%;\n}\n@media (min-width: 400px)  { .imz-carousel-item { width: 42%; } }\n@media (min-width: 640px)  { .imz-carousel-item { width: 26%; } }\n@media (min-width: 1024px) { .imz-carousel-item { width: calc(25% - 12px); } }\n\u003c\/style\u003e\n\u003c!-- ══════════════════════════════════════════════════════════════\n  1. APERÇU\n  ══════════════════════════════════════════════════════════════ --\u003e\n\u003cdiv id=\"imz-ov\"\u003e\n\u003cdiv class=\"imz-container\"\u003e\n\u003c!-- En-tête ─────────────────────────────────────────────────── --\u003e\n\u003cdiv class=\"imz-ov__header\"\u003e\n\u003cdiv class=\"imz-ov__title-row\"\u003e\n\u003ch2 class=\"imz-ov__title\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003c!-- ← Nom du thème --\u003e\n\u003cp class=\"imz-ov__price\"\u003e\u003cbr\u003e\u003c!-- ← Prix + devise --\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"imz-ov__meta-row\"\u003e\n\u003cp class=\"imz-ov__tagline\"\u003eConçu pour une identité de marque haut de gamme\u003c\/p\u003e\n\u003c!-- ← Accroche --\u003e\u003cbr\u003e\u003c!-- ← Auteur --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Grille de points forts ─────────────────────────────────── --\u003e\n\u003cdiv class=\"imz-ov__grid\"\u003e\n\u003c!-- Card 1 ─────────────────────────── --\u003e\n\u003cdiv class=\"imz-ov__card\"\u003e\n\u003cdiv class=\"imz-ov__img-wrap\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Brillez comme un diamant\" src=\"https:\/\/cdn.shopify.com\/theme-store\/dn5v06nceusyiiu4tv9zi0wlcaeq.jpg\" class=\"imz-ov__img\"\u003e \u003c!-- ← URL image 1 --\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"imz-ov__caption\"\u003e\n\u003cstrong class=\"imz-ov__card-title\"\u003eBrillez comme un diamant\u003c\/strong\u003e \u003c!-- ← Titre 1 --\u003e\n\u003cp class=\"imz-ov__card-desc\"\u003eConçu avec soin pour offrir l'esthétique luxueuse ultime. Des fonctionnalités élégantes pour mettre en valeur vos produits et votre identité de marque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 2 ─────────────────────────── --\u003e\n\u003cdiv class=\"imz-ov__card\"\u003e\n\u003cdiv class=\"imz-ov__img-wrap\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Boostez votre boutique\" src=\"https:\/\/cdn.shopify.com\/theme-store\/2ryve8w483rr1p91taez855t49fp.jpg\" class=\"imz-ov__img\"\u003e \u003c!-- ← URL image 2 --\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"imz-ov__caption\"\u003e\n\u003cstrong class=\"imz-ov__card-title\"\u003eBoostez votre boutique\u003c\/strong\u003e\n\u003cp class=\"imz-ov__card-desc\"\u003eChargé de nouvelles fonctionnalités et de plus de 30 sections hautement configurables. L'outil idéal pour créer des boutiques impactantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 3 ─────────────────────────── --\u003e\n\u003cdiv class=\"imz-ov__card\"\u003e\n\u003cdiv class=\"imz-ov__img-wrap\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Optimisé pour la performance\" src=\"https:\/\/cdn.shopify.com\/theme-store\/bjkayxhqogs5iw1k33judvnwdxn4.jpg\" class=\"imz-ov__img\"\u003e \u003c!-- ← URL image 3 --\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"imz-ov__caption\"\u003e\n\u003cstrong class=\"imz-ov__card-title\"\u003eOptimisé pour la performance\u003c\/strong\u003e\n\u003cp class=\"imz-ov__card-desc\"\u003eÉlevez votre boutique avec une performance ultra-rapide et un thème axé sur l'accessibilité. Profitez d'une navigation fluide et sans friction.\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!-- ══════════════════════════════════════════════════════════════\n  2. FONCTIONNALITÉS\n  ══════════════════════════════════════════════════════════════ --\u003e\n\u003cdiv class=\"imz-section imz-ft\"\u003e\n\u003cdiv class=\"imz-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"tlemify","offers":[{"title":"Default Title","offer_id":55656949318017,"sku":null,"price":50.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0942\/8536\/5633\/files\/prestige.png?v=1778490560","url":"https:\/\/tlemify-2.myshopify.com\/products\/prestige-theme-premium-shopify","provider":"tlemify","version":"1.0","type":"link"}