/** Shopify CDN: Minification failed

Line 139:0 Unexpected "<"

**/
/************ ProCleanTools – Custom CSS ************/
/* Variables */
:root{
  --pct-green:#39A65A;
  --pct-green-deep:#1F5A36;
  --pct-green-soft:#E8F7EF;
  --pct-black:#111;
  --pct-text:#2b2b2b;
  --pct-muted:#666;
  --pct-border:#E6E6E6;
  --pct-soft:#fafafa;
}

/* Typo & couleurs de base */
body{color:var(--pct-text)}
.rte p{color:var(--pct-text)}
.breadcrumb,.breadcrumb a{color:var(--pct-muted);font-size:.95rem}
.breadcrumb a:hover{color:var(--pct-green);text-decoration:underline}

/* ======= PAGE PRODUIT : Prix HT (pillule) + TTC + Stock ======= */
.inline-list.product-meta{display:block !important}
.inline-list.product-meta li{display:block !important;margin-bottom:.45rem}

/* Badge “Prix HT” à côté du prix */
.pct-ht-inline{
  margin-left:.5rem;display:inline-block;font-size:.9rem;font-weight:700;
  color:var(--pct-green-deep);background:var(--pct-green-soft);
  border:1px solid var(--pct-green);padding:3px 8px;border-radius:999px
}

