/* VetProShop Pages – charte de la maquette (sections .vps uniquement). */

@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-semi-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-semi-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-semi-condensed-latin-800-normal.woff2) format("woff2")}

.vps{
  --vps-red:#c3161c;--vps-red-dark:#9e1016;--vps-pink:#fbe8e8;
  --vps-ink:#1d1d1f;--vps-anthracite:#3d3d40;--vps-grey:#5a5a5f;
  --vps-soft:#f5f4f2;--vps-line:#e6e4e1;--vps-green:#167451;--vps-blue:#1d4467;
  --vps-head:"Barlow Semi Condensed",Barlow,Arial,sans-serif;
  font-family:Barlow,"Helvetica Neue",Arial,sans-serif;
  color:var(--vps-ink);line-height:1.45;font-size:17px;
}
.vps :where(h1,h2,h3,h4){font-family:var(--vps-head);font-weight:800;line-height:1.08;color:inherit;letter-spacing:0}
.vps a{color:var(--vps-red)}
.vps a:hover{color:var(--vps-red-dark)}
.vps p{margin:0}
.vps .vps-red{color:var(--vps-red)!important}
.vps-stars{color:#ffd27a;letter-spacing:1px}

/* ---------- Sections ---------- */
.vps.vps-section{padding:48px 24px 0;margin-block-start:0!important}
.vps.vps-section > .vps-inner{display:flex;flex-direction:column;gap:22px}
.vps.vps-section > .vps-inner > *{margin:0!important}
.vps .vps-title{font-size:clamp(28px,3vw,38px);margin:0}
.vps .vps-kicker{font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--vps-red)}
.vps .vps-lead{font-size:clamp(17px,1.6vw,20px);color:var(--vps-anthracite);max-width:760px}
.vps .vps-headrow{justify-content:space-between;align-items:baseline;gap:8px 20px}
.vps .vps-headrow > *{margin:0!important}
.vps .vps-more{font-weight:700}
.vps .vps-grid{gap:16px!important}
.vps .vps-grid > *{margin:0!important}

/* ---------- Cartes ---------- */
.vps .vps-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;border:1px solid var(--vps-line);background:#fff}
.vps .vps-card > *{margin:0!important}
.vps .vps-card h3{font-size:24px;margin:0}
.vps .vps-badge{align-self:flex-start;padding:5px 12px;border-radius:999px;background:var(--vps-soft);font-size:14px;font-weight:700;color:var(--vps-anthracite)}

