:root{--ink:#33534F;--ink2:#28413E;--bone:#FBFBF8;--bone2:#F1F4EE;--line:#E0E4DA;--accent:#AECB9E;--mut:#6E7F78;--black:#232F2C}
body{margin:0;background:var(--bone);color:var(--black);font-family:'Poppins',sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}a:hover{color:var(--ink)}

/* atomic helpers */
.fx{display:flex}.col{display:flex;flex-direction:column}
.ac{align-items:center}.jb{justify-content:space-between}
.wrap{flex-wrap:wrap}.f1{flex:1}.noshrink{flex-shrink:0}.posrel{position:relative}
.gap8{gap:8px}.gap12{gap:12px}.gap24{gap:24px}
.m0{margin:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}
.fw6{font-weight:600}

.disp{font-family:'Poppins',sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.04;margin:0;color:var(--ink)}
.dark .disp,.accbg .disp{color:inherit}
.mono{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.wrapc{max-width:1240px;margin:0 auto;padding:0 40px}
.sec{padding:88px 0}
.dark{background:var(--ink);color:#F4F7F2}
.dark .mut,.dark .mono-mut{color:#B7C4BC}
.mut{color:var(--mut)}
.acc{color:var(--ink)}
.dark .acc{color:var(--accent)}
.accbg{background:var(--accent);color:#2B3A33}
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;background:var(--accent);color:#2B3A33;font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}
.btn:hover{background:var(--ink2);color:#fff}
.btn-ghost{background:transparent;color:inherit;border:1.5px solid currentColor}
.btn-ghost:hover{background:#fff;color:var(--ink)}
.topbar{background:var(--ink);color:#C2CFC7;text-align:center;padding:9px 0}
.hdr{border-bottom:1px solid var(--line);background:var(--bone);position:sticky;top:0;z-index:50}
.hdr-in{height:76px;gap:20px}
.logo{font-weight:800;font-size:22px;letter-spacing:-.01em;text-transform:uppercase;cursor:pointer}
.nav a{font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.hero{padding:96px 0 0}
.h1{font-size:clamp(56px,7.2vw,104px)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero-img{background:var(--accent);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;min-height:520px}
.hero-img img{width:88%;display:block;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.hero-tag{position:absolute;top:20px;left:20px;color:#FBF8F1}
.statrow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4A635F;margin-top:80px}
.stat{padding:26px 32px 26px 0;border-right:1px solid #4A635F}
.stat:last-child{border-right:none}
.statn{font-weight:700;font-size:26px;text-transform:uppercase}
.mq{overflow:hidden;padding:14px 0}
.mq-in{display:flex;gap:56px;white-space:nowrap;animation:mq 26s linear infinite;width:max-content}
@keyframes mq{to{transform:translateX(-50%)}}
.mq span{font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.sechead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
.h2{font-size:clamp(34px,4vw,52px)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.pgrid3{grid-template-columns:repeat(3,1fr)}
.pcard{background:#fff;padding:28px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:background .15s;position:relative}
.pcard:hover{background:var(--bone2)}
.pcard img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.pcard:hover img{transform:translateY(-6px)}
.pname{font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:-.01em}
.price{font-family:'Poppins',sans-serif;font-size:13px;color:var(--mut)}
.mrp{color:#A9B4AC;margin-left:8px}
.goalgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4A635F;border:1px solid #4A635F}
.goal{background:var(--ink);padding:36px 28px 30px;cursor:pointer;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:background .15s}
.goal:hover{background:var(--ink2)}
.goal:hover .garr{color:var(--accent);transform:translateX(6px)}
.gname{font-weight:700;font-size:24px;text-transform:uppercase}
.garr{font-size:22px;transition:all .15s}
.sci{display:grid;grid-template-columns:1fr 1fr;min-height:520px;overflow:hidden}
.sci-img{background-image:url('https://www.plumbfort.com/wp-content/uploads/2026/05/image-4.png');background-size:cover;background-position:center top}
.sci-body{padding:64px 56px}
.facts{border-top:1px solid rgba(235,250,255,.22);margin-top:36px}
.fact{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(235,250,255,.22)}
.subband{padding:72px 0}
.h2b{font-size:clamp(40px,5vw,72px)}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.rcard{background:var(--bone);padding:32px;display:flex;flex-direction:column;gap:16px}
.stars{color:var(--accent);letter-spacing:3px;font-size:14px}
.rq{font-size:17px;line-height:1.5;margin:0;font-weight:500}
.ftr{padding:72px 0 40px}
.ftr-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:48px;padding-bottom:56px;border-bottom:1px solid #4A635F}
.ftr a{display:block;padding:5px 0;font-size:14px;color:#C8D4CC}
.legal{font-size:12px;color:#7C7563;line-height:1.7;padding-top:28px}
.chip{padding:10px 22px;border:1.5px solid var(--line);border-radius:999px;font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;cursor:pointer;background:transparent;color:var(--black)}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.reelsec{padding:72px 0;overflow:hidden}
.reeltrack{display:flex;gap:16px;width:max-content;animation:mq 36s linear infinite}
.reeltrack:hover{animation-play-state:paused}
.reel{width:264px;aspect-ratio:9/16;position:relative;overflow:hidden;background:var(--ink2);flex-shrink:0;cursor:pointer}
.reel img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;transition:transform .3s,opacity .3s}
.reel:hover img{transform:scale(1.04);opacity:1}
.rshop{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;background:rgba(244,241,234,.96);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}
.rshop .pn{font-weight:700;font-size:13px;text-transform:uppercase;line-height:1.1}
.rshop .pp{font-family:'Poppins',sans-serif;font-size:11px;color:var(--mut)}
.radd{background:var(--accent);color:#2B3A33;border-radius:999px;font-weight:600;border:none;cursor:pointer;font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:10px 12px;white-space:nowrap;flex-shrink:0}
.radd:hover{background:var(--ink);color:var(--bone)}
.rlab{position:absolute;left:14px;bottom:74px;right:14px;color:#FBF8F1;z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.rplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(20,19,16,.55);border:1px solid rgba(251,248,241,.5);color:#FBF8F1;display:flex;align-items:center;justify-content:center;font-size:15px;z-index:2;transition:background .15s}
.reel:hover .rplay{background:var(--accent);border-color:var(--accent)}
.cmp{border:1px solid var(--line)}
.cmprow{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-bottom:1px solid var(--line)}
.cmprow:last-child{border-bottom:none}
.cmprow>div{padding:18px 24px}
.cmprow .us{background:var(--bone2);border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center}
.cmprow .them{text-align:center;color:var(--mut)}
.cmphead .us{background:var(--ink);color:var(--bone)}
.tick{color:var(--accent);font-weight:700}
.cross{color:#A9B4AC}
.socgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4A635F;border:1px solid #4A635F}
.soc{background:var(--ink);padding:32px 28px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;transition:background .15s}
.soc:hover{background:var(--ink2);color:var(--bone)}
.soc:hover .sarr{color:var(--accent);transform:translateX(6px)}
.sname{font-weight:700;font-size:21px;text-transform:uppercase}
.sarr{font-size:20px;transition:all .15s}
.pagehead{padding:72px 0 44px}
.pd{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;padding:64px 0 88px}
.pd-img{background:var(--bone2);display:flex;align-items:center;justify-content:center;padding:48px;min-height:560px}
.pd-img img{width:82%;mix-blend-mode:multiply;filter:drop-shadow(0 24px 32px rgba(0,0,0,.18))}
.plan{border:1px solid var(--line);padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:transparent;width:100%;font-family:inherit;font-size:15px;color:var(--ink);text-align:left}
.plan.on{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink);display:inline-block;margin-right:12px}
.plan.on .dot{background:var(--accent);border-color:var(--accent)}
.ftable{border-top:1px solid var(--line)}
.frow{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.crumb{cursor:pointer}
.abst{font-size:clamp(44px,5.6vw,84px)}
.astrip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.astrip img{width:100%;aspect-ratio:4/3.4;object-fit:cover;display:block}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.vnum{font-weight:700;font-size:15px;color:var(--ink)}
.badge{display:inline-block;padding:5px 12px;background:var(--accent);color:#2B3A33;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;border-radius:999px}
.pbadge{position:absolute;top:14px;left:14px;z-index:2}
.cardstars{color:#C79E52;font-size:12px;letter-spacing:2px}
.rcount{font-size:12px;color:var(--mut)}
.blist{display:flex;flex-direction:column;gap:9px;margin:18px 0 0;padding:0;list-style:none}
.blist li{display:flex;gap:10px;font-size:15px;align-items:baseline}
.bt{color:var(--ink);font-weight:700;flex-shrink:0}
.save{background:var(--bone2);padding:10px 14px;font-size:13px;color:var(--ink);font-weight:600;margin-top:10px}
.gstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:20px}
.gcell{background:#fff;padding:16px 12px;text-align:center;font-size:12.5px;font-weight:600;line-height:1.4}
.gcell .mut{display:block;font-weight:400;font-size:11.5px}
.qty{display:flex;border:1px solid var(--line);flex-shrink:0}
.qty button{width:46px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--ink)}
.qty span{min-width:40px;display:flex;align-items:center;justify-content:center;font-weight:600}
.acc-item{border-bottom:1px solid var(--line)}
.acc-btn{width:100%;background:none;border:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;color:var(--black);text-align:left}
.acc-btn .ai{color:var(--ink);font-size:20px;flex-shrink:0}
.acc-body{padding:0 0 20px;color:var(--mut);font-size:15px;max-width:680px;margin:0}
.stickybar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:60;box-shadow:0 -8px 24px rgba(10,30,37,.1)}
.stickybar .wrapc{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.sb-name{font-weight:700;font-size:15px;text-transform:uppercase}
.sb-price{font-size:13px;color:var(--mut)}
.toast{position:fixed;top:96px;right:24px;background:var(--ink);color:#F4F7F2;padding:14px 20px;z-index:70;font-size:14px;font-weight:600;box-shadow:0 12px 32px rgba(10,30,37,.25);animation:tin .2s ease-out}
@keyframes tin{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.trustline{display:flex;gap:28px;flex-wrap:wrap;margin-top:20px}
.pdsec{padding:72px 0;border-top:1px solid var(--line)}
@media(max-width:900px){
.wrapc{padding:0 20px}
.hero-grid,.sci,.pd{grid-template-columns:1fr}
.pgrid,.goalgrid,.rgrid,.pgrid3{grid-template-columns:1fr 1fr}
.ftr-grid{grid-template-columns:1fr 1fr}
.statrow{grid-template-columns:1fr}
}
@media(max-width:560px){
.pgrid,.goalgrid,.rgrid,.pgrid3{grid-template-columns:1fr}
.nav{gap:14px}
}

/* ---- WordPress / WooCommerce integration ---- */
[hidden]{display:none!important}
.nav li{list-style:none;display:contents}
.nav .current-menu-item>a{color:var(--ink)}
.pf-logo{display:flex;align-items:center}
.pf-logo img,.custom-logo{height:40px;width:auto;display:block}
.pcard img{height:auto}
.hero-img{color:#FBF8F1}
.hero-img:hover{color:#FBF8F1}

/* WC price html (sale = <del> mrp + <ins> price) */
.price del{color:#A9B4AC;text-decoration:line-through;margin-right:8px}
.price ins{text-decoration:none}
.price .woocommerce-Price-amount{font-family:'Poppins',sans-serif}

/* hide WC's default shop chrome our templates replace */
.woocommerce-result-count,.woocommerce-ordering,.woocommerce-breadcrumb{display:none}

/* qty stepper input */
.pf-qty-input{border:none;background:none;width:44px;text-align:center;font-weight:600;font-family:inherit;font-size:15px;color:var(--black);-moz-appearance:textfield;appearance:textfield}
.pf-qty-input::-webkit-outer-spin-button,.pf-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* two-column usage/FAQ block on product pages */
.pf-2col{display:grid;grid-template-columns:1fr 1fr;gap:64px}
@media(max-width:900px){.pf-2col{grid-template-columns:1fr}.goalgrid{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.goalgrid{grid-template-columns:1fr!important}}

/* fallback add-to-cart (variable/external products) */
.pf-buy-fallback .single_add_to_cart_button{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;background:var(--accent);color:#2B3A33;font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;border:none;border-radius:999px;cursor:pointer}
.pf-buy-fallback .single_add_to_cart_button:hover{background:var(--ink2);color:#fff}
.pf-buy-fallback .quantity .qty{border:1px solid var(--line);padding:12px;width:70px;text-align:center;font-family:inherit}

/* pagination */
.pf-pagination .page-numbers{display:inline-flex;gap:6px;list-style:none;padding:0;margin:24px 0 0}
.pf-pagination .page-numbers li{list-style:none}
.pf-pagination a.page-numbers,.pf-pagination span.page-numbers{padding:10px 16px;border:1.5px solid var(--line);border-radius:999px;font-family:'Poppins',sans-serif;font-size:12px;font-weight:600}
.pf-pagination span.current{background:var(--ink);color:var(--bone);border-color:var(--ink)}

/* generic page content + WC cart/checkout breathing room */
.pf-content{max-width:820px}
.pf-content a{text-decoration:underline}
.pf-post-teaser{padding:24px 0;border-bottom:1px solid var(--line)}
.woocommerce-cart .pf-content,.woocommerce-checkout .pf-content,.woocommerce-account .pf-content{max-width:1160px}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:0}
.woocommerce .button,.wc-block-components-button{font-family:'Poppins',sans-serif}

/* WC notices, restyled to match toast palette */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--bone2);border-top:3px solid var(--ink);color:var(--black);padding:14px 20px;margin:16px auto;max-width:1160px;list-style:none}
.woocommerce-message a.button{background:var(--accent);color:#2B3A33;border-radius:999px;padding:8px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}

/* screen-reader helper used by WP menus/widgets */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}