.pp-hero{position:relative;min-height:44vh;display:flex;align-items:center;background-image:url(/images/services/hardscaping/belgard-pavers-catalina-driveway.jpeg);background-size:cover;background-position:50%}.pp-hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,30,16,.8),rgba(26,77,46,.55))}.pp-hero-content{position:relative;z-index:1;padding-top:var(--spacing-xxxl);padding-bottom:var(--spacing-xxxl)}.pp-hero-content h1{color:var(--white);font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md);max-width:640px}.pp-hero-content p{color:hsla(0,0%,100%,.85);font-size:1.1rem;max-width:520px;line-height:1.7;margin:0}.pp-selector-section{background:var(--neutral-lightest)}.product-selector{gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);flex-wrap:wrap}.product-selector,.product-tab{display:flex;justify-content:center}.product-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--white);border:2px solid var(--neutral-light);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-family:var(--font-primary);font-weight:600;color:var(--neutral-dark);min-width:180px}.product-tab:hover{border-color:var(--primary-green-light);transform:translateY(-2px)}.product-tab.active{background:var(--primary-green-dark);color:var(--white);border-color:var(--primary-green-dark)}.tab-text{font-size:1rem}.product-card-section{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);background:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);border:1px solid var(--neutral-light);align-items:flex-start;margin-bottom:var(--spacing-xxl)}.product-images-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pp-gallery-frame{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--border-radius);overflow:hidden;background:var(--neutral-lightest)}.pp-gallery-track{display:flex;height:100%;transition:transform .4s ease}.pp-gallery-slide{min-width:100%;height:100%;overflow:hidden}.pp-gallery-image{width:100%;height:100%;object-fit:cover;display:block}.pp-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:none;color:var(--white);width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.8rem;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1;z-index:10}.pp-nav:hover{background:rgba(0,0,0,.7)}.pp-nav-prev{left:12px}.pp-nav-next{right:12px}.gallery-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.thumbnail{width:100%;aspect-ratio:1;border:2px solid var(--neutral-light);border-radius:var(--border-radius);padding:0;overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--neutral-lightest)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:var(--primary-green-light)}.thumbnail.active{border-color:var(--primary-green-dark)}.product-content-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-title{font-size:1.5rem;color:var(--primary-green-dark);margin:0}.product-intro{color:var(--neutral-dark);line-height:1.6;margin:0;font-size:.95rem}.expandable-sections{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-item{border:1px solid var(--neutral-light);border-radius:var(--border-radius);overflow:hidden}.section-header,.section-item{background:var(--neutral-lightest)}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border:none;cursor:pointer;transition:background .2s ease;font-family:var(--font-primary);font-weight:600;color:var(--primary-green-dark);text-align:left}.section-header:hover{background:var(--white)}.section-title{flex:1 1;font-size:1rem;font-weight:600}.section-toggle{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;color:var(--primary-green-medium);flex-shrink:0}.section-toggle.open{transform:rotate(180deg)}.section-content{padding:0 var(--spacing-lg) var(--spacing-lg);background:var(--white)}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}.spec-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.spec-label{font-size:.8rem;color:var(--primary-green-medium);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.spec-value{font-size:.95rem;color:var(--neutral-dark);font-weight:500}.spec-unit{font-size:.85rem;color:var(--neutral-medium);font-weight:400}.benefits-content{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.benefits-content li{padding-left:var(--spacing-lg);position:relative;color:var(--neutral-dark);line-height:1.6;font-size:.95rem}.benefits-content li:before{content:"✓";position:absolute;left:0;color:var(--primary-green-medium);font-weight:700}.section-content p{color:var(--neutral-dark);line-height:1.6;margin:0;font-size:.95rem}.pp-comparison{background:var(--white)}.pp-comparison-sub{font-size:1rem;color:var(--neutral-dark);max-width:600px;margin:0 auto var(--spacing-xxl);line-height:1.7;display:block}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.comparison-card{background:var(--neutral-lightest);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--neutral-light);display:flex;flex-direction:column;gap:var(--spacing-md);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:var(--primary-green-light)}.comparison-card.selected{border-color:var(--primary-green-dark);border-width:2px}.comparison-card h3{font-size:1.2rem;color:var(--primary-green-dark);margin:0}.comparison-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--neutral-light)}.comparison-detail .label{font-size:.85rem;color:var(--primary-green-medium);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.comparison-detail .value{font-size:.95rem;color:var(--neutral-dark);font-weight:600}.compare-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-green-medium);color:var(--white);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease;font-family:var(--font-primary);font-size:.95rem}.compare-btn:hover{transform:translateY(-2px)}.compare-btn:hover,.pp-cta{background:var(--primary-green-dark)}.pp-cta{padding:var(--spacing-xxxl) 0}.pp-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.pp-cta-heading{color:var(--white);font-size:1.8rem;margin-bottom:var(--spacing-sm)}.pp-cta-sub{color:hsla(0,0%,100%,.75);font-size:1rem;margin:0}.pp-cta-actions{display:flex;align-items:center;gap:var(--spacing-xl);flex-shrink:0}.pp-cta-phone{font-size:1.25rem;font-weight:700;color:var(--white);transition:color .2s}.pp-cta-phone:hover{color:var(--accent-green)}@media (max-width:900px){.product-card-section,.spec-grid{grid-template-columns:1fr}.product-tab{min-width:140px;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:768px){.pp-hero{min-height:36vh}.product-card-section{padding:var(--spacing-lg)}.gallery-thumbnails{grid-template-columns:repeat(2,1fr)}.product-selector{flex-direction:column}.product-tab{width:100%;min-width:unset}.comparison-grid{grid-template-columns:1fr}.pp-cta-inner{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.pp-cta-actions{flex-direction:column;gap:var(--spacing-md)}}