/* ---- Shared page hero (was in every file) ---- */
.page-hero { /* paste from about.html */ }
.page-hero::before, .page-hero::after { /* … */ }
.page-hero .container { position: relative; z-index: 2; }
.page-hero h1 { /* … */ }
.page-hero p  { /* … */ }
.breadcrumb-nav { /* … */ }
.breadcrumb-nav a { /* … */ }
.breadcrumb-nav a:hover { color: var(--accent); }
.breadcrumb-nav i { font-size: 10px; color: var(--accent); }
.breadcrumb-nav .current { color: #fff; font-weight: 600; }

/* ---- About page ---- */
.story-grid { … }
.mvv-card { … }
.value-item { … }
.timeline { … }
.team-card { … }
.why-card { … }
.about-cta { … }

/* ---- Products listing ---- */
.shop-layout { … }
.shop-sidebar { … }
.filter-block { … }
.shop-toolbar { … }
.shop-pagination { … }

/* ---- Product detail ---- */
.pdp-grid { … }
.gallery-main { … }
.gallery-thumbs { … }
.pdp-info { … }
.pdp-specs { … }
.pdp-tabs { … }
.review-summary { … }
.modal-content { … }
.mobile-action-bar { … }

/* ---- Blog ---- */
.blog-layout { … }
.featured-post { … }
.blog-card { … }
.blog-sidebar { … }
.widget { … }
.promo-widget { … }

/* ---- Contact ---- */
.contact-card { … }
.form-card { … }
.side-box { … }
.map-wrap { … }

/* ---- Certification ---- */
.trust-row { … }
.cert-card { … }
.quality-grid { … }
.standards-box { … }
.anti-grid { … }
.verify-box { … }
.faq-item { … }