/* Boutons */
.vps .wp-block-button .wp-block-button__link{border-radius:10px;font-weight:700;padding:13px 22px;font-size:16px;line-height:1.2;text-decoration:none;background:var(--vps-red);color:#fff;border:2px solid var(--vps-red)}
.vps .wp-block-button .wp-block-button__link:hover{background:var(--vps-red-dark);border-color:var(--vps-red-dark);color:#fff}
.vps .vps-btn-dark .wp-block-button__link{background:var(--vps-ink);border-color:var(--vps-ink)}
.vps .vps-btn-dark .wp-block-button__link:hover{background:#000;border-color:#000}
.vps .vps-btn-light .wp-block-button__link{background:#fff;color:var(--vps-red-dark);border-color:#fff}
.vps .vps-btn-light .wp-block-button__link:hover{background:var(--vps-pink);color:var(--vps-red-dark);border-color:var(--vps-pink)}
.vps .vps-btn-ghost .wp-block-button__link{background:transparent;color:var(--vps-ink);border-color:var(--vps-ink)}
.vps .vps-btn-ghost .wp-block-button__link:hover{background:var(--vps-ink);color:#fff}

/* ---------- Accueil : bandeau photo ---------- */
.vps.vps-hero-cover{padding:56px 24px!important;margin-block:0!important;color:#fff}
.vps.vps-hero-cover .wp-block-cover__inner-container{color:#fff;width:100%!important;max-width:none!important;padding:0!important}
.vps .vps-hero-inner{display:flex;flex-direction:column;gap:18px;align-items:flex-start;width:100%;max-width:var(--wp--style--global--wide-size,1340px)!important;margin-inline:auto!important}
.vps .vps-hero-inner > *{margin:0!important;max-width:720px}
.vps.vps-hero-cover .vps-hero-title{color:#fff;font-size:clamp(36px,5vw,62px);line-height:1.02}
.vps.vps-hero-cover .vps-red{color:#ff4148!important}
.vps.vps-hero-cover .vps-lead{color:#f0eeeb}
.vps .vps-kicker-light{color:#ffd2d3}
.vps.vps-hero-cover .wp-block-buttons{gap:12px}
.vps.vps-hero-cover .vps-btn-light .wp-block-button__link{background:rgba(255,255,255,.08);color:#fff;border-color:#fff}
.vps.vps-hero-cover .vps-btn-light .wp-block-button__link:hover{background:#fff;color:var(--vps-ink)}
.vps ul.vps-guarantees.vps-guarantees-light{max-width:none!important;width:100%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.vps ul.vps-guarantees.vps-guarantees-light li{background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18)}
.vps ul.vps-guarantees.vps-guarantees-light li::before{background:#7ee0a9}
.vps.vps-profiles{padding-top:40px}

/* ---------- Accueil : héros et profils ---------- */
.vps.vps-hero{padding-top:32px}
.vps .vps-hero-title{font-size:clamp(34px,4.6vw,56px);max-width:900px;margin:0}
.vps .vps-tile{min-height:250px;border-width:2px}
.vps .vps-tile .wp-block-buttons{margin-top:auto!important}
.vps .vps-tile p:not(.vps-badge){color:var(--vps-anthracite);font-size:16px}
.vps .vps-tone-red .vps-badge{background:var(--vps-pink);color:var(--vps-red-dark)}
.vps .vps-tone-red h3::before{background-color:var(--vps-red)!important}
.vps .vps-tone-dark{background:var(--vps-ink);border-color:var(--vps-ink);color:#fff}
.vps .vps-tone-dark p:not(.vps-badge){color:#e6e4e1}
.vps .vps-tone-dark .vps-badge{background:#3d3d40;color:#fff}
.vps .vps-tone-dark h3::before{background-color:#fff!important}
.vps .vps-tone-dark .vps-btn-dark .wp-block-button__link{background:var(--vps-red);border-color:var(--vps-red)}
.vps .vps-tone-green .vps-badge{background:#e5f3ea;color:#11613f}
.vps .vps-tone-green h3::before{background-color:var(--vps-green)!important}
.vps .vps-tone-blue .vps-badge{background:#e4ecf5;color:var(--vps-blue)}
.vps .vps-tone-blue h3::before{background-color:var(--vps-blue)!important}

.vps ul.vps-guarantees{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.vps ul.vps-guarantees li{position:relative;padding:14px 16px 14px 46px;border-radius:14px;background:var(--vps-soft);font-size:16px;margin:0}
.vps ul.vps-guarantees li::before{content:"";position:absolute;left:16px;top:50%;margin-top:-11px;width:22px;height:22px;background:var(--vps-green);-webkit-mask:var(--vps-m-check) center/contain no-repeat;mask:var(--vps-m-check) center/contain no-repeat}

/* Photos des cartes « Vous êtes… » */
.vps .vps-tile .vps-tile-photo{margin:-22px -22px 4px!important;border-radius:18px 18px 0 0;overflow:hidden}
.vps .vps-tile .vps-tile-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.vps .vps-tile:has(.vps-tile-photo) h3.vps-i::before{display:none}
.vps .vps-tile:has(.vps-tile-photo){padding-top:22px}
.vps .vps-tile:has(.vps-tile-photo) .vps-badge{margin-top:6px!important}

/* ---------- Catégories ---------- */
.vps .vps-catcard{background:var(--vps-soft);border-color:var(--vps-soft)}
.vps .vps-catcard h3{font-size:22px}
.vps .vps-catcard h3 a{color:var(--vps-ink);text-decoration:none}
.vps .vps-catcard h3 a:hover{color:var(--vps-red)}
.vps ul.vps-sublist{list-style:none;margin:0;padding:0}
.vps ul.vps-sublist li{margin:0;border-bottom:1px solid var(--vps-line)}
.vps ul.vps-sublist li:last-child{border-bottom:0}
.vps ul.vps-sublist a{display:flex;justify-content:space-between;padding:7px 0;color:var(--vps-ink);text-decoration:none;font-size:16px}
.vps ul.vps-sublist a::after{content:"›";color:#9a9a9f}
.vps ul.vps-sublist a:hover{color:var(--vps-red)}

/* ---------- Produits ---------- */
.vps .vps-products .wc-block-product-template{gap:16px}
.vps .vps-products .wc-block-product{border:1px solid var(--vps-line);border-radius:18px;padding:14px 14px 18px;background:#fff;display:flex;flex-direction:column;gap:8px}
.vps .vps-products .wc-block-product > *{margin:0!important}
.vps .vps-products .wc-block-components-product-image{border-radius:12px;overflow:hidden;background:var(--vps-soft)}
.vps .vps-product-title{font-size:18px!important;line-height:1.25;font-family:Barlow,Arial,sans-serif;font-weight:700}
.vps .vps-product-title a{color:var(--vps-ink);text-decoration:none}
.vps .vps-product-price{font-weight:700;font-size:17px}
.vps .vps-product-button{margin-top:auto!important}
.vps .vps-product-button .wp-block-button__link,.vps .vps-product-button .wc-block-components-product-button__button{width:100%;border-radius:10px;background:var(--vps-ink);color:#fff;font-weight:700;border:0;padding:12px}
.vps .vps-product-button .wc-block-components-product-button__button:hover{background:var(--vps-red)}

/* ---------- Bandeau rouge ---------- */
.vps .vps-band{padding:30px 34px;border-radius:24px;gap:18px 32px!important;justify-content:space-between;align-items:center}
.vps .vps-band > *{margin:0!important}
.vps .vps-band-red{background:var(--vps-red);color:#fff}
.vps .vps-band .vps-title{color:#fff;font-size:clamp(26px,2.6vw,34px)}
.vps .vps-fees-text{flex:1 1 420px;display:flex;flex-direction:column;gap:8px}
.vps .vps-fees-text > *{margin:0!important}
.vps .vps-band-red p{color:#ffe9ea;font-size:17px;max-width:720px}

/* ---------- Étapes ---------- */
.vps ol.vps-steps{list-style:none;margin:0;padding:0;counter-reset:vps-step;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.vps ol.vps-steps li{counter-increment:vps-step;margin:0;padding:20px;border-radius:18px;background:var(--vps-soft);font-size:15px;color:var(--vps-anthracite)}
.vps ol.vps-steps li strong{display:inline-block;margin-bottom:4px;font-size:19px;font-weight:700;color:var(--vps-ink)}
.vps ol.vps-steps li::before{content:counter(vps-step);display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:10px;border-radius:50%;background:var(--vps-red);color:#fff;font-family:var(--vps-head);font-weight:800;font-size:20px}
.vps.vps-steps-section{padding-bottom:56px}

/* ---------- En-tête ---------- */
.vps.vps-topbar{background:var(--vps-anthracite);color:#fff;font-size:14px;padding:8px 24px;margin:0!important}
.vps.vps-topbar .vps-row{justify-content:space-between;gap:6px 20px}
.vps.vps-topbar p{margin:0!important}
.vps.vps-topbar strong{color:#ffd2d3}
.vps.vps-header{background:#fff;border-bottom:1px solid var(--vps-line);padding:12px 24px;margin:0!important}
.vps .vps-mainbar{gap:14px 28px!important;align-items:center;flex-wrap:wrap}
.vps .vps-mainbar > *{margin:0!important}
.vps .vps-brand{gap:12px!important;flex-wrap:nowrap!important}
.vps .vps-brand > *{margin:0!important}
.vps .vps-brand-text{gap:0!important}
.vps .vps-brand-text > *{margin:0!important}
.vps .vps-brand-title{font-family:var(--vps-head);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--vps-anthracite)}
.vps .vps-brand-sub{font-size:14px;color:var(--vps-grey)}
.vps .vps-search{flex:1 1 320px;min-width:0}
.vps .vps-search .wp-block-search__inside-wrapper{border:2px solid var(--vps-anthracite);border-radius:10px;padding:0;overflow:hidden}
.vps .vps-search .wp-block-search__input{border:0;height:44px;padding:0 14px;font-size:16px;font-family:inherit}
.vps .vps-search .wp-block-search__button{margin:0;border-radius:0;background:var(--vps-anthracite);color:#fff;width:52px;padding:0;display:flex;align-items:center;justify-content:center}
.vps .vps-search .wp-block-search__button svg{fill:currentColor;width:24px;height:24px}
.vps .vps-actions{gap:8px!important;align-items:center;flex-wrap:nowrap!important}
.vps .vps-actions > *{margin:0!important}
.vps .vps-quote .wp-block-button__link{padding:10px 16px}
.vps .vps-account a{color:var(--vps-ink);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px}
.vps .vps-cart .wc-block-mini-cart__button{background:var(--vps-red);color:#fff;border-radius:10px;padding:10px 14px;font-weight:700}
.vps .vps-cart .wc-block-mini-cart__button:hover{background:var(--vps-red-dark);opacity:1}
.vps .vps-cart .wc-block-mini-cart__badge{background:#fff;color:var(--vps-red-dark)}
.vps.vps-catbar{background:var(--vps-ink);padding:0 24px;margin:0!important}
.vps .vps-catnav{font-weight:600;font-size:15px;gap:0!important;justify-content:flex-start}
.vps .vps-catnav .wp-block-navigation__container{gap:0!important;justify-content:flex-start}
.vps .vps-catnav .wp-block-navigation-item__content{color:#fff;padding:12px 10px;text-decoration:none}
.vps .vps-catnav .wp-block-navigation-submenu > .wp-block-navigation-item__content{padding-right:4px}
.vps .vps-catnav .wp-block-navigation__submenu-icon{margin-right:8px}
.vps .vps-catnav .wp-block-navigation-item__content:hover{color:#fff;background:var(--vps-red)}
.vps .vps-catnav .wp-block-navigation__submenu-container{background:#fff!important;color:var(--vps-ink)!important;border:1px solid var(--vps-line)!important;border-radius:0 0 12px 12px;padding:6px 0;min-width:240px!important;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.vps .vps-catnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:var(--vps-ink);padding:9px 18px}
.vps .vps-catnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--vps-pink);color:var(--vps-red-dark)}
.vps .vps-catnav .wp-block-navigation__submenu-icon{color:#fff}
.vps .vps-catnav .wp-block-navigation__responsive-container-open{color:#fff;padding:12px 0}
.vps .vps-catnav .wp-block-navigation__responsive-container-open::after{content:"Catégories";margin-left:8px;font-weight:700}
.vps .vps-catnav .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;color:var(--vps-ink)!important}
.vps .vps-catnav .is-menu-open .wp-block-navigation-item__content{color:var(--vps-ink)!important;padding:8px 0}
.vps .vps-catnav .is-menu-open .wp-block-navigation__container{gap:14px!important}
.vps .vps-catnav .is-menu-open .wp-block-navigation__container > li > .wp-block-navigation-item__content{font-size:19px;font-weight:700;font-family:var(--vps-head)}
.vps .vps-catnav .is-menu-open .wp-block-navigation__submenu-container{border:0!important;box-shadow:none!important;border-radius:0;padding:0 0 0 14px!important;min-width:0!important;border-left:3px solid var(--vps-pink)!important}
.vps .vps-catnav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:6px 0!important;font-weight:500}
.vps .vps-catnav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:none;color:var(--vps-red)!important}

/* ---------- Pied de page ---------- */
.vps.vps-footer{background:var(--vps-ink);color:#e6e4e1;padding:48px 24px 22px;margin-top:56px!important}
.vps.vps-footer > *{margin:0!important}
.vps .vps-foot-cols{gap:28px!important;padding-bottom:28px;border-bottom:1px solid #3d3d40}
.vps .vps-foot-cols > *{margin:0!important}
.vps .vps-foot-cols p{font-size:15px;margin:0 0 8px!important}
.vps .vps-foot-title{color:#fff;font-size:20px;margin:0 0 10px!important}
.vps ul.vps-foot-list{list-style:none;margin:0;padding:0;font-size:15px}
.vps ul.vps-foot-list li{margin:0 0 8px}
.vps.vps-footer a{color:#e6e4e1;text-decoration:none}
.vps.vps-footer a:hover{color:#fff;text-decoration:underline}
.vps .vps-foot-copy{text-align:center;font-size:14px;padding-top:20px;color:#bdbbb7}

/* ---------- Prix HT / TTC (listes de produits de toute la boutique) ---------- */
.vps-price-ht-ttc{display:inline-flex;flex-direction:column;align-items:inherit;gap:2px;line-height:1.25}
.vps-price-ht-ttc .vps-ht{font-weight:700}
.vps-price-ht-ttc .vps-ttc{font-size:.86em;font-weight:500;color:#5a5a5f}
.vps-price-ht-ttc .vps-tax-label{font-size:.75em;font-weight:600;margin-left:2px}

/* ---------- Icônes (masques SVG) ---------- */
.vps{
  --vps-m-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4 4 10-10'/%3E%3C/svg%3E");
}
.vps h3.vps-i::before{content:"";display:block;width:56px;height:56px;margin-bottom:12px;border-radius:16px;background-color:var(--vps-ink);-webkit-mask:var(--vps-icon) center/34px no-repeat;mask:var(--vps-icon) center/34px no-repeat}
.vps .vps-catcard h3.vps-i::before{width:48px;height:48px;background-color:var(--vps-anthracite);-webkit-mask-size:40px;mask-size:40px}
.vps .vps-i-bag{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 13H7z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")}
.vps .vps-i-case{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E")}
.vps .vps-i-school{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5z'/%3E%3Cpath d='M6 11v5c2 2 10 2 12 0v-5M22 9v6'/%3E%3C/svg%3E")}
.vps .vps-i-building{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V10M19 21V10M9 21v-6h6v6M2 10l10-6 10 6z'/%3E%3C/svg%3E")}
.vps .vps-i-tee{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'%3E%3Cpath d='M36 14 L18 22 L6 42 L21 49 L28 41 L28 90 L72 90 L72 41 L79 49 L94 42 L82 22 L64 14 Q50 26 36 14 Z'/%3E%3C/svg%3E")}
.vps .vps-i-sweat{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'%3E%3Cpath d='M36 14 L18 22 L7 74 L21 78 L28 52 L28 90 L72 90 L72 52 L79 78 L93 74 L82 22 L64 14 Q50 26 36 14 Z M28 82 L72 82'/%3E%3C/svg%3E")}
.vps .vps-i-jacket{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'%3E%3Cpath d='M36 14 L18 22 L7 74 L21 78 L28 52 L28 90 L72 90 L72 52 L79 78 L93 74 L82 22 L64 14 Q50 26 36 14 Z M50 20 L50 90'/%3E%3C/svg%3E")}
.vps .vps-i-medical{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M10 3h4v7h7v4h-7v7h-4v-7H3v-4h7z'/%3E%3C/svg%3E")}
.vps .vps-i-pants{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'%3E%3Cpath d='M30 8 L70 8 L75 92 L56 92 L50 36 L44 92 L25 92 Z'/%3E%3C/svg%3E")}
.vps .vps-i-shoe{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'%3E%3Cpath d='M8 30 L36 30 L40 52 Q60 56 86 64 Q94 68 92 78 L8 78 Z'/%3E%3C/svg%3E")}
.vps .vps-i-apron{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'%3E%3Cpath d='M38 8 L62 8 L62 22 L76 26 L76 92 L24 92 L24 26 L38 22 Z M38 50 h24 v14 h-24 z'/%3E%3C/svg%3E")}

.vps .vps-i-btp{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18h16M6 18a6 6 0 0 1 12 0M12 6v6M9 9h6M3 21h18'/%3E%3C/svg%3E")}
.vps .vps-i-tools{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}
.vps .vps-i-food{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v8M5 3v4a2 2 0 0 0 4 0V3M7 11v10M17 3c-2 0-3 2-3 5s1 4 3 4v9'/%3E%3C/svg%3E")}
.vps .vps-i-shield{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6zM9 12l2 2 4-4'/%3E%3C/svg%3E")}
.vps .vps-i-car{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14M3 13l2-6h14l2 6v4H3zM7 17v2M17 17v2'/%3E%3C/svg%3E")}
.vps .vps-i-clean{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8M10 3v4M14 3v4M6 7h12l-1 14H7z'/%3E%3C/svg%3E")}

/* Couleurs des cartes métier */
.vps .vps-catcard .vps-cat-note{margin-top:auto!important;font-size:14px;font-weight:700;color:var(--vps-anthracite)}
.vps .vps-cat-btp{background:#fff3d6;border-color:#fff3d6}.vps .vps-cat-btp .vps-cat-note{color:#8a5a00}.vps .vps-cat-btp h3::before{background-color:#8a5a00!important}
.vps .vps-cat-tools{background:#f5f4f2}.vps .vps-cat-tools h3::before{background-color:#3d3d40!important}
.vps .vps-cat-medical{background:#e5f3ea;border-color:#e5f3ea}.vps .vps-cat-medical .vps-cat-note{color:#167451}.vps .vps-cat-medical h3::before{background-color:#167451!important}
.vps .vps-cat-food{background:#fbe8e8;border-color:#fbe8e8}.vps .vps-cat-food .vps-cat-note{color:#9e1016}.vps .vps-cat-food h3::before{background-color:#9e1016!important}
.vps .vps-cat-shield{background:#e4ecf5;border-color:#e4ecf5}.vps .vps-cat-shield .vps-cat-note{color:#1d4467}.vps .vps-cat-shield h3::before{background-color:#1d4467!important}
.vps .vps-cat-car{background:#eceaf7;border-color:#eceaf7}.vps .vps-cat-car .vps-cat-note{color:#4a3c8c}.vps .vps-cat-car h3::before{background-color:#4a3c8c!important}
.vps .vps-cat-clean{background:#e3f2f4;border-color:#e3f2f4}.vps .vps-cat-clean .vps-cat-note{color:#1a6570}.vps .vps-cat-clean h3::before{background-color:#1a6570!important}
.vps .vps-cat-tee{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.vps .vps-cat-tee h3 a,.vps .vps-cat-tee ul.vps-sublist a{color:#fff}.vps .vps-cat-tee ul.vps-sublist li{border-color:#3d3d40}.vps .vps-cat-tee .vps-cat-note{color:#ffd2d3}.vps .vps-cat-tee h3::before{background-color:#c3161c!important}

.vps .vps-i-ruler{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17L17 3l4 4L7 21zM7 13l2 2M10 10l2 2M13 7l2 2'/%3E%3C/svg%3E")}
.vps .vps-i-users{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM2 21c1-4 4-6 7-6s6 2 7 6M16 3.5a4 4 0 0 1 0 7M18 15c2 .7 3.4 2.6 4 6'/%3E%3C/svg%3E")}
.vps .vps-i-palette{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1 0 1.5-.8 1.5-1.5 0-1-.8-1.4-.8-2.3 0-.9.7-1.6 1.6-1.6H17a4 4 0 0 0 4-4c0-4.7-4-8.6-9-8.6zM7.5 11h.01M10 7h.01M15 7.5h.01'/%3E%3C/svg%3E")}
.vps .vps-i-needle{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20L18 6M15 3l6 6M7 13c-3 1-4 4-3 7 3 1 6 0 7-3'/%3E%3C/svg%3E")}
.vps .vps-i-print{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v7H6z'/%3E%3C/svg%3E")}
.vps .vps-i-letter{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7V4h16v3M9 20h6M12 4v16'/%3E%3C/svg%3E")}
.vps .vps-i-tag{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8zM7.5 7.5h.01'/%3E%3C/svg%3E")}
.vps .vps-i-loop{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5'/%3E%3C/svg%3E")}
.vps .vps-i-doc{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9zM14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E")}
.vps .vps-i-pin{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21zM12 7a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E")}
.vps .vps-i-bolt{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
.vps .vps-i-box{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4v10l-9 4-9-4zM3 7l9 4 9-4M12 11v10'/%3E%3C/svg%3E")}
.vps .vps-i-truck{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h13v10H1zM14 9h4l3 3v4h-7zM5 18a2 2 0 1 0 0 .01M17 18a2 2 0 1 0 0 .01'/%3E%3C/svg%3E")}
.vps .vps-i-gift{--vps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v9H4v-9M2 7h20v5H2zM12 21V7M12 7c-2-4-6-4-6-1s4 1 6 1M12 7c2-4 6-4 6-1s-4 1-6 1'/%3E%3C/svg%3E")}

/* ---------- Pages Pro / Particuliers ---------- */
.vps .vps-small{font-size:14px}
.vps .vps-muted{color:var(--vps-grey)}
.vps .vps-kicker-grey{color:var(--vps-grey)}
.vps .vps-stars-gold{color:#e0a100}
.vps .vps-subtitle{font-size:26px;margin:0}
.vps.vps-stats-section{padding-top:20px}
.vps .vps-stat{padding:16px 18px;border-radius:16px;background:var(--vps-soft);display:flex;flex-direction:column;gap:2px}
.vps .vps-stat > *{margin:0!important}
.vps .vps-stat-big{font-family:var(--vps-head);font-weight:800;font-size:26px;line-height:1.1}
.vps .vps-stat-text{font-size:15px;color:var(--vps-anthracite)}
.vps .vps-stat-gold .vps-stat-big{color:#b07d00}
.vps .vps-stat-red .vps-stat-big{color:var(--vps-red)}
.vps .vps-stat-green .vps-stat-big{color:var(--vps-green)}
.vps ul.vps-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:16px}
.vps ul.vps-checks li{position:relative;padding-left:30px;margin:0}
.vps ul.vps-checks li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background:var(--vps-green);-webkit-mask:var(--vps-m-check) center/contain no-repeat;mask:var(--vps-m-check) center/contain no-repeat}
.vps .vps-tone-dark ul.vps-checks li::before{background:#ffd2d3}
.vps .vps-tone-dark ul.vps-checks{color:#fff}
.vps .vps-tone-blue{background:var(--vps-soft);border-color:var(--vps-soft)}
.vps .vps-tone-soft{background:var(--vps-soft);border-color:var(--vps-soft)}
.vps .vps-tone-soft h3::before{background-color:var(--vps-anthracite)!important}
.vps .vps-tech h3{font-size:26px}
.vps .vps-tech.vps-tone-red{background:var(--vps-pink);border-color:var(--vps-pink)}
.vps .vps-tech.vps-tone-dark{background:var(--vps-ink);color:#fff;border-color:var(--vps-ink)}
.vps .vps-tech.vps-tone-dark p{color:#e6e4e1}
.vps .vps-two{gap:18px!important;align-items:start}
.vps .vps-two > *{margin:0!important}
.vps .vps-prices .vps-title{font-size:30px}
.vps .vps-tiers{margin:0!important}
.vps .vps-tiers table{width:100%;border-collapse:collapse;font-size:16px}
.vps .vps-tiers th{text-align:left;font-size:14px;color:var(--vps-grey);padding:10px 8px;border:0;border-bottom:2px solid var(--vps-ink)}
.vps .vps-tiers td{padding:12px 8px;border:0;border-bottom:1px solid var(--vps-line)}
.vps .vps-tiers td:last-child{color:var(--vps-green);font-weight:700}
.vps .vps-tiers tr:nth-child(even) td{background:#f9f8f6}
.vps .vps-note{margin:0 0 12px;font-size:15px;color:var(--vps-grey)}
.vps .vps-note-red{padding:14px 16px;border-radius:12px;background:var(--vps-pink);color:#6e0c10;font-size:15px}
.vps .vps-packs{display:flex;flex-direction:column;gap:12px}
.vps .vps-packs > *{margin:0!important}
.vps .vps-pack{justify-content:space-between;align-items:center;flex-wrap:nowrap!important;padding:14px 16px 14px 20px;border-radius:16px;background:var(--vps-soft);border-left:8px solid var(--vps-anthracite);gap:12px!important}
.vps .vps-pack > *{margin:0!important}
.vps .vps-pack-name{font-size:14px;color:var(--vps-grey)}
.vps .vps-pack-name strong{font-size:18px;color:var(--vps-ink)}
.vps .vps-pack-price{text-align:right;font-size:13px;color:var(--vps-grey);flex:none}
.vps .vps-pack-price strong{font-size:17px;color:var(--vps-ink)}
.vps .vps-pack-gold{border-left-color:#e0a100}.vps .vps-pack-green{border-left-color:var(--vps-green)}.vps .vps-pack-red{border-left-color:var(--vps-red)}.vps .vps-pack-purple{border-left-color:#4a3c8c}
.vps .vps-band-dark{background:var(--vps-anthracite);color:#fff;align-items:flex-start}
.vps .vps-band-dark .vps-title{color:#fff}
.vps .vps-band-dark p{color:#e6e4e1}
.vps .vps-band-text{flex:1 1 320px;display:flex;flex-direction:column;gap:10px}
.vps .vps-band-text > *{margin:0!important}
.vps .vps-size-grid{flex:2 1 520px}
.vps .vps-size-card{background:#fff;color:var(--vps-ink);border:0;padding:18px;gap:6px}
.vps .vps-size-card h3{font-size:18px;font-family:Barlow,Arial,sans-serif;font-weight:700}
.vps .vps-size-card h3.vps-i::before{width:30px;height:30px;margin-bottom:6px;background-color:var(--vps-red);-webkit-mask-size:26px;mask-size:26px}
.vps .vps-band-dark .vps-size-card p{color:var(--vps-anthracite);font-size:15px}
.vps .vps-rule{border-top-width:5px}
.vps .vps-rule h3{font-size:19px;font-family:Barlow,Arial,sans-serif;font-weight:700}
.vps .vps-rule-red{border-top-color:var(--vps-red)}.vps .vps-rule-green{border-top-color:var(--vps-green)}.vps .vps-rule-blue{border-top-color:var(--vps-blue)}
.vps .vps-ref{margin-top:auto!important;color:var(--vps-grey)}
.vps .vps-perk{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background:var(--vps-soft)}
.vps .vps-perk > *{margin:0!important}
.vps .vps-perk h3{font-size:17px;font-family:Barlow,Arial,sans-serif;font-weight:700}
.vps .vps-perk h3.vps-i::before{width:42px;height:42px;margin-bottom:8px;background-color:var(--vps-red);-webkit-mask-size:24px;mask-size:24px;border-radius:12px}
.vps .vps-perk p{font-size:15px;color:var(--vps-anthracite)}
.vps .vps-faq{display:flex;flex-direction:column;gap:12px}
.vps .vps-faq > *{margin:0!important}
.vps .vps-faq details{border:1px solid var(--vps-line);border-radius:14px;background:#fff;padding:0}
.vps .vps-faq summary{padding:16px 18px;font-weight:700;font-size:17px;cursor:pointer}
.vps .vps-faq details p{padding:0 18px 16px;color:var(--vps-anthracite)}
.vps .vps-faq-aside{display:flex;flex-direction:column;gap:14px}
.vps .vps-faq-aside > *{margin:0!important}
.vps .vps-card-soft{background:var(--vps-soft);border-color:var(--vps-soft)}
.vps ul.vps-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vps ul.vps-chips li{margin:0;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--vps-line);font-weight:700;font-size:14px}
.vps .vps-band-red .vps-contact-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;color:#fff;font-size:16px}
.vps .vps-band-red .vps-contact-list li{margin:0}
.vps .vps-btn-outline-light .wp-block-button__link{background:transparent;color:#fff;border-color:#fff}
.vps .vps-btn-outline-light .wp-block-button__link:hover{background:#fff;color:var(--vps-ink)}
.vps.vps-contact{padding-bottom:56px}
.vps .vps-band-pink{background:var(--vps-pink);align-items:center}
.vps .vps-badge-white{background:#fff;color:var(--vps-red-dark)}
.vps .vps-band-pink .vps-hero-title{font-size:clamp(32px,4vw,48px)}
.vps .vps-band-pink .vps-lead{color:var(--vps-anthracite)}
.vps ul.vps-guarantees.vps-guarantees-white{flex:1 1 320px;grid-template-columns:1fr}
.vps ul.vps-guarantees.vps-guarantees-white li{background:#fff}
.vps.vps-part-hero{padding-top:24px}
.vps .vps-ship-price{margin-top:auto!important;font-weight:800;font-size:18px}
.vps .vps-ship h3{font-size:20px}
.vps .vps-ship h3.vps-i::before{width:48px;height:48px;-webkit-mask-size:26px;mask-size:26px}
.vps .vps-ship-green h3::before{background-color:var(--vps-green)!important}.vps .vps-ship-green .vps-ship-price{color:var(--vps-green)}
.vps .vps-ship-blue h3::before{background-color:var(--vps-blue)!important}.vps .vps-ship-blue .vps-ship-price{color:var(--vps-blue)}
.vps .vps-ship-red h3::before{background-color:var(--vps-red)!important}.vps .vps-ship-red .vps-ship-price{color:var(--vps-red-dark)}
.vps .vps-ship-gold h3::before{background-color:#8a5a00!important}.vps .vps-ship-gold .vps-ship-price{color:#8a5a00}
.vps.vps-store{padding-bottom:56px}

/* ---------- Mobile ---------- */
@media (max-width:781px){
  .vps.vps-section{padding:36px 16px 0}
  .vps.vps-topbar,.vps.vps-header,.vps.vps-catbar{padding-left:16px;padding-right:16px}
  .vps .vps-topbar-r{display:none}
  .vps .vps-band{padding:24px 20px}
  .vps .vps-actions{width:100%;justify-content:space-between}
  .vps .vps-search{order:3;flex-basis:100%}
  .vps .vps-cats{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .vps .vps-catcard{padding:14px;gap:4px}
  .vps .vps-catcard h3{font-size:17px}
  .vps .vps-catcard h3.vps-i::before{width:36px;height:36px;margin-bottom:6px;-webkit-mask-size:32px;mask-size:32px}
  .vps .vps-catcard ul.vps-sublist{display:none}
  .vps .vps-tile{min-height:0}
}
@media (max-width:600px){
  .vps.vps-topbar{font-size:12.5px;padding-top:6px;padding-bottom:6px}
  .vps.vps-header{padding-top:8px;padding-bottom:10px}
  .vps .vps-mainbar{gap:10px 12px!important}
  .vps .vps-brand{flex:1 1 auto;min-width:0}
  .vps .vps-brand .wp-block-site-logo img{width:52px!important;height:auto}
  .vps .vps-brand-title{font-size:13px}
  .vps .vps-brand-sub{display:none}
  /* En-tête compact : logo et boutons sur une seule ligne, bandeau d'infos masqué (repris plus bas sur l'accueil). */
  .vps.vps-topbar{display:none}
  .vps .vps-brand{flex:0 1 auto}
  .vps .vps-brand-text{display:none}
  .vps .vps-actions{width:auto;margin-left:auto;gap:6px!important}
  .vps .vps-account .label{display:none}
  .vps .vps-quote .wp-block-button__link{padding:8px 11px;font-size:14px}
  .vps .vps-cart .wc-block-mini-cart__button{padding:8px 10px}
  .vps .vps-search .wp-block-search__input{height:42px}
  .vps .vps-hero-title{font-size:32px}
  .vps.vps-hero-cover{padding:40px 16px!important;min-height:0!important}
  .vps.vps-hero-cover .wp-block-cover__gradient-background{background:linear-gradient(180deg,rgba(17,17,19,.86) 0%,rgba(17,17,19,.72) 55%,rgba(17,17,19,.35) 100%)!important}
  .vps.vps-hero-cover .wp-block-cover__image-background{object-position:68% 30%!important}
  .vps.vps-hero-cover{padding-bottom:90px!important}
  .vps.vps-hero-cover .vps-hero-title{font-size:34px}
  .vps ul.vps-guarantees.vps-guarantees-light{grid-template-columns:1fr 1fr;gap:8px}
  .vps .vps-stats{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .vps .vps-stat{padding:12px 14px}
  .vps .vps-stat-big{font-size:21px}
  .vps .vps-stat-text{font-size:13.5px}
  .vps .vps-perks{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .vps .vps-perk{padding:14px}
  .vps .vps-band{padding:24px 18px}
  .vps ul.vps-guarantees.vps-guarantees-light li{font-size:13.5px;padding:10px 10px 10px 34px}
  .vps ul.vps-guarantees.vps-guarantees-light li::before{left:10px;width:16px;height:16px;margin-top:-8px}
}

/* Bandeau de la page pro : cadrage remonté sur les visages (ordinateur et téléphone). */
.vps.vps-hero-pro .wp-block-cover__image-background{object-position:50% 18%!important}

/* ---------- Pages Écoles / Collectivités ---------- */
.vps.vps-hero-ecole .wp-block-cover__image-background,.vps.vps-hero-public .wp-block-cover__image-background{object-position:50% 30%!important}
.vps ul.vps-guarantees.vps-guarantees-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.vps .vps-band-green{background:#14352a;color:#fff;align-items:center}
.vps .vps-band-green .vps-title{color:#fff}
.vps .vps-band-green p{color:#dcefe5}
.vps .vps-band-navy{background:#1f2b52;color:#fff;align-items:center}
.vps .vps-band-navy .vps-title{color:#fff}
.vps .vps-band-navy p{color:#dfe5f5}
.vps .vps-band-navy strong{color:#fff}
.vps ul.vps-guarantees.vps-guarantees-col{flex:1 1 320px;grid-template-columns:1fr}
.vps .vps-band-soft{background:var(--vps-soft);align-items:center}
.vps .vps-back-print{flex:none;margin:0 auto!important;padding:34px 30px;border-radius:18px;background:#1f2b52;color:#fff;font-family:var(--vps-head);font-weight:800;font-size:28px;line-height:1.05;letter-spacing:.06em;text-align:center}
.vps .vps-formula{border-width:2px}
.vps .vps-formula-red{border-color:var(--vps-red)}
.vps .vps-formula h3{font-size:22px}
.vps ul.vps-sublist-plain li{font-size:15px;padding:6px 0}
.vps.vps-students{padding-top:28px}
.vps .vps-band-pink .vps-title,.vps .vps-band-soft .vps-title{color:var(--vps-ink)}
.vps .vps-band-soft p{color:var(--vps-anthracite)}
.vps .vps-band-soft .vps-back-print{color:#fff}

/* ---------- Formulaire de devis ---------- */
.vps.vps-devis-section{padding-bottom:56px}
.vps .vps-hero-title-dark{color:var(--vps-ink)}
.vps .vps-form-card{padding:26px}
.vps-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 18px;margin:0;font-family:Barlow,Arial,sans-serif}
.vps-form .vps-field{margin:0;display:flex;flex-direction:column;gap:5px}
.vps-form .vps-field-full{grid-column:1/-1}
.vps-form label,.vps-form legend{font-weight:600;font-size:15px;color:#1d1d1f}
.vps-form input[type=text],.vps-form input[type=email],.vps-form input[type=tel],.vps-form select,.vps-form textarea{width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;border:1.5px solid #c9c6c0;border-radius:10px;font:inherit;font-size:16px;background:#fff;color:#1d1d1f}
.vps-form textarea{min-height:120px;resize:vertical}
.vps-form input:focus,.vps-form select:focus,.vps-form textarea:focus{outline:2px solid #c3161c;outline-offset:1px;border-color:#c3161c}
.vps-form fieldset{border:0;margin:0;padding:0}
.vps-form .vps-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:6px}
.vps-form .vps-type{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1.5px solid #c9c6c0;border-radius:10px;cursor:pointer;font-weight:600}
.vps-form .vps-type:has(input:checked){border-color:#c3161c;background:#fbe8e8}
.vps-form .vps-type input{accent-color:#c3161c;width:18px;height:18px}
.vps-form .vps-check label{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.vps-form .vps-check input{accent-color:#c3161c;width:20px;height:20px;flex:none;margin-top:1px}
.vps-form .vps-help{font-size:13px;color:#5a5a5f}
.vps-form .vps-req{color:#c3161c}
.vps-form .vps-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.vps-form .vps-submit{min-height:52px;padding:0 28px;border:0;border-radius:12px;background:#c3161c;color:#fff;font:inherit;font-weight:700;font-size:17px;cursor:pointer}
.vps-form .vps-submit:hover{background:#9e1016}
.vps-form-error{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:10px;background:#fbe8e8;color:#6e0c10;font-weight:600}
.vps-form-done{padding:22px;border-radius:14px;background:#e5f3ea;color:#11613f}
.vps-form-done p{margin:0 0 6px}
.vps-form-done-title{font-weight:800;font-size:20px}

/* ---------- Pages légales ---------- */
.vps .vps-legal{max-width:860px;display:flex;flex-direction:column;gap:12px}
.vps .vps-legal > *{margin:0!important}
.vps .vps-legal .vps-legal-h2{font-size:24px;margin-top:18px!important}
.vps .vps-legal p,.vps .vps-legal li{font-size:16px;color:var(--vps-anthracite)}
.vps .vps-legal ul{margin:0;padding-left:22px}
.vps.vps-legal-section{padding-bottom:56px}