/* /for-hotels/: the hotel partner programme and the widget builder (on top of hotels.css). */
.fh-hero{background:var(--ht-navy);color:var(--ht-cream);padding-block:70px 76px;overflow:hidden}
.fh-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.fh-hero .eyebrow{color:var(--ht-brass-2);margin:0 0 20px}
.fh-hero h1{font-size:clamp(46px,5.8vw,92px);line-height:.95;letter-spacing:-.06em;margin:0 0 24px}
.fh-lead{font-size:17px;line-height:1.75;max-width:600px;color:#dfe3d8;margin:0 0 28px}
.fh-hero .text-link{color:var(--ht-cream)}
.fh-hero-photos{position:relative;min-height:380px}
.fh-photo{position:absolute;width:62%;height:auto;aspect-ratio:1.4;object-fit:cover;border:6px solid var(--ht-cream);box-shadow:10px 14px 30px #0008}
.fh-photo-0{top:0;left:0;transform:rotate(-4deg)}.fh-photo-1{top:28%;right:0;transform:rotate(3deg)}.fh-photo-2{bottom:0;left:12%;transform:rotate(-1deg);width:48%}
.fh-stub{position:absolute;right:4%;bottom:-6px;width:230px;background:var(--lime);color:var(--ht-navy);padding:16px 18px;border-radius:14px;transform:rotate(5deg);box-shadow:8px 10px 0 #0006}
.fh-stub-top{font:700 20px 'Courier New',monospace;margin:0 0 6px;letter-spacing:1px}.fh-stub-title{font-size:15px;font-weight:900;margin:0 0 4px}.fh-stub-note{font-size:11px;margin:0}
.fh-benefits{padding-block:68px}
.fh-benefits h2,.fh-how h2,.fh-builder h2{font-size:clamp(34px,4.2vw,58px);letter-spacing:-2.4px;line-height:1.04;margin:0 0 30px;max-width:900px}
.fh-benefit-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fh-benefit-list li{background:#fffdf5;border:1px solid var(--ht-line);border-radius:14px;padding:22px}
.fh-benefit-list span{font-family:Georgia,serif;font-size:40px;color:var(--ht-brass)}
.fh-benefit-list h3{font-size:20px;letter-spacing:-.5px;line-height:1.25;margin:8px 0 10px}.fh-benefit-list p{font-size:13px;line-height:1.75;margin:0}
.fh-how{background:var(--ht-cream);padding-block:64px}
.fh-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fh-steps li{counter-increment:s;border-top:3px solid var(--ht-navy);padding-top:14px}
.fh-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ht-navy);color:var(--lime);font-weight:900}
.fh-steps h3{font-size:18px;margin:12px 0 8px}.fh-steps p{font-size:13px;line-height:1.7;margin:0}
.fh-builder{padding-block:68px}
.fh-builder-intro{max-width:720px;font-size:15px;line-height:1.75;margin:-14px 0 26px}
.fh-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
.fh-builder-form label,.fh-code-label{display:block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 0 7px}
.fh-builder-form select{width:100%;height:46px;border:1px solid var(--ht-line);background:#f7f5ed;padding:0 12px;font-size:14px;margin-bottom:14px}
.fh-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fh-code-label{margin-top:12px}
.fh-code{width:100%;font:12px/1.5 'Courier New',monospace;padding:10px;border:1px solid var(--ht-navy);background:#1c2430;color:#e9fc82;resize:vertical}
.fh-copy{margin:4px 0 6px}
.fh-preview{position:sticky;top:90px}
.fh-preview-frame{border:1px solid var(--ht-line);border-radius:10px;overflow:hidden;background:#fff}
.fh-preview-frame iframe{display:block;width:100%;height:560px;border:0}
.fh-badge-preview{margin:14px 0 0}.fh-badge-preview img{display:block}
.fh-fine{font-size:11px;color:var(--muted);line-height:1.6}
.fh-cta{background:var(--lime);padding-block:50px}
.fh-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.fh-cta h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-1.8px;margin:0 0 10px}.fh-cta p{max-width:640px;font-size:14px;line-height:1.75;margin:0}
.fh-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.fh-cta .button-lime{background:var(--ht-navy);color:var(--lime)}
@media(max-width:1000px){.fh-hero-grid,.fh-builder-grid{grid-template-columns:1fr}.fh-preview{position:static}.fh-benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.fh-hero{padding-block:44px 60px}.fh-hero-photos{min-height:280px}.fh-benefit-list,.fh-steps{grid-template-columns:1fr}.fh-row{grid-template-columns:1fr 1fr}.fh-cta .wrap{flex-direction:column;align-items:flex-start}}