Gym Accessories

About

/* ========================================================= 0) CSS VARIABLES (brand colors, borders, backgrounds) ========================================================= */ :root{ --ppw-accent:#1E40AF; /* match to your logo blue */ --ppw-accent-contrast:#ffffff; --ppw-border:#e5e7eb; --ppw-muted:#f9fafb; --ppw-thead:#f3f4f6; } /* ========================================================= 1) BASE / GLOBAL (scoped with ppw- to avoid conflicts) ========================================================= */ .ppw-wrap{ max-width:100%; line-height:1.6; } .ppw-section{ margin:3rem 0; } .ppw-section.alt{ padding:1.25rem; } .ppw-grid{ display:grid; gap:1rem; } @media (min-width:768px){ .ppw-grid.cols-2{ grid-template-columns:1fr 1fr; } .ppw-grid.cols-3{ grid-template-columns:repeat(3,1fr); } } .right-side-ppw{ display: flex; gap: 1rem; } /* ========================================================= 2) TOP NAVIGATION (simple bordered pills — original) ========================================================= */ .ppw-nav{ display:flex; flex-wrap:wrap; gap:.75rem; margin:0 0 1rem; } .ppw-nav a{ padding:.4rem .7rem; border:1px solid var(--ppw-border); border-radius:8px; text-decoration:none; transition:background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease; } .ppw-nav a:hover{ background:var(--ppw-accent); color:var(--ppw-accent-contrast); border-color:var(--ppw-accent); box-shadow:0 1px 6px rgba(0,0,0,.08), inset 0 0 0 1px rgba(255,255,255,.12); } .ppw-nav a:focus-visible{ outline:2px solid var(--ppw-accent); outline-offset:2px; } /* ========================================================= 3) TABLES (clean header, subtle borders) ========================================================= */ .ppw-tablewrap{ overflow:auto; border:1px solid var(--ppw-border); border-radius:12px; } table.ppw-table{ width:100%; border-collapse:collapse; background:#fff; } .ppw-table thead th{ background:var(--ppw-thead); font-weight:700; } .ppw-table th, .ppw-table td{

On-page SEO