html body main .article-body > #camper-pro-angebot{margin-top: 72px; margin-bottom: 72px;}
@media (max-width: 600px) {html body main .article-body > #camper-pro-angebot{margin-top: 48px; margin-bottom: 48px;}}
html body main #camper-pro-angebot .offer-copy > p.camper-price-extra-note{margin: -8px 0px 22px; font-size: 14px; line-height: 1.65; font-weight: 400; color: rgb(84, 108, 117);}
#camper-pro-angebot{scroll-margin-top: 110px;}
.camper-refined #camper-pro-angebot{background: rgb(245, 241, 232); border: 1px solid rgb(223, 211, 189); border-radius: 8px; padding: 30px;}
@media (max-width: 760px) {.camper-refined #camper-pro-angebot{padding: 20px;}}
body.camper-refined #camper-pro-angebot .camper-model-primary{background: transparent !important; border: 0px !important; box-shadow: none !important;}
body.camper-refined #camper-pro-angebot .camper-model-primary img{mix-blend-mode: normal; background: transparent !important;}
body.camper-refined #camper-pro-angebot .transporter-offer-actions{display: flex; flex-wrap: wrap; gap: 12px;}
body.camper-refined #camper-pro-angebot .transporter-offer-actions .button{min-height: 44px; font-weight: 700; background: linear-gradient(115deg, rgb(182, 141, 77), rgb(247, 233, 201), rgb(217, 190, 135)) !important; color: rgb(24, 45, 50) !important; border: 1px solid rgb(217, 190, 135) !important; border-radius: 6px !important; padding: 12px 20px !important; transition: none !important;}
body.camper-refined #camper-pro-angebot .transporter-offer-actions .button:nth-child(2){background: transparent !important; border-color: rgb(182, 155, 105) !important; color: rgb(40, 67, 75) !important;}
body.camper-refined #camper-pro-angebot .transporter-offer-actions .button:hover{background: rgb(197, 162, 99) !important; color: rgb(23, 45, 50) !important;}
/* Side-by-side Camper models; stacked on phones. */
html body main .camper-offer-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:64px 0;align-items:stretch}
html body main .camper-offer-pair>section{margin:0!important;min-width:0;padding:24px!important}
html body main .camper-offer-pair .offer-layout{display:block!important}
html body main .camper-offer-pair .offer-copy{padding:0!important;width:auto!important;min-width:0}
html body main .camper-offer-pair .camper-model-primary{float:none!important;width:100%!important;max-width:none!important;margin:18px 0!important}
html body main .camper-offer-pair .camper-model-primary img{width:100%!important;height:190px!important;object-fit:contain!important}
html body main .camper-offer-pair h2{font-size:26px!important;line-height:1.2!important;min-height:64px;margin:18px 0 12px!important}
html body main .camper-offer-pair .eyebrow{min-height:44px;display:block}
html body main .camper-offer-pair .transporter-offer-actions{flex-direction:column}
html body main .camper-offer-pair .button{white-space:normal;text-align:center}
@media(max-width:760px){html body main .camper-offer-pair{grid-template-columns:minmax(0,1fr);gap:24px;margin:40px 0}html body main .camper-offer-pair>section{padding:20px!important}html body main .camper-offer-pair h2{min-height:0}html body main .camper-offer-pair .eyebrow{min-height:0}}
/* Keep action rows level despite different equipment text lengths. */
@media(min-width:761px){
html body main .camper-offer-pair>section{display:flex;flex-direction:column}
html body main .camper-offer-pair .offer-layout{display:flex!important;flex:1;flex-direction:column}
html body main .camper-offer-pair .offer-copy{display:flex;flex:1;flex-direction:column}
html body main .camper-offer-pair .transporter-included{flex:1}
}

/* Gentle anchor navigation with room for the fixed header. */
html:has(body.camper-refined){scroll-behavior:smooth!important}
body.camper-refined #camper-pro-alternative{scroll-margin-top:110px}
@media(prefers-reduced-motion:reduce){html:has(body.camper-refined){scroll-behavior:auto!important}}