/*
Theme Name: ProductFlowOnline
Theme URI: https://productflowonline.com/
Author: ProductFlowOnline
Description: A fast editorial product discovery and affiliate review theme, with a native affiliate catalog and WordPress articles.
Version: 3.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: productflowonline
*/
:root{--ink:#15253d;--muted:#607086;--brand:#176b70;--brand-dark:#105359;--accent:#e8ad53;--bg:#f5f7f8;--line:#e1e7e9;--white:#fff;--radius:15px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,select{font:inherit}button,a,input{outline-offset:3px}.container{max-width:var(--max);margin:auto;padding:0 24px}.skip-link{position:absolute;left:-9999px;top:10px;z-index:100}.skip-link:focus{left:15px;background:white;padding:12px}.utility{background:#102c36;color:#d8e7e9;font-size:12px}.utility .container{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.utility a{color:#d8e7e9}.site-header{background:white;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{display:flex;align-items:center;gap:28px;min-height:86px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;color:var(--ink);font-size:22px;font-weight:850;letter-spacing:-.9px}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--brand);color:white;width:39px;height:39px;border-radius:12px;font-size:21px;font-weight:900}.brand .highlight{color:var(--brand)}.header-search{flex:1;display:flex;max-width:480px;position:relative}.header-search input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 95px 12px 15px;background:#f8fafb}.header-search button{position:absolute;right:5px;top:5px;bottom:5px;border:0;border-radius:7px;background:var(--brand);color:white;padding:0 17px;cursor:pointer}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:9px 12px;cursor:pointer}.primary-nav{background:white;border-bottom:1px solid var(--line)}.primary-nav .container{display:flex;align-items:center;gap:27px}.primary-nav ul{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.primary-nav a{display:inline-block;padding:13px 0;font-size:14px;font-weight:700;color:#2c3b4c}.primary-nav .current-menu-item>a{color:var(--brand)}.nav-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:var(--brand);font-weight:800;margin-right:4px}.hero{background:linear-gradient(120deg,#0d3541 0%,#17676b 65%,#2c8b83 100%);color:white;padding:67px 0 62px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#a9e2d5}.hero h1{font-size:clamp(34px,4vw,57px);line-height:1.13;letter-spacing:-2px;margin:13px 0 18px}.hero p{color:#d4eceb;max-width:610px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:11px 18px;font-weight:800;font-size:14px;cursor:pointer;text-align:center;transition:background .15s,transform .15s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#17283c}.btn-secondary{background:white;color:var(--brand-dark)}.btn-outline{background:white;border-color:var(--line);color:var(--brand-dark)}.btn-dark{background:var(--brand);color:white}.hero-art{min-height:285px;display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(-5deg)}.hero-art div{background:#ffffff17;border:1px solid #ffffff35;backdrop-filter:blur(8px);border-radius:19px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.hero-art div:nth-child(2){margin-top:35px}.hero-art b{font-size:21px;line-height:1.2}.hero-art span{font-size:12px;color:#d3ece8}.hero-art .symbol{font-size:42px}.section{padding:54px 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-header h2{margin:0;font-size:29px;letter-spacing:-.7px}.section-header p{margin:4px 0 0;color:var(--muted);font-size:14px}.section-header a{font-weight:800;font-size:14px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.category-tile{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px 12px;text-align:center;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink);font-weight:800;font-size:14px}.category-tile:hover{border-color:var(--brand);text-decoration:none;box-shadow:0 8px 20px #1d3d4610}.category-tile .glyph{font-size:30px;line-height:1}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.card-media{aspect-ratio:4/3;background:#edf2f2;display:grid;place-items:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:contain;padding:15px}.card-media.article-media img{object-fit:cover;padding:0}.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#e4f0ed,#e9eff6);color:#3d7b7c;width:100%;height:100%;font-size:42px;font-weight:850}.card-body{padding:19px;display:flex;flex-direction:column;gap:10px;flex:1}.card-kicker{font-size:11px;color:var(--brand);font-weight:850;letter-spacing:.8px;text-transform:uppercase}.card h3{font-size:18px;line-height:1.35;margin:0}.card h3 a{color:var(--ink)}.card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.card-actions .btn{flex:1;padding:9px 10px;font-size:12px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.paper{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:32px}.page-title{font-size:clamp(30px,3.5vw,44px);line-height:1.2;letter-spacing:-1.2px;margin:0 0 14px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:20px}.breadcrumb a{color:var(--muted)}.entry-meta{font-size:12px;color:var(--muted);margin:0 0 24px}.entry-content{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{line-height:1.3;letter-spacing:-.4px;margin-top:1.6em}.entry-content img{border-radius:12px}.entry-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px}.entry-content blockquote{border-left:4px solid var(--brand);padding:12px 20px;background:#f2f8f7;margin:25px 0}.affiliate-notice{border-left:3px solid var(--brand);background:#edf7f5;padding:12px 16px;font-size:13px;color:#415f64;margin:16px 0 24px}.sidebar-widget{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px}.sidebar-widget h3{font-size:17px;margin:0 0 12px}.sidebar-widget ul{padding-left:18px;margin:0}.sidebar-widget li{margin:7px 0}.feature-band{background:#e7f2f0;padding:28px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid b{display:block;margin-bottom:4px}.feature-grid p{margin:0;color:var(--muted);font-size:13px}.site-footer{background:#102c36;color:#d2e0e2;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer h3{color:white;margin:0 0 14px}.site-footer a{color:#d2e0e2}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:9px}.footer-bottom{border-top:1px solid #ffffff25;margin-top:35px;padding-top:19px;font-size:12px;color:#b4c9ca}.archive-header{margin-bottom:25px}.archive-header p{color:var(--muted)}.pagination{margin:28px 0}.pagination .page-numbers{padding:8px 12px;border:1px solid var(--line);background:white;border-radius:6px}.pagination .current{background:var(--brand);color:white}.empty-state{padding:30px;background:white;border:1px solid var(--line);border-radius:12px}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.product-detail .product-image{background:#f2f5f5;border-radius:12px;min-height:320px;display:grid;place-items:center}.product-detail .product-image img{max-height:380px;object-fit:contain}.woocommerce div.product form.cart .button,.woocommerce a.button{background:var(--brand);color:white;border-radius:8px}.woocommerce ul.products li.product{background:white;border:1px solid var(--line);border-radius:12px;padding:12px}.woocommerce ul.products li.product img{border-radius:8px}.wp-block-search__button{background:var(--brand);color:white;border:0;border-radius:6px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.header-inner{gap:16px}.brand{font-size:19px}}@media(max-width:760px){.container{padding:0 17px}.header-inner{min-height:74px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px}.header-search{order:3;max-width:none;flex-basis:100%}.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none}.primary-nav.is-open{display:block}.primary-nav .container,.primary-nav ul{display:block}.primary-nav ul li{border-bottom:1px solid var(--line)}.primary-nav a{padding:10px 0}.hero{padding:42px 0}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.categories{grid-template-columns:repeat(2,1fr)}.content-layout,.product-detail{grid-template-columns:1fr}.paper{padding:22px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.feature-grid{grid-template-columns:1fr}.section{padding:35px 0}}@media(max-width:460px){.cards{grid-template-columns:1fr}.section-header{align-items:start}.section-header h2{font-size:24px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* v3 — BuyGoods category directory and product-only cards */
.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.category-tile{min-height:72px;padding:17px 12px;font-size:15px}
.pfo-product-card .card-media{aspect-ratio:1/1;background:#fff}
.pfo-product-card .card-media img{padding:12px;object-fit:contain}
.pfo-product-card .card-body{padding:15px;gap:12px}
.pfo-product-card h3{font-size:18px}
.pfo-product-card .card-actions{padding-top:4px}
.pfo-product-card .card-actions .btn{font-size:13px;padding:11px 10px;width:100%}
@media(max-width:1050px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pfo-product-card .card-body{padding:10px}.pfo-product-card h3{font-size:15px}.pfo-product-card .card-actions .btn{font-size:11px;padding:9px 6px}}

.pfo-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.pfo-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v4 - BuyGoods-style left category navigation */
.pfo-marketplace-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.pfo-marketplace-main{min-width:0}.pfo-category-sidebar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 12px;align-self:start}.pfo-category-sidebar h2{font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0 8px 12px;color:var(--ink)}.pfo-category-sidebar h2 span{font-weight:400;color:var(--muted);text-transform:none}.pfo-category-sidebar nav{display:flex;flex-direction:column}.pfo-category-link{display:block;padding:8px 10px;border-radius:7px;color:#3c4c5a;font-size:13px;line-height:1.35}.pfo-category-link:hover,.pfo-category-link.is-active{background:#e8f3f1;color:var(--brand-dark);text-decoration:none;font-weight:750}.pfo-marketplace-main .pfo-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.pfo-marketplace-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.pfo-marketplace-main .pfo-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.pfo-marketplace-layout{grid-template-columns:1fr}.pfo-category-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.pfo-marketplace-main .pfo-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}