﻿/* Compact commission estimator, shared by Home and Offers. */
.commission-offer{background:var(--color-hex-f1eee3)!important}.offers-section.commission-offer{display:block;grid-template-columns:none;padding-top:75px;padding-bottom:75px}
.commission-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:32px}.commission-heading>p{max-width:380px;margin:0}.inner-page #partner-experience .commission-heading h2,#partner-experience .commission-heading h2{font:400 clamp(32px,3.4vw,49px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:18px 0 0}
.commission-calculator{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--color-hex-c8b579);background:var(--color-surface)}
.commission-inputs{padding:35px 40px;margin:0}.commission-field{display:block;margin:0 0 28px}.commission-field>label,.commission-rate-label{display:block;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--color-hex-6a796a);margin-bottom:13px}
.commission-amount-row{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:16px;align-items:end}
.commission-calculator input[type=number],.commission-calculator select{width:100%;min-width:0;font:400 24px Georgia,serif;color:var(--color-brand-green);background:var(--color-transparent);border:0;border-bottom:1px solid var(--color-hex-bfc7b7);padding:10px 0 12px;border-radius:0;outline-offset:4px}
.commission-calculator select{font:12px 'DM Sans',sans-serif;height:50px;padding-right:12px}.commission-calculator input[type=number]:focus,.commission-calculator select:focus{outline:none;border-bottom:2px solid var(--color-hex-a27b22)}.commission-calculator input[aria-invalid=true]{border-bottom-color:var(--color-hex-a3492d)}
.commission-sale-label{display:block;font-size:10px;line-height:1.6;color:var(--color-hex-8c947f);min-height:16px;margin-top:9px}
.commission-rate-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:10px}.commission-rate-row .commission-rate-label{margin:0}.commission-percent-input{display:flex;align-items:center;gap:9px;width:100px}.commission-percent-input input{font-size:24px!important;text-align:right}.commission-percent-input>span{font:20px Georgia,serif;color:var(--color-hex-a7802c)}
.commission-calculator input[type=range]{display:block;width:100%;accent-color:var(--color-hex-a27b22);cursor:pointer;margin:16px 0 8px;height:20px}.commission-range-labels{display:flex;justify-content:space-between;color:var(--color-hex-8c947f);font-size:8px;letter-spacing:1px}
.commission-calculator-status{font-size:10px;color:var(--color-hex-9b4b32);line-height:1.7;min-height:0;margin:15px 0 0}.commission-calculator-status:empty{display:none}
.commission-result{position:relative;padding:38px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at 90% 10%,var(--color-hex-32765c33),var(--color-transparent) 65%),var(--color-forest);color:var(--color-hex-fffdf4);overflow:hidden}
.commission-result:before{content:'';position:absolute;width:230px;height:230px;border:1px solid var(--color-hex-d3b26720);border-radius:50%;right:-140px;top:-100px;pointer-events:none}.commission-result .eyebrow{color:var(--color-hex-e4bf64)}
.commission-result output{display:block;font:400 clamp(39px,4.2vw,63px)/1.15 Georgia,serif;letter-spacing:-2px;color:var(--color-hex-edcf87);margin:25px 0 12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.commission-formula{font-size:11px;line-height:1.8;color:var(--color-hex-b4c8b7);letter-spacing:.2px}.commission-result .site-button{--control-surface:var(--color-forest);--control-ink:var(--color-hex-edcf87);margin-top:25px}.inner-page #partner-experience .commission-result .commission-note,#partner-experience .commission-result .commission-note{font-size:9px;line-height:1.8;color:var(--color-hex-9bb7a3);max-width:350px;margin:22px 0 0}
.inner-page .offers-compact-hero{min-height:0;padding-top:145px;padding-bottom:45px;display:block}.inner-page .offers-compact-hero h1{font-size:clamp(45px,5vw,72px);margin:22px 0}.inner-page #partner-experience .offers-compact-hero p{max-width:680px;font-size:14px;margin:0}.inner-page .offers-calculator-section{padding-top:45px;padding-bottom:55px;background:var(--color-hex-f1eee3)}.offers-small-note{font-size:10px!important;line-height:1.8;margin:22px 0 0;max-width:none!important;color:var(--color-hex-7b8575)}
@media(max-width:1000px){.commission-inputs,.commission-result{padding:30px}.commission-result output{font-size:45px}.commission-heading{gap:30px}.commission-heading>p{max-width:330px;font-size:12px!important}}
@media(max-width:700px){.offers-section.commission-offer{padding-top:55px;padding-bottom:55px}.commission-heading{display:block;margin-bottom:26px}.commission-heading>p{max-width:none;margin-top:20px;font-size:12px!important}.commission-calculator{grid-template-columns:1fr}.commission-inputs,.commission-result{padding:28px 25px}.commission-field{margin-bottom:23px}.commission-result output{font-size:47px;margin-top:20px}.commission-amount-row{grid-template-columns:minmax(0,1fr) 110px}.commission-result .site-button{margin-top:22px}.inner-page .offers-compact-hero{padding-top:125px;padding-bottom:35px}.inner-page .offers-compact-hero h1{font-size:43px}.inner-page #partner-experience .offers-compact-hero p{font-size:12px;line-height:1.8}.inner-page .offers-calculator-section{padding-top:30px;padding-bottom:40px}}

/* A short bridge from the programme introduction into the live calculator. */
.inner-page .earning-examples{padding-top:45px;padding-bottom:35px;background:var(--color-hex-fffefa)}
.earning-examples-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:25px}.inner-page #partner-experience .earning-examples-heading h2{font:400 36px/1.12 Georgia,serif;letter-spacing:-1px;margin:15px 0 0}.inner-page #partner-experience .earning-examples-heading p{font-size:12px;line-height:1.8;max-width:350px;margin:0}
.earning-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.earning-example-grid article{min-width:0}
#partner-experience .site-button.commission-example{display:grid!important;grid-template-columns:1fr 1fr;justify-items:start;align-items:center;gap:12px 15px;padding:25px!important;width:100%;height:100%;text-align:left;--control-surface:var(--color-canvas);--control-ink:var(--color-brand-green)}
.example-sale-label,.example-share-label{font-size:7px;letter-spacing:1.2px;line-height:1.6;opacity:.7}.example-sale-label{grid-column:1;grid-row:1}.example-sale{grid-column:1;grid-row:2;font:400 27px Georgia,serif;letter-spacing:-.7px}.example-share-label{grid-column:2;grid-row:1}.example-share{grid-column:2;grid-row:2;font:400 27px Georgia,serif;letter-spacing:-.7px}.example-action{grid-column:1/-1;width:100%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;margin-top:7px;padding-top:14px;border-top:1px solid var(--color-hex-c5b27766)}.example-action>span{font-size:16px;line-height:1}
.earning-example-note{display:block;margin-top:18px;font-size:8px;line-height:1.8;color:var(--color-hex-8a907f)}
@media(max-width:1000px){.earning-example-grid{gap:14px}#partner-experience .site-button.commission-example{padding:22px 19px!important;grid-template-columns:1fr}.example-sale-label,.example-sale,.example-share-label,.example-share{grid-column:1;grid-row:auto}.example-share-label{margin-top:8px}.example-sale,.example-share{font-size:28px}}
@media(max-width:700px){.inner-page .earning-examples{padding-top:32px;padding-bottom:28px}.earning-examples-heading{display:block;margin-bottom:22px}.inner-page #partner-experience .earning-examples-heading h2{font-size:32px}.inner-page #partner-experience .earning-examples-heading p{max-width:none;margin-top:18px;font-size:11px}.earning-example-grid{grid-template-columns:1fr;gap:12px}#partner-experience .site-button.commission-example{grid-template-columns:1fr 1fr;padding:20px 23px!important;gap:9px 15px}.example-sale-label{grid-column:1;grid-row:1}.example-sale{grid-column:1;grid-row:2}.example-share-label{grid-column:2;grid-row:1;margin:0}.example-share{grid-column:2;grid-row:2}.example-sale,.example-share{font-size:27px}.example-action{margin-top:3px;padding-top:11px}.earning-example-note{font-size:8px}}
