:root{
  --ppm2-blue:var(--pp-brand-blue);
  --ppm2-blue-dark:var(--pp-brand-blue-dark);
  --ppm2-navy:var(--pp-brand-navy);
  --ppm2-sky:var(--pp-brand-sky);
  --ppm2-pale:var(--pp-brand-pale);
  --ppm2-line:var(--pp-brand-line);
  --ppm2-text:var(--pp-brand-text);
  --ppm2-muted:var(--pp-brand-muted);
  --ppm2-white:var(--pp-brand-white);
  --ppm2-shadow:var(--pp-ui-shadow-raised);
}

.ppm{overflow:hidden}
.ppm>section{display:none!important}
.ppm>.ppm2{display:block!important}
.ppm2{font-family:"Poppins","Avenir Next",sans-serif;color:var(--ppm2-text);background:#fff;overflow:hidden}
.ppm2 *{box-sizing:border-box}
.ppm2 img{display:block;max-width:100%}
.ppm2 a{text-decoration:none!important}
.ppm2 h1,.ppm2 h2,.ppm2 h3,.ppm2 p{margin-top:0}
.ppm2 p{color:var(--ppm2-muted);line-height:1.7}
.ppm2-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.ppm2-kicker{display:block;margin-bottom:14px;color:var(--ppm2-blue);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.ppm2-line-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--ppm2-navy);flex:0 0 auto}
.ppm2-line-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ppm2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:4px;font-size:14px;font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.ppm2-btn:hover{transform:translateY(-1px)}
.ppm2-btn-primary{background:var(--ppm2-blue);border:1px solid var(--ppm2-blue);color:#fff!important}
.ppm2-btn-primary:hover{background:var(--ppm2-blue-dark);border-color:var(--ppm2-blue-dark)}
.ppm2-btn-secondary{background:#fff;border:1px solid var(--ppm2-blue);color:var(--ppm2-blue)!important}
.ppm2-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Hero: premium coastal, photography first */
.ppm2-hero{position:relative;min-height:650px;background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.88) 52%,rgba(255,255,255,.68) 68%,rgba(255,255,255,.28) 82%,rgba(255,255,255,.06) 100%),url('https://poolperfectionists.com/wp-content/uploads/2026/09/Sutherland-Shire-Pool-Hero.png');background-size:cover;background-position:center;display:flex;align-items:stretch}
.ppm2-hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.06));pointer-events:none}
.ppm2-hero-inner{position:relative;display:flex;align-items:center;min-height:650px;padding:64px 0}
.ppm2-hero-copy{position:relative;z-index:2;width:min(700px,62%);padding:28px 30px;background:rgba(255,255,255,.60);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.58);border-radius:10px;box-shadow:0 18px 40px rgba(5,55,91,.08)}
.ppm2-hero h1{margin:0 0 20px;color:var(--ppm2-navy)!important;font-size:clamp(3.15rem,5.25vw,5rem);line-height:.96;letter-spacing:-.05em;font-weight:800}
.ppm2-hero-copy>p{max-width:620px;margin-bottom:24px;color:#244763!important;font-size:17px;line-height:1.65}
.ppm2-hero-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:660px;margin:0 0 28px;padding:16px 18px;background:rgba(255,255,255,.78);border:1px solid rgba(6,52,95,.10);border-radius:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 10px 25px rgba(5,55,91,.06)}
.ppm2-hero-services>a{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:6px 16px;border-right:1px solid rgba(6,52,95,.12);color:var(--ppm2-text)!important}
.ppm2-hero-services>a:last-child{border-right:0}
.ppm2-hero-services .ppm2-line-icon{width:34px;height:34px;margin-bottom:8px}
.ppm2-hero-services .ppm2-line-icon svg{width:28px;height:28px}
.ppm2-hero-services strong{display:block;font-size:12px;line-height:1.25;color:#0b3d69}
.ppm2-hero-services small{display:block;margin-top:4px;font-size:10px;line-height:1.45;color:#415d75}
.ppm2-photo-credit{position:absolute;z-index:3;right:12px;bottom:9px;color:rgba(255,255,255,.82)!important;font-size:8px;text-shadow:0 1px 3px rgba(0,0,0,.45)}

/* Trust bar */
.ppm2-trustbar{background:#fff;border-bottom:1px solid var(--ppm2-line)}
.ppm2-trustbar-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.ppm2-trustbar-grid>div{display:flex;align-items:center;gap:16px;padding:22px 26px;border-right:1px solid var(--ppm2-line)}
.ppm2-trustbar-grid>div:first-child{padding-left:0}
.ppm2-trustbar-grid>div:last-child{border-right:0;padding-right:0}
.ppm2-trustbar strong,.ppm2-values strong{display:block;color:var(--ppm2-navy);font-size:14px;line-height:1.25}
.ppm2-trustbar small,.ppm2-values small{display:block;margin-top:3px;color:var(--ppm2-muted);font-size:10px;line-height:1.4}

/* Shared section structure */
.ppm2-section{padding:72px 0}
.ppm2-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.ppm2-section-head h2,.ppm2-shire h2,.ppm2-chem-band h2,.ppm2-final h2{margin:0;color:var(--ppm2-navy)!important;font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.05;letter-spacing:-.045em;font-weight:800}
.ppm2-section-head>a{white-space:nowrap;color:var(--ppm2-blue)!important;font-size:13px;font-weight:700}

/* Deep etched product section */
.ppm2-products-section{background:#fff}
.ppm2-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ppm2-product{display:flex;flex-direction:column;min-width:0;color:var(--ppm2-text)!important}
.ppm2-product-image{height:245px;display:flex;align-items:center;justify-content:center;padding:16px 10px 24px;background:linear-gradient(180deg,#fbfdff 0%,#fff 100%);border-radius:10px}
.ppm2-product-image img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(5,52,84,.20));transition:transform .2s ease}
.ppm2-product-image img.ppm2-product-cutout{mix-blend-mode:multiply;background:transparent;filter:none!important}
.ppm2-product:nth-child(3) .ppm2-product-image{background:#fff}
.ppm2-product:hover .ppm2-product-image img{transform:translateY(-5px) scale(1.035)}
.ppm2-product h3{margin:17px 0 6px;color:var(--ppm2-navy)!important;font-size:17px;line-height:1.25;font-weight:700}
.ppm2-product p{min-height:50px;margin-bottom:8px;font-size:12px;line-height:1.55}
.ppm2-product>span{margin-top:auto;color:var(--ppm2-blue);font-size:12px;font-weight:700}
.ppm2-products-section .ppm2-section-head>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;background:var(--ppm2-blue);border:1px solid var(--ppm2-blue);border-radius:4px;color:#fff!important;font-size:12px;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.ppm2-products-section .ppm2-section-head>a:hover{background:var(--ppm2-blue-dark);border-color:var(--ppm2-blue-dark);transform:translateY(-1px)}

/* Shire story */
.ppm2-shire{display:grid;grid-template-columns:1fr 1fr;min-height:480px;background:var(--ppm2-pale)}
.ppm2-shire-image{position:relative;overflow:hidden;min-height:480px}
.ppm2-shire-image img{width:100%;height:100%;object-fit:cover}
.ppm2-shire-copy{display:flex;flex-direction:column;justify-content:center;padding:62px clamp(38px,7vw,100px);background:linear-gradient(135deg,#f7fcff 0%,#eaf7fd 100%)}
.ppm2-shire-copy p{max-width:600px;font-size:14px}
.ppm2-shire-copy .ppm2-btn{align-self:flex-start;margin-top:10px}

/* Services */
.ppm2-services-section{background:#fff}
.ppm2-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ppm2-line);border-bottom:1px solid var(--ppm2-line)}
.ppm2-service-grid>a{display:flex;flex-direction:column;min-height:260px;padding:30px 26px;border-right:1px solid var(--ppm2-line);color:var(--ppm2-text)!important;transition:background .18s ease}
.ppm2-service-grid>a:last-child{border-right:0}
.ppm2-service-grid>a:hover{background:var(--ppm2-pale)}
.ppm2-service-grid .ppm2-line-icon{margin-bottom:18px}
.ppm2-service-grid strong{display:block;color:var(--ppm2-navy);font-size:16px}
.ppm2-service-grid p{margin:10px 0 16px;font-size:12px;line-height:1.6}
.ppm2-service-grid>a>span:last-child{margin-top:auto;color:var(--ppm2-blue);font-size:12px;font-weight:700}

/* Chemical delivery */
.ppm2-chem-band{padding:64px 0;background:linear-gradient(135deg,#e9f7fd 0%,#f8fcfe 60%,#fff 100%);border-top:1px solid var(--ppm2-line);border-bottom:1px solid var(--ppm2-line)}
.ppm2-chem-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.ppm2-chem-grid>div{max-width:620px}
.ppm2-chem-grid p{max-width:560px;font-size:14px}
.ppm2-chem-grid img{justify-self:end;max-height:300px;width:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 15px rgba(5,52,84,.14))}

/* Values and close */
.ppm2-values{background:#fff;border-bottom:1px solid var(--ppm2-line)}
.ppm2-values-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ppm2-values-grid>div{display:flex;align-items:center;gap:14px;padding:22px 20px;border-right:1px solid var(--ppm2-line)}
.ppm2-values-grid>div:first-child{padding-left:0}
.ppm2-values-grid>div:last-child{border-right:0;padding-right:0}
.ppm2-final{padding:68px 0;background:var(--ppm2-navy)}
.ppm2-final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.ppm2-final .ppm2-kicker,.ppm2-final h2,.ppm2-final p{color:#fff!important}
.ppm2-final p{max-width:660px;margin-bottom:0;opacity:.82}
.ppm2-final .ppm2-btn-primary{background:#fff;border-color:#fff;color:var(--ppm2-navy)!important}
.ppm2-final .ppm2-btn-secondary{background:transparent;border-color:rgba(255,255,255,.7);color:#fff!important}

@media(max-width:1020px){
  .ppm2-hero{background-position:60% center}
  .ppm2-hero-copy{width:62%}
  .ppm2-product-grid{grid-template-columns:repeat(2,1fr);gap:34px 24px}
  .ppm2-service-grid{grid-template-columns:repeat(2,1fr)}
  .ppm2-service-grid>a:nth-child(2){border-right:0}
  .ppm2-service-grid>a:nth-child(-n+2){border-bottom:1px solid var(--ppm2-line)}
  .ppm2-shire{grid-template-columns:1fr}
  .ppm2-shire-image{min-height:360px}
  .ppm2-values-grid{grid-template-columns:repeat(2,1fr)}
  .ppm2-values-grid>div:nth-child(2){border-right:0}
  .ppm2-values-grid>div:nth-child(-n+2){border-bottom:1px solid var(--ppm2-line)}
}

@media(max-width:760px){
  .ppm2-wrap{width:calc(100% - 28px)}
  .ppm2-hero{min-height:auto;background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.62) 76%,rgba(255,255,255,.28) 100%),url('https://poolperfectionists.com/wp-content/uploads/2026/09/Sutherland-Shire-Pool-Hero.png');background-position:center}
  .ppm2-hero-inner{min-height:620px;align-items:flex-start;padding:34px 0 120px}
  .ppm2-hero-copy{width:100%;padding:24px 20px;background:rgba(255,255,255,.84);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
  .ppm2-hero h1{font-size:clamp(2.15rem,10.6vw,3rem);white-space:nowrap}
  .ppm2-hero-copy>p{font-size:15px;line-height:1.55}
  .ppm2-hero-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:22px;padding:10px 8px;background:rgba(255,255,255,.92)}
  .ppm2-hero-services>a{margin:0;padding:12px 10px;border-right:0;border-bottom:0}
  .ppm2-hero-services>a:nth-child(odd){border-right:1px solid rgba(6,52,95,.12)}
  .ppm2-hero-services>a:nth-child(-n+2){border-bottom:1px solid rgba(6,52,95,.12)}
  .ppm2-hero-services strong{font-size:12px}
  .ppm2-hero-services small{font-size:10px;color:#36566f}
  .ppm2-actions{display:grid;grid-template-columns:1fr;width:100%}
  .ppm2-btn{width:100%}
  .ppm2-trustbar-grid{grid-template-columns:1fr}
  .ppm2-trustbar-grid>div{padding:18px 0;border-right:0;border-bottom:1px solid var(--ppm2-line)}
  .ppm2-trustbar-grid>div:last-child{border-bottom:0}
  .ppm2-section{padding:54px 0}
  .ppm2-section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:26px}
  .ppm2-product-grid{grid-template-columns:1fr 1fr;gap:28px 14px}
  .ppm2-product-image{height:180px}
  .ppm2-product h3{font-size:15px}
  .ppm2-product p{font-size:11px;min-height:58px}
  .ppm2-shire-image{min-height:280px}
  .ppm2-shire-copy{padding:46px 24px}
  .ppm2-service-grid{grid-template-columns:1fr}
  .ppm2-service-grid>a{min-height:220px;border-right:0!important;border-bottom:1px solid var(--ppm2-line)!important}
  .ppm2-service-grid>a:last-child{border-bottom:0!important}
  .ppm2-chem-grid{grid-template-columns:1fr;gap:28px}
  .ppm2-chem-grid img{justify-self:center;max-height:230px}
  .ppm2-values-grid{grid-template-columns:1fr}
  .ppm2-values-grid>div{padding:18px 0;border-right:0!important;border-bottom:1px solid var(--ppm2-line)!important}
  .ppm2-values-grid>div:last-child{border-bottom:0!important}
  .ppm2-final-inner{align-items:flex-start;flex-direction:column}
}

@media(max-width:480px){
  .ppm2-product-grid{grid-template-columns:1fr}
  .ppm2-product-image{height:230px}
}

/* Header and logo sizing are owned by pp-brand-system.css. */