/*
Theme Name: Pinjin Gutenberg Site
Theme URI: https://pj.tianyudzg.cn/
Description: Lightweight Gutenberg block theme for the Pinjin tire mold website.
Version: 1.0.0
Author: Pinjin
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: pinjin-gutenberg-site
*/

:root { --pj-ink:#17202a; --pj-muted:#62707c; --pj-blue:#246bfd; --pj-navy:#08243f; --pj-line:#dfe6ee; --pj-width:1265px; }
* { box-sizing:border-box; }
body { margin:0; color:var(--pj-ink); background:#fff; font-family:Arial,Helvetica,sans-serif; line-height:1.7; }
a { color:var(--pj-blue); }
.wp-site-blocks { overflow:hidden; }
.wp-block-site-title a { color:var(--pj-ink); text-decoration:none; font-weight:800; }
.wp-block-navigation a { text-decoration:none; }
.wp-block-post-title { display:none; }
.wp-block-post-content { max-width:none; margin:0; padding:0; }
.pj-shell { width:min(var(--pj-width),calc(100% - 48px)); margin:0 auto; }
.pj-hero { min-height:420px; padding:96px 24px; background:var(--pj-navy); color:#fff; }
.pj-hero h1 { max-width:760px; margin:0 0 16px; color:#fff; font-size:clamp(2.4rem,5vw,4.8rem); line-height:1.08; }
.pj-hero p { max-width:700px; margin:0; color:#dbe7f1; font-size:1.15rem; }
.pj-products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.pj-product-card { height:100%; border:1px solid var(--pj-line); background:#fff; box-shadow:0 8px 26px rgba(8,36,63,.07); }
.pj-product-card img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.pj-product-card__body { padding:22px; }
.pj-product-card h2,.pj-product-card h3 { margin:0 0 10px; line-height:1.25; }
.pj-product-card p { margin:0 0 14px; color:var(--pj-muted); }
.pj-product-card a { font-weight:700; text-decoration:none; }
.single-product .wp-block-post-content { max-width:var(--pj-width); margin:0 auto; padding:72px 24px; }
.single-product .wp-block-post-content > .wp-block-columns { align-items:start; gap:56px; }
.single-product .wp-block-post-content img { max-width:100%; height:auto; }
.pj-footer { margin-top:64px; padding:56px 24px; background:var(--pj-navy); color:#fff; }
.pj-footer a { color:#dbe7f1; }
@media (max-width:900px) { .pj-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .pj-shell { width:calc(100% - 32px); } .pj-products-grid { grid-template-columns:1fr; } .pj-hero { min-height:340px; padding:68px 20px; } .single-product .wp-block-post-content { padding:44px 16px; } }