Pack Mobilité Pro – Équipement professionnel pour point de vente et commerce

id="product_full_description"> .vgt-pack-mobilite-pro { --vgt-navy: #0f172a; --vgt-navy-2: #111827; --vgt-blue: #2563eb; --vgt-blue-soft: #eaf2ff; --vgt-sky: #f5f8ff; --vgt-card: #ffffff; --vgt-border: #e2e8f0; --vgt-text: #334155; --vgt-muted: #64748b; --vgt-green: #16a34a; --vgt-green-soft: #eafaf0; --vgt-shadow: 0 18px 45px rgba(15, 23, 42, 0.10); font-family: inherit; color: var(--vgt-navy); background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); overflow: hidden; width: 100vw; max-width: 100vw; margin-top: 32px; margin-bottom: 32px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0; } .vgt-pack-mobilite-pro * { box-sizing: border-box; } .vgt-pmp-wrap { width: 100%; max-width: none; margin: 0; padding: 46px clamp(18px, 4.5vw, 76px); } .vgt-pmp-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: 34px; align-items: center; padding: 42px; border-radius: 30px; background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.18), transparent 36%), linear-gradient(135deg, #0f172a 0%, #111827 48%, #1e3a8a 100%); color: #ffffff; box-shadow: var(--vgt-shadow); position: relative; overflow: hidden; } .vgt-pmp-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -180px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; } .vgt-pmp-badge { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); font-size: 13px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 18px; margin-left: auto; margin-right: auto; width: fit-content; } .vgt-pmp-hero h2 { font-size: clamp(34px, 4.4vw, 64px); line-height: 0.98; margin: 0 auto 18px; letter-spacing: -0.055em; color: #ffffff; max-width: 850px; text-align: center; } .vgt-pmp-hero p { font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.82); margin: 0 auto 24px; max-width: 780px; text-align: center; } .vgt-pmp-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px auto 0; max-width: 860px; } .vgt-pmp-hero-point { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; padding: 14px; } .vgt-pmp-hero-point strong { display: block; font-size: 18px; margin-bottom: 4px; color: #ffffff; } .vgt-pmp-hero-point span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.35; } .vgt-pmp-visual { position: relative; z-index: 2; min-height: 440px; border-radius: 28px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(12px); padding: 22px; } .vgt-pmp-main-img { width: 100%; height: 290px; object-fit: contain; display: block; border-radius: 24px; background: #ffffff; padding: 18px; box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18); } .vgt-pmp-mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; } .vgt-pmp-mini-grid a { display: block; border-radius: 16px; transition: transform .18s ease, box-shadow .18s ease; } .vgt-pmp-mini-grid a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); } .vgt-pmp-mini-grid img { width: 100%; height: 92px; object-fit: contain; background: #ffffff; border-radius: 16px; padding: 8px; display: block; } .vgt-pmp-price-card { margin-top: 16px; border-radius: 22px; background: #ffffff; color: var(--vgt-navy); padding: 18px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; } .vgt-pmp-price-card small { display: block; color: var(--vgt-muted); font-size: 12px; margin-bottom: 4px; } .vgt-pmp-pack-price { font-size: 30px; font-weight: 900; letter-spacing: -0.04em; color: var(--vgt-navy); line-height: 1; } .vgt-pmp-saving { padding: 10px 13px; border-radius: 999px; background: var(--vgt-green-soft); color: var(--vgt-green); font-weight: 800; font-size: 13px; white-space: nowrap; } .vgt-pmp-section { margin-top: 58px; } .vgt-pmp-section-header { max-width: 980px; margin: 0 auto 28px; text-align: center; } .vgt-pmp-eyebrow { color: var(--vgt-blue); font-weight: 900; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 10px; text-align: center; } .vgt-pmp-section h3 { font-size: clamp(26px, 3vw, 42px); line-height: 1.08; letter-spacing: -0.045em; margin: 0 auto 12px; color: var(--vgt-navy); max-width: 980px; text-align: center; } .vgt-pmp-section p { color: var(--vgt-text); font-size: 16px; line-height: 1.7; margin: 0; } .vgt-pmp-section-header p { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .vgt-pmp-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .vgt-pmp-benefit { background: var(--vgt-card); border: 1px solid var(--vgt-border); border-radius: 24px; padding: 22px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04); } .vgt-pmp-icon { width: 42px; height: 42px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: var(--vgt-blue-soft); color: var(--vgt-blue); font-weight: 900; font-size: 18px; margin-bottom: 14px; } .vgt-pmp-benefit h4, .vgt-pmp-product-card h4, .vgt-pmp-flow-card h4 { font-size: 18px; margin: 0 0 8px; color: var(--vgt-navy); letter-spacing: -0.02em; } .vgt-pmp-benefit p, .vgt-pmp-product-card p, .vgt-pmp-flow-card p { font-size: 14.5px; line-height: 1.65; color: var(--vgt-text); margin: 0; } .vgt-pmp-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 980px; margin-left: auto; margin-right: auto; } .vgt-pmp-product-link { display: block; color: inherit; text-decoration: none; min-height: 100%; } .vgt-pmp-product-link:hover { color: inherit; text-decoration: none; } .vgt-pmp-product-card { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 24px; overflow: hidden; box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05); display: flex; flex-direction: column; min-height: 100%; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .vgt-pmp-product-link:hover .vgt-pmp-product-card { transform: translateY(-4px); border-color: rgba(37, 99, 235, 0.45); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.11); } .vgt-pmp-product-card img { width: 100%; height: 210px; object-fit: contain; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 18px; border-bottom: 1px solid var(--vgt-border); } .vgt-pmp-product-body { padding: 20px; flex: 1; } .vgt-pmp-product-tag { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: var(--vgt-sky); color: var(--vgt-blue); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; } .vgt-pmp-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .vgt-pmp-product-arrow { width: 28px; height: 28px; border-radius: 999px; background: var(--vgt-blue-soft); color: var(--vgt-blue); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; flex: 0 0 auto; transition: background .18s ease, color .18s ease; } .vgt-pmp-product-link:hover .vgt-pmp-product-arrow { background: var(--vgt-blue); color: #ffffff; } .vgt-pmp-product-note { display: inline-flex; margin-top: 12px; font-size: 12px; color: var(--vgt-blue); font-weight: 800; } .vgt-pmp-price-line { margin-top: 14px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 1px solid var(--vgt-border); padding-top: 12px; } .vgt-pmp-price-line span { color: var(--vgt-muted); font-size: 12px; } .vgt-pmp-price-line strong { color: var(--vgt-navy); font-size: 15px; } .vgt-pmp-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .vgt-pmp-compare-card { border-radius: 28px; padding: 28px; border: 1px solid var(--vgt-border); background: #ffffff; position: relative; overflow: hidden; box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06); } .vgt-pmp-compare-card.is-pack { border-color: rgba(22, 163, 74, 0.35); background: radial-gradient(circle at top right, rgba(22, 163, 74, 0.12), transparent 40%), #ffffff; } .vgt-pmp-compare-title { color: var(--vgt-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } .vgt-pmp-compare-price { font-size: clamp(34px, 4vw, 48px); line-height: 1; font-weight: 950; letter-spacing: -0.06em; color: var(--vgt-navy); margin-bottom: 8px; } .vgt-pmp-compare-card.is-pack .vgt-pmp-compare-price { color: var(--vgt-green); } .vgt-pmp-compare-sub { color: var(--vgt-text); line-height: 1.6; font-size: 15px; margin-bottom: 18px; } .vgt-pmp-checklist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .vgt-pmp-checklist li { display: flex; gap: 9px; align-items: flex-start; color: var(--vgt-text); font-size: 14.5px; line-height: 1.5; } .vgt-pmp-checklist li::before { content: ""; color: var(--vgt-green); font-weight: 950; flex: 0 0 auto; } .vgt-pmp-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .vgt-pmp-flow-card { border-radius: 22px; border: 1px solid var(--vgt-border); background: #ffffff; padding: 20px; position: relative; } .vgt-pmp-step { width: 34px; height: 34px; border-radius: 999px; background: var(--vgt-navy); color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 12px; } .vgt-pmp-specs { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 18px; align-items: stretch; } .vgt-pmp-spec-card { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 26px; padding: 26px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04); } .vgt-pmp-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vgt-pmp-spec-item { background: #f8fafc; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 14px; } .vgt-pmp-spec-item strong { display: block; font-size: 14px; color: var(--vgt-navy); margin-bottom: 3px; } .vgt-pmp-spec-item span { color: var(--vgt-muted); font-size: 13px; line-height: 1.35; display: block; } .vgt-pmp-faq { display: grid; gap: 12px; } .vgt-pmp-faq details { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 18px 20px; } .vgt-pmp-faq summary { cursor: pointer; font-weight: 850; color: var(--vgt-navy); font-size: 16px; } .vgt-pmp-faq details p { margin-top: 12px; font-size: 14.5px; color: var(--vgt-text); } .vgt-pmp-cta { margin-top: 58px; border-radius: 30px; background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 35%), linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #ffffff; padding: 34px; display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; box-shadow: var(--vgt-shadow); } .vgt-pmp-cta h3 { color: #ffffff; margin: 0 0 10px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -0.04em; text-align: left; } .vgt-pmp-cta p { color: rgba(255, 255, 255, 0.78); margin: 0; max-width: 850px; } .vgt-pmp-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .vgt-pmp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 999px; text-decoration: none; font-weight: 850; font-size: 14px; transition: transform .18s ease, box-shadow .18s ease; white-space: nowrap; } .vgt-pmp-btn:hover { transform: translateY(-1px); text-decoration: none; } .vgt-pmp-btn-primary { background: #ffffff; color: var(--vgt-navy); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18); } .vgt-pmp-btn-secondary { border: 1px solid rgba(255, 255, 255, 0.24); color: #ffffff; background: rgba(255, 255, 255, 0.08); } @media (min-width: 1500px) { .vgt-pmp-wrap { padding-left: clamp(70px, 7vw, 120px); padding-right: clamp(70px, 7vw, 120px); } .vgt-pmp-hero { padding: 52px; } } @media (max-width: 1050px) { .vgt-pmp-hero, .vgt-pmp-specs, .vgt-pmp-comparison, .vgt-pmp-cta { grid-template-columns: 1fr; } .vgt-pmp-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vgt-pmp-products, .vgt-pmp-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vgt-pmp-actions { justify-content: flex-start; } } @media (max-width: 720px) { .vgt-pack-mobilite-pro { margin-top: 20px; margin-bottom: 20px; } .vgt-pmp-wrap { padding: 24px 14px; } .vgt-pmp-hero, .vgt-pmp-cta { padding: 24px; border-radius: 24px; } .vgt-pmp-visual { min-height: auto; padding: 14px; } .vgt-pmp-main-img { height: 220px; } .vgt-pmp-hero-points, .vgt-pmp-benefits, .vgt-pmp-products, .vgt-pmp-flow, .vgt-pmp-spec-grid { grid-template-columns: 1fr; } .vgt-pmp-mini-grid { grid-template-columns: repeat(2, 1fr); } .vgt-pmp-price-card { grid-template-columns: 1fr; } .vgt-pmp-saving { width: fit-content; } .vgt-pmp-cta h3 { text-align: left; } } Pack Mobilite Pro Terminal durci + imprimante portable Une solution terrain robuste pour scanner, travailler et imprimer en deplacement. Le Pack Mobilite Pro Vigilantia associe le terminal mobile Honeywell CT37 a limprimante portable Epson TM-P20II. Il est concu pour les professionnels qui ont besoin dun equipement plus robuste quun terminal mobile classique : inventaire, logistique, retail, livraison, preparation de commandes, services terrain ou encaissement nomade. 2 produits Un terminal mobile durci + une imprimante portable professionnelle. Usage pro Concu pour les equipes terrain, la mobilite intensive et les environnements exigeants. 1 599,99 HT Prix pack plus avantageux que lachat separe. Prix pack mobilite pro 1 599,99 HT Economie : 85,00 HT Pourquoi ce pack ? Parce quune vraie mobilite professionnelle demande plus quun simple terminal mobile. Ce pack est pense pour les equipes qui travaillent loin du comptoir : preparation de commandes, inventaire, gestion de stock, tournee terrain, livraison, vente mobile ou encaissement nomade. Le Honeywell CT37 apporte la robustesse et la capture de donnees, tandis que lEpson TM-P20II permet dimprimer directement sur le terrain. 1 Terminal durci Le Honeywell CT37 est adapte aux usages terrain, avec un format mobile professionnel et une conception robuste. 2 Capture 2D Le terminal permet de scanner les codes-barres 1D/2D pour linventaire, le stock, la preparation ou le controle. 3 Impression nomade LEpson TM-P20II imprime les tickets ou recus directement sur le terrain, sans dependre dun comptoir fixe. 4 Pack plus clair Le client evite de composer son panier produit par produit et part sur une configuration mobilite coherente. Contenu du pack Les 2 equipements inclus dans le Pack Mobilite. Chaque produit a un role precis : collecte mobile de donnees et impression terrain. Cliquez sur une carte pour consulter la fiche produit individuelle dans un nouvel onglet. Terminal durci Honeywell CT37 Terminal mobile professionnel avec ecran 6, imager 2D, connectivite Wi-Fi 6E, Bluetooth, NFC, 8 Go de RAM, 128 Go de stockage et conception IP65/IP68. Voir la fiche produit Prix seul 1 445,00 HT Imprimante portable Epson TM-P20II Imprimante mobile 2 pouces pour recus et tickets, avec connectivite USB-C, Bluetooth 5.0, Wi-Fi 5, Wi-Fi Direct et conception portable robuste IP54. Voir la fiche produit Prix seul 450,00 HT Comparatif prix Acheter le pack revient moins cher que dacheter les produits un par un. Le Pack Mobilite regroupe les deux equipements dans une seule offre, avec un prix plus lisible et plus avantageux pour le client. Achat separe 1 685,00 HT Prix total si chaque produit est ajoute separement au panier. 5 fiches produits a consulter separement. Risque dacheter un terminal sans solution dimpression terrain. Comparaison plus longue pour une configuration mobilite professionnelle. Panier moins lisible pour les equipes terrain ou logistiques. Prix pack mobilite 1 599,99 HT Une solution terrain robuste, coherente et plus rentable. Economie immediate de 140,35 HT. Produits selectionnes pour les usages mobiles intensifs. Une seule decision dachat pour une solution complete. Ideal pour inventaire, livraison, preparation, retail, logistique et services terrain. Flux mobilite pro Un pack pense pour les equipes qui doivent agir, scanner et imprimer sur le terrain. Le terminal accompagne loperateur dans ses taches mobiles, pendant que limprimante portable permet de remettre un ticket, un recu ou un document directement la ou laction se deroule. 1 Scan Le Honeywell CT37 lit les codes-barres pour identifier un produit, une commande, un colis ou un emplacement. 2 Traitement Lequipe valide laction sur le terminal : inventaire, preparation, controle, vente ou intervention terrain. 3 Impression LEpson TM-P20II imprime le ticket ou recu directement en mobilite, sans retour obligatoire au comptoir. 4 Preuve Le client, lequipe ou le livreur dispose immediatement dun document imprime clair et professionnel. Compatibilite & installation Un choix coherent pour les environnements mobiles exigeants. Le pack associe un terminal mobile professionnel robuste et une imprimante portable compacte. Il convient aux usages terrain, inventaire, stock, livraison, retail, preparation de commandes et services mobiles. Ce que le pack apporte concretement Un terminal mobile durci pour scanner, consulter et traiter les operations terrain. Une imprimante portable pour remettre tickets, recus ou justificatifs en mobilite. Une solution adaptee aux equipes qui ne travaillent pas uniquement au comptoir. Une meilleure autonomie operationnelle pour les flux inventaire, livraison et preparation. Une configuration plus professionnelle quun simple terminal mobile grand public. Reperes techniques utiles Honeywell CT37 Ecran 6, imager 2D, RAM 8 Go, stockage 128 Go, Wi-Fi 6E, Bluetooth, NFC. Robustesse CT37 Conception IP65/IP68, MIL-STD 810H, boitier desinfectable, usage terrain intensif. Epson TM-P20II Imprimante mobile 2 pouces, USB-C, Bluetooth 5.0, Wi-Fi 5 et Wi-Fi Direct. Robustesse Epson Format portable, protection IP54, adaptee aux environnements mobiles et professionnels. Usage recommande Inventaire, livraison, preparation, controle terrain, retail, logistique, services mobiles. Conseil Vigilantia Valider la configuration logicielle, les connexions et les accessoires necessaires avant deploiement. Est-ce le bon pack pour vous ? Le pack ideal si vous voulez une vraie solution mobile professionnelle, pas seulement un terminal portable. Ce Pack Mobilite Pro sadresse aux entreprises qui veulent equiper leurs equipes terrain avec du materiel fiable : un terminal durci pour scanner et traiter les operations, une imprimante portable pour produire un ticket ou recu directement sur place. Ce pack est fait pour vous si Vous cherchez une solution mobile robuste pour des equipes qui travaillent hors comptoir, en rayon, en entrepot ou sur le terrain. Vous avez besoin de scanner des produits, colis, emplacements ou commandes. Vous voulez un terminal plus robuste quun smartphone classique. Vous devez imprimer des tickets, recus ou justificatifs en mobilite. Vous gerez des flux dinventaire, livraison, preparation ou controle terrain. Vous voulez reduire les retours au comptoir ou au bureau. Vous cherchez une configuration claire, professionnelle et facile a commander. Ce que vous obtenez concretement Une configuration mobilite pro equilibree : un terminal durci pour agir sur le terrain, une imprimante portable pour finaliser loperation. Un terminal mobile professionnel Honeywell CT37. Une imprimante portable Epson TM-P20II. Un pack adapte aux equipes mobiles et aux environnements exigeants. Une solution plus lisible quun achat produit par produit. Un ensemble utile pour retail, logistique, livraison et services terrain. Une offre a 829 HT, plus avantageuse que lachat separe. Pour professionnaliser le terrain Vous equipez vos equipes avec du materiel pense pour les operations mobiles, pas seulement pour un usage ponctuel. Pour reduire les allers-retours Scan, traitement et impression peuvent se faire directement la ou laction a lieu. Pour une image plus serieuse Un equipement robuste et professionnel inspire confiance aupres des equipes, clients et partenaires terrain. Pour acheter plus intelligemment Le pack evite les achats disperses et permet de beneficier dun ensemble plus avantageux que lachat separe. FAQ Questions frequentes avant achat. Ce pack convient-il a linventaire et a la gestion de stock ? Oui. Le Honeywell CT37 est adapte aux usages de collecte mobile de donnees, de scan et de gestion terrain. LEpson TM-P20II complete le pack lorsque vous devez imprimer un ticket, recu ou justificatif directement sur place. Quelle est la difference avec le Pack Mobilite classique ? Le Pack Mobilite classique est oriente terminal mobile POS + impression connectee. Le Pack Mobilite Pro est plus robuste et davantage oriente terrain, inventaire, logistique, livraison, preparation et usage intensif. Pourquoi choisir le pack plutot que les produits separes ? Le pack simplifie la decision dachat, limite les oublis et permet de beneficier dun prix global plus avantageux. Ici, les produits separes representent 1 685,00 HT, contre 1 599,99 HT pour le Pack Mobilite Pro. Le logiciel de caisse ou de gestion est-il inclus ? Non, le logiciel de caisse n'est pas inclus. Cette fiche presente le materiel du pack. Peut-on adapter le pack a un autre besoin ? Oui. Selon votre activite, il est possible dajouter un socle de charge, des batteries, une dragonne, un scanner complementaire, une imprimante fixe, une caisse principale ou dautres peripheriques. Besoin de valider la configuration avant commande ? Vigilantia peut vous aider a choisir la bonne configuration selon vos usages terrain, votre logiciel metier, votre volume de scan et vos besoins dimpression mobile. Demander conseil 03 67 39 00 59 .vgt-pack-mobilite-pro { --vgt-navy: #0f172a; --vgt-navy-2: #111827; --vgt-blue: #2563eb; --vgt-blue-soft: #eaf2ff; --vgt-sky: #f5f8ff; --vgt-card: #ffffff; --vgt-border: #e2e8f0; --vgt-text: #334155; --vgt-muted: #64748b; --vgt-green: #16a34a; --vgt-green-soft: #eafaf0; --vgt-shadow: 0 18px 45px rgba(15, 23, 42, 0.10); font-family: inherit; color: var(--vgt-navy); background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); overflow: hidden; width: 100vw; max-width: 100vw; margin-top: 32px; margin-bottom: 32px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0; } .vgt-pack-mobilite-pro * { box-sizing: border-box; } .vgt-pmp-wrap { width: 100%; max-width: none; margin: 0; padding: 46px clamp(18px, 4.5vw, 76px); } .vgt-pmp-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: 34px; align-items: center; padding: 42px; border-radius: 30px; background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.18), transparent 36%), linear-gradient(135deg, #0f172a 0%, #111827 48%, #1e3a8a 100%); color: #ffffff; box-shadow: var(--vgt-shadow); position: relative; overflow: hidden; } .vgt-pmp-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -180px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; } .vgt-pmp-badge { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); font-size: 13px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 18px; margin-left: auto; margin-right: auto; width: fit-content; } .vgt-pmp-hero h2 { font-size: clamp(34px, 4.4vw, 64px); line-height: 0.98; margin: 0 auto 18px; letter-spacing: -0.055em; color: #ffffff; max-width: 850px; text-align: center; } .vgt-pmp-hero p { font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.82); margin: 0 auto 24px; max-width: 780px; text-align: center; } .vgt-pmp-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px auto 0; max-width: 860px; } .vgt-pmp-hero-point { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; padding: 14px; } .vgt-pmp-hero-point strong { display: block; font-size: 18px; margin-bottom: 4px; color: #ffffff; } .vgt-pmp-hero-point span { display: block; color: rgba(255, 255, 255, 0.72); font-size: 13px; line-height: 1.35; } .vgt-pmp-visual { position: relative; z-index: 2; min-height: 440px; border-radius: 28px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(12px); padding: 22px; } .vgt-pmp-main-img { width: 100%; height: 290px; object-fit: contain; display: block; border-radius: 24px; background: #ffffff; padding: 18px; box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18); } .vgt-pmp-mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; } .vgt-pmp-mini-grid a { display: block; border-radius: 16px; transition: transform .18s ease, box-shadow .18s ease; } .vgt-pmp-mini-grid a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); } .vgt-pmp-mini-grid img { width: 100%; height: 92px; object-fit: contain; background: #ffffff; border-radius: 16px; padding: 8px; display: block; } .vgt-pmp-price-card { margin-top: 16px; border-radius: 22px; background: #ffffff; color: var(--vgt-navy); padding: 18px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; } .vgt-pmp-price-card small { display: block; color: var(--vgt-muted); font-size: 12px; margin-bottom: 4px; } .vgt-pmp-pack-price { font-size: 30px; font-weight: 900; letter-spacing: -0.04em; color: var(--vgt-navy); line-height: 1; } .vgt-pmp-saving { padding: 10px 13px; border-radius: 999px; background: var(--vgt-green-soft); color: var(--vgt-green); font-weight: 800; font-size: 13px; white-space: nowrap; } .vgt-pmp-section { margin-top: 58px; } .vgt-pmp-section-header { max-width: 980px; margin: 0 auto 28px; text-align: center; } .vgt-pmp-eyebrow { color: var(--vgt-blue); font-weight: 900; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 10px; text-align: center; } .vgt-pmp-section h3 { font-size: clamp(26px, 3vw, 42px); line-height: 1.08; letter-spacing: -0.045em; margin: 0 auto 12px; color: var(--vgt-navy); max-width: 980px; text-align: center; } .vgt-pmp-section p { color: var(--vgt-text); font-size: 16px; line-height: 1.7; margin: 0; } .vgt-pmp-section-header p { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .vgt-pmp-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .vgt-pmp-benefit { background: var(--vgt-card); border: 1px solid var(--vgt-border); border-radius: 24px; padding: 22px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04); } .vgt-pmp-icon { width: 42px; height: 42px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: var(--vgt-blue-soft); color: var(--vgt-blue); font-weight: 900; font-size: 18px; margin-bottom: 14px; } .vgt-pmp-benefit h4, .vgt-pmp-product-card h4, .vgt-pmp-flow-card h4 { font-size: 18px; margin: 0 0 8px; color: var(--vgt-navy); letter-spacing: -0.02em; } .vgt-pmp-benefit p, .vgt-pmp-product-card p, .vgt-pmp-flow-card p { font-size: 14.5px; line-height: 1.65; color: var(--vgt-text); margin: 0; } .vgt-pmp-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 980px; margin-left: auto; margin-right: auto; } .vgt-pmp-product-link { display: block; color: inherit; text-decoration: none; min-height: 100%; } .vgt-pmp-product-link:hover { color: inherit; text-decoration: none; } .vgt-pmp-product-card { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 24px; overflow: hidden; box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05); display: flex; flex-direction: column; min-height: 100%; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .vgt-pmp-product-link:hover .vgt-pmp-product-card { transform: translateY(-4px); border-color: rgba(37, 99, 235, 0.45); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.11); } .vgt-pmp-product-card img { width: 100%; height: 210px; object-fit: contain; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); padding: 18px; border-bottom: 1px solid var(--vgt-border); } .vgt-pmp-product-body { padding: 20px; flex: 1; } .vgt-pmp-product-tag { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: var(--vgt-sky); color: var(--vgt-blue); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; } .vgt-pmp-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .vgt-pmp-product-arrow { width: 28px; height: 28px; border-radius: 999px; background: var(--vgt-blue-soft); color: var(--vgt-blue); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; flex: 0 0 auto; transition: background .18s ease, color .18s ease; } .vgt-pmp-product-link:hover .vgt-pmp-product-arrow { background: var(--vgt-blue); color: #ffffff; } .vgt-pmp-product-note { display: inline-flex; margin-top: 12px; font-size: 12px; color: var(--vgt-blue); font-weight: 800; } .vgt-pmp-price-line { margin-top: 14px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 1px solid var(--vgt-border); padding-top: 12px; } .vgt-pmp-price-line span { color: var(--vgt-muted); font-size: 12px; } .vgt-pmp-price-line strong { color: var(--vgt-navy); font-size: 15px; } .vgt-pmp-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .vgt-pmp-compare-card { border-radius: 28px; padding: 28px; border: 1px solid var(--vgt-border); background: #ffffff; position: relative; overflow: hidden; box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06); } .vgt-pmp-compare-card.is-pack { border-color: rgba(22, 163, 74, 0.35); background: radial-gradient(circle at top right, rgba(22, 163, 74, 0.12), transparent 40%), #ffffff; } .vgt-pmp-compare-title { color: var(--vgt-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } .vgt-pmp-compare-price { font-size: clamp(34px, 4vw, 48px); line-height: 1; font-weight: 950; letter-spacing: -0.06em; color: var(--vgt-navy); margin-bottom: 8px; } .vgt-pmp-compare-card.is-pack .vgt-pmp-compare-price { color: var(--vgt-green); } .vgt-pmp-compare-sub { color: var(--vgt-text); line-height: 1.6; font-size: 15px; margin-bottom: 18px; } .vgt-pmp-checklist { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .vgt-pmp-checklist li { display: flex; gap: 9px; align-items: flex-start; color: var(--vgt-text); font-size: 14.5px; line-height: 1.5; } .vgt-pmp-checklist li::before { content: ""; color: var(--vgt-green); font-weight: 950; flex: 0 0 auto; } .vgt-pmp-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .vgt-pmp-flow-card { border-radius: 22px; border: 1px solid var(--vgt-border); background: #ffffff; padding: 20px; position: relative; } .vgt-pmp-step { width: 34px; height: 34px; border-radius: 999px; background: var(--vgt-navy); color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 12px; } .vgt-pmp-specs { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 18px; align-items: stretch; } .vgt-pmp-spec-card { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 26px; padding: 26px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04); } .vgt-pmp-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vgt-pmp-spec-item { background: #f8fafc; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 14px; } .vgt-pmp-spec-item strong { display: block; font-size: 14px; color: var(--vgt-navy); margin-bottom: 3px; } .vgt-pmp-spec-item span { color: var(--vgt-muted); font-size: 13px; line-height: 1.35; display: block; } .vgt-pmp-faq { display: grid; gap: 12px; } .vgt-pmp-faq details { background: #ffffff; border: 1px solid var(--vgt-border); border-radius: 18px; padding: 18px 20px; } .vgt-pmp-faq summary { cursor: pointer; font-weight: 850; color: var(--vgt-navy); font-size: 16px; } .vgt-pmp-faq details p { margin-top: 12px; font-size: 14.5px; color: var(--vgt-text); } .vgt-pmp-cta { margin-top: 58px; border-radius: 30px; background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 35%), linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #ffffff; padding: 34px; display: grid; grid-template-columns: 1f