/* ============================================================
   DARTEE GOLF, Bundle Builder page
   ============================================================ */
.bundle-hero { background-color: var(--green-900); background-image: repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 2px, rgba(255,255,255,0) 2px 46px); color: var(--cream-50); position: relative; overflow: hidden; }
.bundle-hero::after { content: none; }
.bundle-hero__inner { position: relative; z-index: 2; padding: 64px 0 54px; text-align: center; }
.bundle-hero .eyebrow { color: var(--gold-100); }
.bundle-hero h1 { font-family: var(--ff-display); text-transform: uppercase; font-size: clamp(46px, 7vw, 92px); line-height: .92; margin: 0 0 14px; color: var(--cream-50); }
.bundle-hero p { color: rgba(243,236,219,.84); font-size: clamp(16px, 2vw, 20px); max-width: 56ch; margin: 0 auto; line-height: 1.5; }

/* steps strip */
.bundle-steps { background: var(--green-800); color: var(--cream-50); }
.bundle-steps__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 26px 0; }
.bstep { display: flex; align-items: center; gap: 14px; }
.bstep__n { width: 38px; height: 38px; flex: none; border-radius: 50%; background: var(--gold); color: var(--green-900); font-family: var(--ff-display); font-size: 19px; display: flex; align-items: center; justify-content: center; }
.bstep b { display: block; font-size: 15.5px; color: var(--cream-50); }
.bstep span:last-child { display: block; font-size: 13px; color: rgba(243,236,219,.74); margin-top: 2px; }
@media (max-width: 760px){ .bundle-steps__row { grid-template-columns: 1fr; gap: 14px; } }

/* no golf-course footer motif on the bundle builder */
.bundles::after { display: none !important; }

/* footer quote */

/* ball marker upsell */
.mk-upsell { background: var(--cream); }
.mk-upsell__inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.mk-upsell__copy .eyebrow { color: var(--gold-600); }
.mk-upsell__copy h2 { margin: 4px 0 12px; }
.mk-upsell__copy p { color: var(--ink-soft); font-size: 16.5px; max-width: 46ch; margin: 0 0 22px; }
.mk-upsell__cta { display: flex; gap: 12px; flex-wrap: wrap; }
.mk-upsell__media { display: block; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.mk-upsell__media img { width: 100%; height: 320px; object-fit: cover; display: block; transition: transform .5s ease; }
.mk-upsell__media:hover img { transform: scale(1.04); }
@media (max-width: 860px){ .mk-upsell__inner { grid-template-columns: 1fr; gap: 28px; } .mk-upsell__media { order: -1; } .mk-upsell__media img { height: 240px; } }