/*
Theme Name: Postmark Direct Storefront Child
Template: storefront
Version: 1.0.0
Description: Stamp-shop storefront layout inspired by common ecommerce patterns; original implementation and copy.
*/
:root{--pm-navy:#102d59;--pm-red:#b92332;--pm-blue:#e8f3fb;--pm-ink:#172536}
body{color:var(--pm-ink);font-family:Arial,Helvetica,sans-serif}
.site-header{border-bottom:1px solid #e8edf2}
.pm-topbar{background:var(--pm-navy);color:#fff;text-align:center;padding:9px 16px;font-size:13px;letter-spacing:.2px}
.pm-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;background:linear-gradient(120deg,#dceefa,#f8fbfd);padding:clamp(32px,6vw,78px);min-height:430px}
.pm-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.04;color:var(--pm-navy);margin:0 0 18px}
.pm-hero p{font-size:19px;max-width:540px}
.pm-hero img{width:100%;height:330px;object-fit:cover;border-radius:8px;box-shadow:0 14px 40px #17365722}
.pm-button,.button.alt{background:var(--pm-red)!important;color:#fff!important;border-radius:2px!important;padding:13px 24px!important}
.pm-section{padding:48px 0}
.pm-section h2{text-align:center;color:var(--pm-navy);font-size:32px;margin-bottom:28px}
.pm-category-grid,.pm-year-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pm-category{background:#f4f8fb;border:1px solid #e4ebf2;padding:24px 16px;text-align:center;border-radius:6px;color:var(--pm-navy);font-weight:700}
.pm-year-grid a{padding:16px;text-align:center;border-bottom:2px solid #dce6ef;color:var(--pm-navy);font-size:18px}
.pm-trust{background:var(--pm-blue);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px;text-align:center}
.pm-trust strong{display:block;color:var(--pm-navy)}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#fff;border:1px solid #e8edf2;padding:12px;border-radius:6px}
.woocommerce ul.products li.product img{aspect-ratio:1/1;object-fit:contain;background:#f8fafc}
.woocommerce div.product div.images img{border:1px solid #e8edf2;border-radius:6px}
.site-footer{background:#102d59;color:#fff}
@media(max-width:768px){.pm-hero{grid-template-columns:1fr}.pm-hero img{height:220px}.pm-category-grid,.pm-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-trust{grid-template-columns:repeat(2,1fr)}}