/* 4.20.11 — "Where to buy": up to two price buttons, other retailers on one "Also sold at" line. Smaller on desktop.
   (4.20.09) "Where to buy": prominent but editorial.
   One solid button per product (the best dated price). Other retailers and the review link are
   quiet outline buttons. No badges, urgency, strike-through prices or "Buy now" wording. */
html body .ggl-offer-list,html body .ggl-listed-prices{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:10px 10px!important;width:100%;min-width:0;grid-column:2 / -1;box-sizing:border-box;margin:14px 0 6px!important;padding-top:12px;border-top:1px solid #26352d}
.ggl-retailer-heading{display:block;flex:0 0 100%;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#98a79e;line-height:1.4}
.ggl-offer-context{flex:0 0 100%;margin:0!important;font-size:.82rem;line-height:1.45;color:#c7d1ca}
html body .ggl-offer-item,html body .ggl-listed-price{display:flex!important;flex-direction:column;gap:4px;min-width:0;width:auto!important;max-width:100%!important;flex:0 1 auto}
html body .ggl-offer-unpriced{display:flex!important;flex-wrap:wrap;gap:10px;width:auto!important;flex:0 1 auto}

/* Base: every retailer link is a calm outline button with a 44px tap target. */
html body .ggl-offer-list a.ggl-offer-button,html body .ggl-listed-prices a.ggl-offer-button,
html body .ggl-offer-list a.ggl-offer-check,html body .ggl-listed-prices a.ggl-offer-check,
html body .ggl-package-options a{display:inline-flex!important;align-items:center;justify-content:center!important;min-height:38px!important;width:auto!important;padding:7px 12px!important;box-sizing:border-box;
 border:1px solid #3d5145!important;border-radius:8px!important;background:transparent!important;color:#e6efe8!important;box-shadow:none!important;
 font-family:inherit;font-weight:700!important;font-size:.84rem!important;line-height:1.3!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;transition:border-color .15s,background-color .15s}
html body .ggl-offer-list a.ggl-offer-button:hover,html body .ggl-listed-prices a.ggl-offer-button:hover,
html body .ggl-offer-list a.ggl-offer-check:hover,html body .ggl-listed-prices a.ggl-offer-check:hover,
html body .ggl-package-options a:hover{border-color:#b8ff3d!important;color:#f7fbf4!important}

/* The one solid button: best dated price. */
html body .ggl-offer-list a.ggl-offer-primary,html body .ggl-listed-prices a.ggl-offer-primary{background:#b8ff3d!important;background-image:none!important;border-color:#b8ff3d!important;color:#0b1408!important;font-weight:800!important}
html body .ggl-offer-list a.ggl-offer-primary:hover,html body .ggl-listed-prices a.ggl-offer-primary:hover{background:#cbff70!important;border-color:#cbff70!important;color:#0b1408!important}
html body .ggl-offer-list a:focus-visible,html body .ggl-listed-prices a:focus-visible,html body .ggl-package-options a:focus-visible{outline:2px solid #f7fbf4!important;outline-offset:3px}

.ggl-offer-item small,.ggl-listed-price small{font-size:.72rem;line-height:1.4;color:#98a79e;max-width:none!important;padding-left:2px}
.ggl-monitor-price-context{flex:0 0 100%;width:100%;font-size:.85rem}
.ggl-package-options{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin:12px 0}
.gst .ggl-listed-prices,.gb-tw .ggl-listed-prices{min-width:0!important;gap:8px!important}
.gst .ggl-listed-prices a.ggl-offer-button,.gst .ggl-listed-prices a.ggl-offer-check,.gb-tw .ggl-listed-prices a.ggl-offer-button,.gb-tw .ggl-listed-prices a.ggl-offer-check{min-height:38px!important;padding:6px 10px!important;font-size:.8rem!important}

/* "Read assessment" stays clearly visible, as a secondary outline button in the brand colour. */
html body #main .gb-wrap .gb-picks .gb-act a.lm-pick-assessment,html body .gb-picks .gb-act a.lm-pick-assessment,
html body .editorial-actions a.assessment-primary{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;box-sizing:border-box;
 background:transparent!important;color:#b8ff3d!important;-webkit-text-fill-color:#b8ff3d!important;border:1px solid rgba(184,255,61,.55)!important;border-radius:8px!important;
 padding:7px 12px!important;font-size:.84rem!important;font-weight:700!important;text-decoration:none!important}
html body #main .gb-wrap .gb-picks .gb-act a.lm-pick-assessment:hover,html body .gb-picks .gb-act a.lm-pick-assessment:hover,
html body .editorial-actions a.assessment-primary:hover{background:rgba(184,255,61,.08)!important;border-color:#b8ff3d!important}

@media(max-width:700px){
 html body .ggl-offer-list,html body .ggl-listed-prices{grid-column:1 / -1;gap:8px!important}
 /* Phones: the best price is full width; other retailers stay compact and wrap side by side. */
 html body .ggl-offer-item:has(a.ggl-offer-primary),html body .ggl-listed-price:has(a.ggl-offer-primary){flex:1 1 100%;width:100%!important}
 html body .ggl-offer-list a.ggl-offer-primary,html body .ggl-listed-prices a.ggl-offer-primary{width:100%!important}
 html body .ggl-offer-list a.ggl-offer-button:not(.ggl-offer-primary),html body .ggl-listed-prices a.ggl-offer-button:not(.ggl-offer-primary),
 html body .ggl-offer-list a.ggl-offer-check,html body .ggl-listed-prices a.ggl-offer-check{min-height:40px!important;padding:7px 12px!important;font-size:.85rem!important}
 html body #main .gb-wrap .gb-picks .gb-act a.lm-pick-assessment,html body .gb-picks .gb-act a.lm-pick-assessment{width:100%}
}
/* Sticky bar on phones: the button carries the price, e.g. "£449 at HotGolf ↗". */
html body #ggl-sticky-buy a.sb-b{max-width:64%;padding:0 14px;font-size:.9rem;font-weight:800;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:46px}

/* 4.20.11: retailers without a checked price, as one quiet line of text links. */
html body .ggl-offer-also{flex:0 0 100%;margin:2px 0 0!important;font-size:.8rem!important;line-height:1.6!important;color:#98a79e!important}
html body .ggl-offer-also a.ggl-offer-also-link{white-space:nowrap;color:#dfe8e1!important;font-weight:600;text-decoration:underline!important;text-decoration-color:#52645a!important;text-underline-offset:3px;background:none!important;border:0!important;padding:0!important;min-height:0!important;display:inline!important}
html body .ggl-offer-also a.ggl-offer-also-link:hover{color:#b8ff3d!important;text-decoration-color:currentColor!important}
/* Phones keep 44px tap targets for buttons and roomier text links. */
@media(max-width:700px){
 html body .ggl-offer-list a.ggl-offer-button,html body .ggl-listed-prices a.ggl-offer-button,html body .ggl-offer-list a.ggl-offer-check,html body .ggl-listed-prices a.ggl-offer-check{min-height:44px!important;font-size:.88rem!important;padding:9px 14px!important}
 html body #main .gb-wrap .gb-picks .gb-act a.lm-pick-assessment,html body .gb-picks .gb-act a.lm-pick-assessment{min-height:44px}
 html body .ggl-offer-also{font-size:.85rem!important;line-height:2!important}
}

/* 4.20.13: some older page styles force white text on every link inside cards (color and -webkit-text-fill-color).
   Pin each button's own text colour so it always contrasts with its background. */
html body #main .ggl-listed-prices a.ggl-offer-button.ggl-offer-primary,html body #main .ggl-offer-list a.ggl-offer-button.ggl-offer-primary,
html body .ggl-listed-prices a.ggl-offer-button.ggl-offer-primary,html body .ggl-offer-list a.ggl-offer-button.ggl-offer-primary{
 color:#0b1408!important;-webkit-text-fill-color:#0b1408!important;text-decoration:none!important}
html body #main .ggl-listed-prices a.ggl-offer-button:not(.ggl-offer-primary),html body #main .ggl-offer-list a.ggl-offer-button:not(.ggl-offer-primary),
html body #main .ggl-listed-prices a.ggl-offer-check.ggl-offer-check,html body #main .ggl-offer-list a.ggl-offer-check.ggl-offer-check,
html body .ggl-listed-prices a.ggl-offer-button:not(.ggl-offer-primary),html body .ggl-offer-list a.ggl-offer-button:not(.ggl-offer-primary),
html body .ggl-listed-prices a.ggl-offer-check.ggl-offer-check,html body .ggl-offer-list a.ggl-offer-check.ggl-offer-check{
 color:#e6efe8!important;-webkit-text-fill-color:#e6efe8!important;text-decoration:none!important}
html body #main .ggl-offer-also a.ggl-offer-also-link.ggl-offer-also-link,html body .ggl-offer-also a.ggl-offer-also-link.ggl-offer-also-link{
 color:#dfe8e1!important;-webkit-text-fill-color:#dfe8e1!important}
html body #main .ggl-listed-prices small,html body #main .ggl-offer-list small,html body #main .ggl-offer-also{-webkit-text-fill-color:currentColor}