PING Men's G430 Hybrid Features Lightweight composite crown wraps into the heel and the toe of the skirt to save more weight Thin, flexible maraging steel club face wraps into the sole and the crown to help boost ball speed Variable roll radius face provides more consistent spin Tungsten sole weight precisely locates center of gravity for greater forgiveness Adjustable hosel design allows you to fine-tune your preferred launch and shot shape Stock shaft: Alta CB Black 70 Graphite, PING Tour 2.0 Chrome 85 Graphite, Mitsubishi Kai'Li White 80 Graphite, Project X HZRDUS Smoke Red RDX 70/80 Graphite Stock grip: Golf Pride Tour Velvet 360 Includes head cover Read our PING G430 Hybrid Review PING G430 Hybrid — Details & Specs /* ============================================================ PING Men's G430 Hybrid — Details & Specs BEM prefix: pdp-ds CT-ready: zero external tags, @import for fonts ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;600;700&display=swap'); /* --- Reset / base ------------------------------------------ */ .pdp-ds *, .pdp-ds *::before, .pdp-ds *::after { box-sizing: border-box; margin: 0; padding: 0; } /* --- Wrapper ----------------------------------------------- */ .pdp-ds { font-family: 'Figtree', sans-serif; background: #ffffff; color: #000000; max-width: 1200px; margin: 0 auto; } /* ============================================================ SECTION HEADER ============================================================ */ .pdp-ds__section-header { font-size: 22px; font-weight: 600; line-height: normal; color: #000000; padding: 24px 0 12px; margin-bottom: 32px; } /* ============================================================ KEY STATS ============================================================ */ .pdp-ds__key-stats { display: flex; gap: 0; margin-bottom: 48px; } .pdp-ds__stat { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 24px 16px; } .pdp-ds__stat-value { font-size: 24px; font-weight: 700; line-height: normal; color: #000000; margin-bottom: 6px; } .pdp-ds__stat-label { font-size: 16px; font-weight: 400; line-height: normal; color: #000000; } /* ============================================================ FEATURE CALLOUT CARDS — CAROUSEL Desktop (>1024px): static 3-up grid (3 cards ≤ 4 threshold) Tablet (641–1024px): 3-up scroll-snap Mobile (≤640px): 1-up scroll-snap ============================================================ */ /* -- Carousel wrapper (desktop: no scroll) -- */ .pdp-ds__carousel-wrap { position: relative; margin-bottom: 48px; } .pdp-ds__carousel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } /* -- Individual card -- */ .pdp-ds__card { display: flex; flex-direction: column; background: #ffffff; } /* -- Image container: padding-bottom aspect-ratio hack -- */ /* CT strips aspect-ratio property; this approach is safe */ .pdp-ds__card-img-wrap { position: relative; width: 100%; padding-bottom: 75%; /* 4:3 ratio */ background: #ffffff; overflow: hidden; margin-bottom: 16px; } .pdp-ds__card-img { position: absolute; top: 0; left: 0; /* CT host stylesheet override — required */ display: block !important; width: 100% !important; height: 100% !important; object-fit: contain; } /* -- Card text -- */ .pdp-ds__card-heading { font-size: 22px; font-weight: 700; line-height: normal; color: #000000; margin-bottom: 10px; } .pdp-ds__card-body { font-size: 16px; font-weight: 400; line-height: 1.5; /* intentional — feature body copy */ color: #000000; } /* -- Dot navigation (hidden on desktop) -- */ .pdp-ds__dots { display: none; } /* ============================================================ TABLET (641–1024px): 3-up scroll-snap carousel ============================================================ */ @media (max-width: 1024px) { .pdp-ds__carousel { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 16px; padding-bottom: 8px; } .pdp-ds__carousel::-webkit-scrollbar { display: none; } .pdp-ds__card { flex: 0 0 calc((100% - 32px) / 3); scroll-snap-align: start; } /* Show dots on tablet */ .pdp-ds__dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; list-style: none; padding: 0; } .pdp-ds__dot-btn { width: 8px; height: 8px; border-radius: 50%; border: none; background: #e8e8e8; cursor: pointer; padding: 0; transition: background 0.2s; } .pdp-ds__dot-btn[aria-selected="true"] { background: #000000; } } /* ============================================================ MOBILE (≤640px): 1-up scroll-snap carousel ============================================================ */ @media (max-width: 640px) { .pdp-ds__section-header { font-size: 18px; } /* Key Stats */ .pdp-ds__stat-value { font-size: 20px; } .pdp-ds__stat-label { font-size: 14px; } .pdp-ds__stat { padding: 16px 8px; } /* Cards: 1-up */ .pdp-ds__card { flex: 0 0 100%; scroll-snap-align: start;