/* Ligne TTC juste sous le prix */
.pct-ttc-line{display:block;margin:.25rem 0 .15rem;font-weight:600}
.pct-ttc-line .pct-ttc-label{font-weight:500;margin-right:.35rem;color:#333}

/* Stock de la variante */
.pct-variant-stock-inline{display:block;margin:.1rem 0 .7rem;font-weight:700}
.pct-variant-stock-inline [data-state="ok"]{color:var(--pct-green-deep)}
.pct-variant-stock-inline [data-state="oos"]{color:#B00020}
.pct-variant-stock-inline [data-state="na"]{color:#333}

/* Sélecteur de quantité (confort) */
.quantity-wrapper{align-items:center}
.quantity-wrapper .qty-btn,.quantity-wrapper .qty-minus,.quantity-wrapper .qty-plus{
  width:44px;height:44px;font-size:20px;line-height:42px;border-radius:10px!important
}
.quantity-wrapper input[type="number"]{
  height:44px;font-size:16px;border-radius:10px;border:1px solid var(--pct-border)
}

/* ======= CTA verts premium (ATC / Checkout) ======= */
.btn.btn-atc,.addToCart,.shopify-payment-button__button{
  background:var(--pct-green)!important;color:#fff!important;border:0!important;
  border-radius:14px!important;padding:14px 18px!important;font-weight:800!important;
  box-shadow:0 6px 14px rgba(57,166,90,.15);transition:transform .08s ease,box-shadow .2s ease
}
.btn.btn-atc:hover,.addToCart:hover,.shopify-payment-button__button:hover{
  transform:translateY(-1px);box-shadow:0 10px 20px rgba(57,166,90,.18)
}

/* ======= Cartes produits (Collections / Accueil) ======= */
.product-grid-item,.card-product{
  border:1px solid var(--pct-border);border-radius:14px;overflow:hidden;background:#fff;
  transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease
}
.product-grid-item:hover,.card-product:hover{
  transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.06);border-color:#ddd
}

/* Prix courant en “pilule” (à utiliser dans product-grid-item.liquid) */
.pct-pill-price{
  display:inline-block;background:var(--pct-green-soft);border:1px solid var(--pct-green);
  color:var(--pct-green-deep);font-weight:800;padding:4px 10px;border-radius:999px
}

/* Titres coupés 2 lignes (si besoin) */
.card-product .title,.product-grid-item .title-truncate{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}

/* ======= Header : ombre au scroll (JS ajoute .pct-scrolled sur body) ======= */
.site-header,.header,.header-wrapper{transition:box-shadow .35s ease, background-color .3s ease}
body.pct-scrolled .site-header,
body.pct-scrolled .header,
body.pct-scrolled .header-wrapper{box-shadow:0 8px 22px rgba(0,0,0,.08)}

/* Icônes header (option) */
.cont-header .header-box i,.cont-header .header__icons i{color:var(--pct-green)}

/* ======= Footer : visibilité & liseré néon ======= */
.site-footer,.footer,.footer-wrapper{position:relative;color:#EDEDED}
.site-footer a,.site-footer a:link,.site-footer a:visited,
.footer a,.footer .menu a,.site-footer .list-menu__item a,
.footer__link,.footer-link{color:#EDEDED!important;text-decoration:none;opacity:1!important}
.site-footer a:hover,.footer a:hover,.site-footer a:focus,.footer a:focus{
  color:var(--pct-green)!important;text-decoration:underline;outline:none
}
.site-footer svg{color:#EDEDED}.site-footer a:hover svg{color:var(--pct-green)}
.site-footer input[type="email"],.footer input[type="email"]{
  background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:10px
}
.site-footer input[type="email"]::placeholder{color:#bfbfbf}
.site-footer button[type="submit"],.footer button[type="submit"]{
  background:var(--pct-green);color:#fff;border:0;border-radius:10px;font-weight:800
}
.site-footer button[type="submit"]:hover{filter:brightness(1.08)}
.site-footer .hr,.footer .hr{border-color:rgba(255,255,255,.12)}

/* Liseré néon haut de footer */
.site-footer::before{
  content:"";position:absolute;top:0;left:0;width:100%;height:4px;
  background:linear-gradient(90deg,#39A65A,#3fdc6c);box-shadow:0 0 10px rgba(57,166,90,.5)
}

/* ======= Micro-animations légères ======= */
*[data-hover-lift]:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.08)}

/* ======= Tables dans la description ======= */
.rte table{width:100%;border-collapse:separate;border-spacing:0}
.rte table th,.rte table td{border:1px solid var(--pct-border);padding:10px 12px}
.rte table th{background:#fafafa;text-align:left}

/* ======= Accessibilité : réduire les motions ======= */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* ======= Mobile tweaks ======= */
@media (max-width:768px){
  .product-cont-header2 .h1{font-size:clamp(20px,6vw,28px)}
  .quantity-wrapper .qty-btn,.quantity-wrapper .qty-minus,.quantity-wrapper .qty-plus{
    width:40px;height:40px;line-height:38px
  }
}
<link href="//www.procleantools.com/cdn/shop/t/61/assets/custom-pct.css?v=54047398467367745531760905511" rel="stylesheet" type="text/css" media="all" />
/************ PCT – PDP polish pack (match screenshot) ************/

/* 1) Title underline bar for option block (e.g., “TAILLE”) */
.swatch .header,
.selector-wrapper .selector-title,
.product-form .selector-title {
  position: relative;
  display: inline-block;
  font-weight: 800;
  letter-spacing: .02em;
  color: #1a1a1a;
  margin: 6px 0 8px;
  padding-bottom: 6px;
}
.swatch .header::after,
.selector-wrapper .selector-title::after,
.product-form .selector-title::after {
  content: "";
  display: block;
  height: 6px;
  border-radius: 999px;
  margin-top: 8px;
  background: linear-gradient(90deg,#39A65A 0%, #2E8E49 100%);
  box-shadow: 0 4px 14px rgba(57,166,90,.35);
}

/* 2) Variant pills (soft pill, selected with glow) */
.swatch .swatch-element label {
  min-width: 110px;
  text-align: center;
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
  color: #111;
  border: 1px solid #E6E6E6;
  transition: box-shadow .15s ease, transform .04s ease, border-color .15s ease;
}
.swatch .swatch-element:hover label { box-shadow: 0 6px 12px rgba(0,0,0,.06); }
.swatch .swatch-element input:checked + label {
  border-color: #39A65A;
  background: #E8F7EF;
  box-shadow: 0 0 0 3px rgba(57,166,90,.18), 0 10px 18px rgba(57,166,90,.12);
  font-weight: 800;
}
.swatch .swatch-element.soldout label,
.swatch .swatch-element input[disabled]+label{
  color:#b7b7b7; background:#f7f7f7; border-style:dashed; cursor:not-allowed; opacity:.8;
}

/* 3) Price + ‘Prix HT’ badge + TTC & Stock (spacing/weight) */
.inline-list.product-meta { display:block !important; }
.inline-list.product-meta li { display:block !important; margin-bottom:.45rem; }

.pct-ht-inline{
  margin-left:.5rem; display:inline-block; font-size:.9rem; font-weight:700;
  color:#1F5A36; background:#E8F7EF; border:1px solid #39A65A; padding:4px 10px;
  border-radius:999px; vertical-align:baseline;
}
.pct-ttc-line{ display:block; margin:.25rem 0 .15rem 0; font-weight:700; }
.pct-ttc-line .pct-ttc-label{ font-weight:500; margin-right:.35rem; color:#333; }
.pct-variant-stock-inline{ display:block; margin:.1rem 0 .7rem 0; font-weight:800; }
.pct-variant-stock-inline [data-state="ok"]{ color:#1F5A36; }
.pct-variant-stock-inline [data-state="oos"]{ color:#B00020; }
.pct-variant-stock-inline [data-state="na"]{ color:#333; }

/* 4) Big premium CTA (as in screenshot) */
.btn.btn-atc, .addToCart, .shopify-payment-button__button {
  background:#58A86B !important; color:#fff !important; border:0 !important;
  border-radius:16px !important; padding:18px 22px !important; font-weight:800 !important;
  font-size:22px !important; height:64px; line-height:1 !important;
  box-shadow:0 12px 28px rgba(57,166,90,.20); transition:transform .08s ease, box-shadow .2s ease;
}
.btn.btn-atc:hover, .addToCart:hover, .shopify-payment-button__button:hover {
  transform: translateY(-1px); box-shadow:0 16px 32px rgba(57,166,90,.24);
}

/* 5) Qty controls – softly rounded to match */
.quantity-wrapper .qty-btn, .quantity-wrapper .qty-minus, .quantity-wrapper .qty-plus{
  width:48px; height:48px; font-size:20px; line-height:46px; border-radius:12px !important;
}
.quantity-wrapper input[type="number"]{
  height:48px; font-size:18px; border-radius:12px; border:1px solid #E6E6E6;
}

/* 6) Payment info line breathing room (PayPal sentence) */
.product-cont-header2 + .product-form .shopify-payment-terms,
.product-cont-header2 + .shopify-payment-terms,
.product-form .shopify-payment-terms {
  margin-top: .35rem;
  color: #444;
}

/* Optional: light lift on PDP card blocks (very subtle) */
.product-form, .product-cont-header2 {
  /* no visual change on white, keep for consistency */
}