/* PlombierPasCher.org — custom layer over Mezan theme (unique ppc- namespace) */
:root{
  --ppc-yellow:#FFC527; --ppc-dark:#1c1f24; --ppc-ink:#222; --ppc-blue:#267ECE;
  --ppc-bg:#ffffff; --ppc-soft:#f6f7f9; --ppc-line:#e7e9ee; --ppc-muted:#6b7280;
  --ppc-radius:16px; --ppc-radius-sm:10px; --ppc-shadow:0 18px 46px -22px rgba(20,24,31,.28);
  --ppc-maxw:1180px; --ppc-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{overflow-x:hidden}
.ppc-main{font-family:var(--ppc-font);color:var(--ppc-ink);clear:both;width:100%;position:relative;z-index:1}
#footer{clear:both}
.ppc-container{max-width:var(--ppc-maxw);margin:0 auto;padding:0 22px;width:100%}
.ppc-main h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:0 0 14px;font-weight:800;letter-spacing:-.01em}
.ppc-main h3{font-weight:700}
.ppc-main strong{font-weight:800;color:var(--ppc-ink)}
.ppc-eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#9a7400;background:linear-gradient(90deg,#fff2cc,#ffe38a);padding:6px 13px;border-radius:100px;margin-bottom:14px}
.ppc-eyebrow-light{color:#ffe9a6;background:rgba(255,197,39,.14)}
.ppc-sec-head{max-width:760px;margin:0 auto 34px;text-align:center}
.ppc-sec-head p{color:var(--ppc-muted);font-size:16.5px;line-height:1.6;margin:0}
.ppc-btn{display:inline-flex;align-items:center;gap:9px;background:var(--ppc-ink);color:#fff;font-weight:700;
  padding:14px 26px;border-radius:100px;text-decoration:none;transition:.25s transform,.25s box-shadow;font-size:15px}
.ppc-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.ppc-btn-accent{background:var(--ppc-yellow);color:#241c00}
.ppc-btn-sm{padding:10px 18px;font-size:13.5px}

/* HERO */
.ppc-hero{background-size:cover;background-position:center;color:#fff;padding:64px 0 58px;position:relative}
.ppc-hero-inner{max-width:820px}
.ppc-hero-title{font-size:clamp(30px,5vw,54px);font-weight:800;line-height:1.06;margin:12px 0 12px;letter-spacing:-.02em}
.ppc-hero-sub{font-size:clamp(16px,2vw,20px);color:#e6e8ec;max-width:640px;line-height:1.55;margin:0 0 18px}
.ppc-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}

/* BREADCRUMB */
.ppc-breadcrumb{margin:0 0 6px}
.ppc-bc-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;font-size:13.5px}
.ppc-bc-item{color:#c9ccd2}
.ppc-bc-item a{color:#ffd968;text-decoration:none}
.ppc-bc-item a:hover{text-decoration:underline}
.ppc-bc-item+.ppc-bc-item::before{content:"›";margin-right:6px;color:#7d818a}
.ppc-bc-current{color:#fff;font-weight:600}
.ppc-breadcrumb.ppc-bc-dark .ppc-bc-item{color:#6b7280}
.ppc-breadcrumb.ppc-bc-dark .ppc-bc-item a{color:var(--ppc-blue)}
.ppc-breadcrumb.ppc-bc-dark .ppc-bc-current{color:#222}

/* INDICE GAUGE */
.ppc-indice-wrap{margin-top:-42px;position:relative;z-index:3;padding-bottom:10px}
.ppc-indice-card{background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius);box-shadow:var(--ppc-shadow);
  padding:30px;display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center}
.ppc-gauge{text-align:center}
.ppc-gauge-svg{width:200px;height:120px}
.ppc-gauge-track{fill:none;stroke:#eceef2;stroke-width:16;stroke-linecap:round}
.ppc-gauge-fill{fill:none;stroke-width:16;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;
  transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1)}
.ppc-idx-a{stroke:#1fa971;color:#1fa971!important;background:#e5f6ee!important}
.ppc-idx-b{stroke:#5aab2f;color:#4d8f28!important;background:#eef7e5!important}
.ppc-idx-c{stroke:#e0a200;color:#9a7400!important;background:#fff4d6!important}
.ppc-idx-d{stroke:#e2603a;color:#c14a26!important;background:#fdeae2!important}
.ppc-gauge-num{font-size:40px;font-weight:800;margin-top:-46px;letter-spacing:-.02em}
.ppc-gauge-num i{font-size:16px;color:var(--ppc-muted);font-style:normal;font-weight:600}
.ppc-gauge-label{display:inline-block;margin-top:8px;font-weight:800;font-size:13px;padding:5px 14px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}
.ppc-indice-txt h2{font-size:23px;margin-bottom:8px}
.ppc-indice-txt p{color:var(--ppc-muted);line-height:1.6;margin:0 0 16px;font-size:15.5px}
.ppc-indice-stats{list-style:none;display:flex;gap:26px;padding:0;margin:0;flex-wrap:wrap}
.ppc-indice-stats li{display:flex;flex-direction:column;line-height:1.1}
.ppc-indice-stats li span{font-size:30px;font-weight:800;color:var(--ppc-ink)}
.ppc-indice-stats li i{font-style:normal;font-weight:700;color:var(--ppc-blue);font-size:15px;margin-top:-2px}
.ppc-indice-stats li small{color:var(--ppc-muted);font-size:12.5px;margin-top:4px}

/* section rhythm */
.ppc-baro,.ppc-cmp,.ppc-faq,.ppc-editorial{padding:60px 0}
.ppc-urgence{padding:64px 0}
.ppc-comments{padding:20px 0 60px}

/* BAROMETRE */
.ppc-baro{background:var(--ppc-soft)}
.ppc-baro-tablewrap{overflow-x:auto;border-radius:var(--ppc-radius);box-shadow:var(--ppc-shadow);background:#fff;border:1px solid var(--ppc-line)}
.ppc-baro-table{width:100%;border-collapse:collapse;min-width:560px}
.ppc-baro-table thead th{background:var(--ppc-dark);color:#fff;text-align:left;padding:16px 20px;font-size:13.5px;font-weight:700;letter-spacing:.02em}
.ppc-baro-table thead th:last-child{text-align:center}
.ppc-baro-row{border-top:1px solid var(--ppc-line);transition:background .2s}
.ppc-baro-row:hover{background:#fffbee}
.ppc-baro-svc{padding:15px 20px;font-weight:600;font-size:15px}
.ppc-baro-price{padding:15px 20px;white-space:nowrap;font-weight:700}
.ppc-baro-low{color:var(--ppc-blue)}
.ppc-baro-dash{color:#c3c7cf;margin:0 7px}
.ppc-baro-high{color:var(--ppc-ink)}
.ppc-baro-bar{padding:15px 20px;width:180px}
.ppc-baro-bar-fill{display:block;height:9px;border-radius:100px;background:linear-gradient(90deg,var(--ppc-yellow),#ff9e2c);width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.ppc-baro-bar-fill.ppc-anim{width:var(--w)}
.ppc-baro-note{margin:18px 0 0;color:var(--ppc-muted);font-size:14px;text-align:center}

/* URGENCE (dark) */
.ppc-urgence{background:var(--ppc-dark);color:#fff}
.ppc-urgence-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.ppc-urgence-panel h2{color:#fff;font-size:clamp(24px,3vw,34px)}
.ppc-urgence-panel p{color:#c7cbd2;line-height:1.65;font-size:16px;margin:0 0 22px}
.ppc-urgence-panel strong{color:#fff}
.ppc-urgence-badges{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.ppc-ubadge{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--ppc-radius-sm);padding:12px 18px;text-align:center;min-width:96px}
.ppc-ubadge b{display:block;font-size:22px;color:var(--ppc-yellow);font-weight:800}
.ppc-ubadge span{font-size:12px;color:#aeb2ba}
.ppc-urgence-check{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--ppc-radius);padding:26px 28px}
.ppc-urgence-check h3{color:#fff;font-size:18px;margin:0 0 16px}
.ppc-check-list{list-style:none;padding:0;margin:0;counter-reset:c}
.ppc-check-item{display:flex;gap:13px;align-items:flex-start;color:#d3d6dc;font-size:14.5px;line-height:1.5;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.09)}
.ppc-check-item:last-child{border-bottom:0}
.ppc-check-num{flex:0 0 26px;height:26px;width:26px;background:var(--ppc-yellow);color:#241c00;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px}

/* COMPARATEUR */
.ppc-cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ppc-cmp-card{background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius);padding:24px;box-shadow:0 10px 30px -20px rgba(20,24,31,.25);transition:.28s transform,.28s box-shadow;position:relative}
.ppc-cmp-card:hover{transform:translateY(-5px);box-shadow:var(--ppc-shadow)}
.ppc-cmp-featured{border-color:var(--ppc-yellow);box-shadow:0 20px 44px -22px rgba(255,158,44,.5)}
.ppc-cmp-featured::before{content:"Le + demandé";position:absolute;top:-12px;left:24px;background:var(--ppc-yellow);color:#241c00;font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}
.ppc-cmp-top{display:flex;gap:13px;align-items:center;margin-bottom:14px}
.ppc-cmp-avatar{flex:0 0 48px;height:48px;width:48px;border-radius:14px;background:linear-gradient(135deg,var(--ppc-blue),#1b5c99);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}
.ppc-cmp-name{font-size:17px;margin:0}
.ppc-cmp-zone{font-size:13px;color:var(--ppc-muted)}
.ppc-cmp-rating{font-size:14px;margin-bottom:14px;color:var(--ppc-ink)}
.ppc-stars{color:#ffb300;letter-spacing:2px}
.ppc-cmp-specs{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:7px}
.ppc-cmp-specs li{font-size:14px;color:#3a3f47;padding-left:22px;position:relative}
.ppc-cmp-specs li::before{content:"✓";position:absolute;left:0;color:#1fa971;font-weight:800}
.ppc-cmp-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.ppc-tag{font-size:11.5px;font-weight:700;background:var(--ppc-soft);border:1px solid var(--ppc-line);color:#4b5563;padding:5px 10px;border-radius:100px}
.ppc-cmp-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ppc-line);padding-top:16px}
.ppc-cmp-delay{font-weight:700;font-size:14px;color:var(--ppc-ink)}
.ppc-cmp-disc{margin:22px auto 0;max-width:760px;text-align:center;color:var(--ppc-muted);font-size:12.5px;line-height:1.5}

/* EDITORIAL */
.ppc-editorial-body{max-width:820px;margin:0 auto}
.ppc-editorial-body p{color:#3a3f47;line-height:1.75;font-size:16.5px;margin:0 0 18px}
.ppc-editorial-body h2{text-align:left}
.ppc-body-fig{margin:24px 0;border-radius:var(--ppc-radius);overflow:hidden;box-shadow:var(--ppc-shadow)}
.ppc-body-fig img{width:100%;height:auto;display:block}
.ppc-body-fig figcaption{font-size:13px;color:var(--ppc-muted);padding:10px 14px;background:var(--ppc-soft);text-align:center}

/* FAQ */
.ppc-faq{background:var(--ppc-soft)}
.ppc-faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.ppc-faq-item{background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius-sm);overflow:hidden}
.ppc-faq-q{width:100%;text-align:left;background:none;border:0;padding:18px 22px;font-size:16px;font-weight:700;color:var(--ppc-ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:inherit}
.ppc-faq-ico{flex:0 0 22px;height:22px;width:22px;position:relative}
.ppc-faq-ico::before,.ppc-faq-ico::after{content:"";position:absolute;background:var(--ppc-blue);transition:.3s}
.ppc-faq-ico::before{top:10px;left:3px;right:3px;height:2px}
.ppc-faq-ico::after{left:10px;top:3px;bottom:3px;width:2px}
.ppc-faq-item.ppc-open .ppc-faq-ico::after{transform:rotate(90deg);opacity:0}
.ppc-faq-item.ppc-open .ppc-faq-q{color:var(--ppc-blue)}
.ppc-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.ppc-faq-a p{margin:0;padding:0 22px 20px;color:#4b5563;line-height:1.65;font-size:15px}

/* COMMENTS */
.ppc-com-title{font-size:22px;margin-bottom:22px}
.ppc-com-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ppc-com{display:flex;gap:14px;background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius-sm);padding:18px 20px}
.ppc-com-av{flex:0 0 40px;height:40px;width:40px;border-radius:50%;background:var(--ppc-soft);border:1px solid var(--ppc-line);display:grid;place-items:center;font-weight:800;color:var(--ppc-blue)}
.ppc-com-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}
.ppc-com-head b{font-size:14.5px}
.ppc-com-head span{font-size:12px;color:var(--ppc-muted)}
.ppc-com-body p{margin:0;font-size:14px;color:#4b5563;line-height:1.55}

/* LINK GRID / ANNUAIRE */
.ppc-annuaire{padding:46px 0 64px}
.ppc-linkgrid{max-width:var(--ppc-maxw);margin:0 auto}
.ppc-lg-intro{color:var(--ppc-muted);font-size:16px;line-height:1.6;max-width:820px;margin:0 0 24px}
.ppc-lg-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ppc-lg-cols-2{grid-template-columns:repeat(2,1fr)}
.ppc-lg-cols-3{grid-template-columns:repeat(3,1fr)}
.ppc-lg-item a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius-sm);padding:13px 16px;text-decoration:none;color:var(--ppc-ink);transition:.2s;font-size:14.5px}
.ppc-lg-item a:hover{border-color:var(--ppc-yellow);background:#fffbee;transform:translateX(3px)}
.ppc-lg-label{font-weight:600}
.ppc-lg-sub{color:var(--ppc-muted);font-size:12.5px;margin-left:auto;margin-right:6px}
.ppc-lg-arrow{color:var(--ppc-blue);font-weight:800;font-size:18px;margin-left:auto}
.ppc-lg-sub+.ppc-lg-arrow{margin-left:0}

/* PAGINATION */
.ppc-pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin:40px 0 0;flex-wrap:wrap}
.ppc-pagination a,.ppc-pagination span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--ppc-line);background:#fff;color:var(--ppc-ink);text-decoration:none;font-weight:700;font-size:14px;padding:0 12px}
.ppc-pagination a:hover{border-color:var(--ppc-yellow);background:#fffbee}
.ppc-pg-cur{background:var(--ppc-ink)!important;color:#fff!important;border-color:var(--ppc-ink)!important}
.ppc-pg-ell{border:0!important;background:none!important}

/* SIMULATOR */
.ppc-sim{padding:50px 0 70px}
.ppc-sim-grid{display:grid;grid-template-columns:1fr 380px;gap:34px;align-items:start}
.ppc-sim-card{background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius);box-shadow:var(--ppc-shadow);padding:30px}
.ppc-sim-field{margin-bottom:22px}
.ppc-sim-field label{display:block;font-weight:700;margin-bottom:10px;font-size:15px}
.ppc-sim-opts{display:flex;flex-wrap:wrap;gap:9px}
.ppc-chip{border:1px solid var(--ppc-line);background:#fff;border-radius:100px;padding:10px 16px;font-size:14px;cursor:pointer;transition:.2s;font-weight:600;color:#3a3f47;user-select:none}
.ppc-chip:hover{border-color:var(--ppc-yellow)}
.ppc-chip.ppc-on{background:var(--ppc-ink);color:#fff;border-color:var(--ppc-ink)}
.ppc-chip-accent.ppc-on{background:var(--ppc-yellow);color:#241c00;border-color:var(--ppc-yellow)}
.ppc-sim-range{width:100%}
.ppc-sim-result{position:sticky;top:20px;background:var(--ppc-dark);color:#fff;border-radius:var(--ppc-radius);padding:30px;text-align:center}
.ppc-sim-result h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 6px;color:#c7cbd2}
.ppc-sim-amount{font-size:44px;font-weight:800;color:var(--ppc-yellow);letter-spacing:-.02em;line-height:1.1}
.ppc-sim-amount small{display:block;font-size:14px;color:#aeb2ba;font-weight:600;margin-top:6px}
.ppc-sim-bar{height:10px;border-radius:100px;background:rgba(255,255,255,.12);margin:22px 0 8px;position:relative;overflow:hidden}
.ppc-sim-bar span{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,var(--ppc-yellow),#ff9e2c);border-radius:100px;transition:.5s}
.ppc-sim-detail{font-size:13px;color:#aeb2ba;line-height:1.6;text-align:left;margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.ppc-sim-detail div{display:flex;justify-content:space-between;padding:3px 0}

/* REVEAL animations — hidden state ONLY when JS active (html.ppc-js); safe default = visible */
.ppc-js .ppc-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.ppc-reveal.ppc-in{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.ppc-js .ppc-reveal{opacity:1;transform:none;transition:none}}

/* RESPONSIVE */
@media(max-width:920px){
  .ppc-indice-card{grid-template-columns:1fr;text-align:center}
  .ppc-indice-stats{justify-content:center}
  .ppc-urgence-grid{grid-template-columns:1fr;gap:26px}
  .ppc-cmp-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}
  .ppc-sim-grid{grid-template-columns:1fr}
  .ppc-sim-result{position:relative}
}
@media(max-width:600px){
  .ppc-lg-cols-2,.ppc-lg-cols-3{grid-template-columns:1fr}
  .ppc-hero{padding:44px 0 40px}
  .ppc-baro,.ppc-cmp,.ppc-faq,.ppc-editorial,.ppc-urgence{padding:44px 0}
}

/* ---- HOME: steps / pillars / 2col ---- */
.ppc-steps{padding:60px 0}
.ppc-steps-grid,.ppc-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ppc-step,.ppc-pillar{background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius);padding:30px 26px;transition:.28s transform,.28s box-shadow}
.ppc-step:hover,.ppc-pillar:hover{transform:translateY(-5px);box-shadow:var(--ppc-shadow)}
.ppc-step-n{width:46px;height:46px;border-radius:14px;background:var(--ppc-yellow);color:#241c00;font-weight:800;font-size:20px;display:grid;place-items:center;margin-bottom:16px}
.ppc-step h3,.ppc-pillar h3{font-size:18px;margin:0 0 8px}
.ppc-step p,.ppc-pillar p{color:var(--ppc-muted);font-size:15px;line-height:1.6;margin:0}
.ppc-pillars{padding:60px 0;background:var(--ppc-soft)}
.ppc-pillar-ic{font-size:34px;margin-bottom:14px}
.ppc-home-2col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ppc-home-2col h2{text-align:left}

/* ---- BLOG cards ---- */
.ppc-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ppc-blog-card{background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius);overflow:hidden;display:flex;flex-direction:column;transition:.28s transform,.28s box-shadow}
.ppc-blog-card:hover{transform:translateY(-5px);box-shadow:var(--ppc-shadow)}
.ppc-blog-thumb{display:block;height:186px;background-size:cover;background-position:center;position:relative}
.ppc-blog-cat{position:absolute;left:14px;bottom:14px;background:var(--ppc-yellow);color:#241c00;font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}
.ppc-blog-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.ppc-blog-meta{font-size:12.5px;color:var(--ppc-muted);margin-bottom:9px;font-weight:600}
.ppc-blog-body h3{font-size:17.5px;line-height:1.3;margin:0 0 10px}
.ppc-blog-body h3 a{color:var(--ppc-ink);text-decoration:none}
.ppc-blog-body h3 a:hover{color:var(--ppc-blue)}
.ppc-blog-body p{color:var(--ppc-muted);font-size:14.5px;line-height:1.6;margin:0 0 14px;flex:1}
.ppc-blog-more{color:var(--ppc-blue);font-weight:700;font-size:14px;text-decoration:none}

/* ---- ARTICLE ---- */
.ppc-article{padding:56px 0}
.ppc-article-inner{max-width:820px;margin:0 auto}
.ppc-article-meta{color:var(--ppc-blue);font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px}
.ppc-article-body h2{font-size:26px;margin:34px 0 14px;text-align:left}
.ppc-article-body h3{font-size:19px;margin:24px 0 10px}
.ppc-article-body p{color:#3a3f47;line-height:1.78;font-size:16.5px;margin:0 0 16px}
.ppc-article-body ul,.ppc-article-body ol{color:#3a3f47;line-height:1.75;font-size:16px;padding-left:22px;margin:0 0 18px}
.ppc-article-body li{margin-bottom:7px}
.ppc-article-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.ppc-article-body th,.ppc-article-body td{border:1px solid var(--ppc-line);padding:10px 14px;text-align:left}
.ppc-article-body th{background:var(--ppc-soft);font-weight:700}
.ppc-article-body a{color:var(--ppc-blue);font-weight:600}
.ppc-article-cta{margin-top:34px;background:var(--ppc-soft);border:1px solid var(--ppc-line);border-radius:var(--ppc-radius);padding:28px;text-align:center}
.ppc-article-cta h3{font-size:20px;margin:0 0 8px}
.ppc-article-cta p{color:var(--ppc-muted);margin:0 0 16px}

/* ---- FORM ---- */
.ppc-form{max-width:640px;margin-top:24px}
.ppc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ppc-form label{display:block;font-weight:600;font-size:14px;margin-bottom:16px;color:var(--ppc-ink)}
.ppc-form input,.ppc-form textarea{width:100%;margin-top:7px;padding:13px 15px;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius-sm);font-family:inherit;font-size:15px;background:#fff}
.ppc-form input:focus,.ppc-form textarea:focus{outline:none;border-color:var(--ppc-yellow)}
.ppc-form-note{font-size:13px;color:var(--ppc-muted);margin-top:6px}
.ppc-form-note a{color:var(--ppc-blue)}

@media(max-width:920px){.ppc-steps-grid,.ppc-pillars-grid,.ppc-blog-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.ppc-home-2col{grid-template-columns:1fr;gap:26px}.ppc-form-row{grid-template-columns:1fr}}

/* ============ header nav: fix theme's 1025–1366 "laptop" dead zone ============ */
@media(min-width:1025px){
  #header .elementor-element-1c644d0{display:block!important}   /* desktop menu widget */
  #header .elementor-element-c2749b4{display:none!important}    /* mobile menu widget */
}
@media(max-width:1024px){
  #header .elementor-element-1c644d0{display:none!important}
  #header .elementor-element-c2749b4{display:grid!important}
}
/* keep laptop menu from overflowing */
@media(min-width:1025px) and (max-width:1400px){
  #header .wdt-primary-nav>li.menu-item>a{font-size:14px}
  #header .wdt-primary-nav{gap:2px}
}
/* hero headings must stay light on the dark hero */
.ppc-hero-title{color:#fff}
.ppc-hero .ppc-hero-title,.ppc-hero h1,.ppc-hero h2{color:#fff}

/* force the full desktop-menu chain visible ≥1025 (theme hides .menu-container ≤1366) */
@media(min-width:1025px){
  #header .elementor-element-1c644d0 .wdt-header-menu,
  #header .elementor-element-1c644d0 .menu-container{display:block!important}
  #header .elementor-element-1c644d0 .wdt-primary-nav{display:flex!important;flex-wrap:wrap;align-items:center;width:auto!important;justify-content:center}
  #header .elementor-element-1c644d0 .wdt-primary-nav>.close-nav,
  #header .elementor-element-1c644d0 .wdt-primary-nav>li.go-back,
  #header .elementor-element-1c644d0 .wdt-primary-nav>li.see-all{display:none!important}
  #header .elementor-element-1c644d0 .mobile-nav-container{display:none!important}
}

/* ===== AUTHORITATIVE header nav responsive (wins over blocks above) ===== */
@media(min-width:1367px){
  #header .elementor-element-1c644d0{display:block!important}
  #header .elementor-element-c2749b4{display:none!important}
}
@media(max-width:1366px){
  #header .elementor-element-1c644d0{display:none!important}
  #header .elementor-element-c2749b4{display:grid!important}
  #header .elementor-element-c2749b4 .menu-trigger{display:flex!important;align-items:center;gap:8px}
  #header .elementor-element-c2749b4 .mobile-nav-container{display:block!important}
}

/* ============ SERVICES list ============ */
.ppc-services{padding:60px 0}
.ppc-svc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:960px;margin:0 auto}
.ppc-svc-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius-sm);padding:16px 18px;transition:.2s}
.ppc-svc-item:hover{border-color:var(--ppc-yellow);box-shadow:0 10px 26px -18px rgba(20,24,31,.35)}
.ppc-svc-ic{flex:0 0 26px;height:26px;width:26px;border-radius:50%;background:#e5f6ee;color:#1fa971;display:grid;place-items:center;font-weight:800;font-size:14px}
.ppc-svc-item b{display:block;font-size:15.5px;margin-bottom:2px}
.ppc-svc-item span{color:var(--ppc-muted);font-size:13.5px;line-height:1.45}

/* ============ STEPS guide (HowTo) ============ */
.ppc-steps-guide{padding:60px 0;background:var(--ppc-soft)}
.ppc-steps-list{list-style:none;padding:0;margin:0;max-width:820px;margin:0 auto;position:relative}
.ppc-steps-list::before{content:"";position:absolute;left:23px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--ppc-yellow),#ffe38a)}
.ppc-step-item{display:flex;gap:20px;align-items:flex-start;padding:12px 0;position:relative}
.ppc-step-badge{flex:0 0 48px;height:48px;width:48px;border-radius:50%;background:var(--ppc-ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;z-index:1;box-shadow:0 0 0 5px var(--ppc-soft)}
.ppc-step-content{background:#fff;border:1px solid var(--ppc-line);border-radius:var(--ppc-radius-sm);padding:16px 20px;flex:1}
.ppc-step-content h3{font-size:16.5px;margin:0 0 6px}
.ppc-step-content p{margin:0;color:#4b5563;line-height:1.6;font-size:14.5px}

/* ============ NEIGHBOURS ============ */
.ppc-neighbors{padding:56px 0}
.ppc-nb-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:960px;margin:0 auto}
.ppc-nb-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--ppc-line);border-radius:100px;padding:9px 16px;text-decoration:none;color:var(--ppc-ink);font-weight:600;font-size:14px;transition:.2s}
.ppc-nb-chip:hover{border-color:var(--ppc-yellow);background:#fffbee;transform:translateY(-2px)}
.ppc-nb-chip small{color:var(--ppc-muted);font-weight:600;font-size:12px}

@media(max-width:720px){.ppc-svc-list{grid-template-columns:1fr}}