/* RetailHobby product spotlight refresh — concise, shopper-first pages. */
.product-grid { align-items: start; gap: clamp(28px, 4vw, 56px); }
.product-grid .conversion-info h1 {font-size: clamp(30px, 2.9vw, 41px); line-height:1.12; letter-spacing:-.045em; margin:12px 0 17px;}
.product-pitch {font-size:16px; color:#51665d; line-height:1.75; margin:0 0 23px;}
.selling-points {display:grid; gap:13px; margin-bottom:24px;}
.selling-point {border-left:3px solid #c6a45b; padding:3px 0 3px 15px;}
.selling-point strong {display:block; font-size:14px; color:#183d34; margin-bottom:3px;}
.selling-point span {display:block; font-size:13px; line-height:1.55; color:#66746b;}
.shopping-action {background:#f1f7f3; border:1px solid #d5e6db; border-radius:14px; padding:19px 20px;}
.shopping-action-heading {font-weight:800; font-size:15px; margin:0 0 13px; color:#214b3c;}
.shopping-action .btn {font-size:15px; padding:15px 20px;}
.single-affiliate-note {font-size:11px; color:#64766b; margin:11px 0 0; line-height:1.5;}
.product-editorial .cards {margin-top:26px;}
.product-editorial .card h3 {margin-top:0;}
.feature-prompt {padding:16px 19px; background:#f5f8f5; border-radius:12px; border:1px solid #e2eae4; color:#62746a; font-size:13px; line-height:1.6;}
.product-more p {font-size:15px; line-height:1.8; color:#63746a;}
.text-cta {font-weight:800; color:#155c48; text-decoration:none; display:inline-block; margin-top:10px;}
.text-cta:hover {text-decoration:underline;}
/* Mobile presentation: lead with the product picture, then a compact sales story. */
@media(max-width:850px) {.product-grid {gap:27px;} .selling-points {margin-bottom:18px;} .shopping-action {padding:18px;}}