<p>The Champions League anthem playing live, the stadium lights on, and the biggest stars on the planet just a few meters away from you.</p>
<p>The UEFA Champions League Group Stage brings together the most anticipated fixtures in world football — and you don't have to watch them on TV. With ABSOLUT Sport, you get a complete premium sports-travel experience, from check-in to the final whistle.</p>
<p> </p>
<div class="abs-games" id="abs-games">
<details class="abs-collapse abs-game">
<summary class="abs-collapse__summary">
<span class="abs-game__match">
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">ATM</text></svg></span>
<span class="abs-game__vs">×</span>
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">MUN</text></svg></span>
<span class="abs-game__names">
<span class="abs-game__teams">Atlético de Madrid <span class="abs-game__x">x</span> Manchester United</span>
<span class="abs-game__date">Oct 13 · 4:00 PM · Estadio Metropolitano · Madrid, Spain</span>
</span>
</span>
<span class="abs-collapse__icon" aria-hidden="true"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
</summary>
<div class="abs-collapse__content">
<p class="abs-game__desc">Official tickets for <strong>Atlético de Madrid x Manchester United</strong> — Oct 13 · 4:00 PM · Estadio Metropolitano · Madrid, Spain. Choose your section and quantity to build your cart.</p>
<div class="abs-game__options">
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486246752569" data-price="350" data-match="Atlético de Madrid x Manchester United" data-cat="Upper Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Upper Long Side</span>
<span class="abs-opt__price">$350.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486246785337" data-price="435" data-match="Atlético de Madrid x Manchester United" data-cat="Lower Longside">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Longside</span>
<span class="abs-opt__price">$435.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486246818105" data-price="690" data-match="Atlético de Madrid x Manchester United" data-cat="Lower Longside Central">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Longside Central</span>
<span class="abs-opt__price">$690.00</span>
</span>
</label>
</div>
</div>
</details>
<details class="abs-collapse abs-game">
<summary class="abs-collapse__summary">
<span class="abs-game__match">
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">MCI</text></svg></span>
<span class="abs-game__vs">×</span>
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">PSG</text></svg></span>
<span class="abs-game__names">
<span class="abs-game__teams">Manchester City <span class="abs-game__x">x</span> Paris Saint-Germain</span>
<span class="abs-game__date">Oct 14 · 4:00 PM · City of Manchester Stadium · Manchester</span>
</span>
</span>
<span class="abs-collapse__icon" aria-hidden="true"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
</summary>
<div class="abs-collapse__content">
<p class="abs-game__desc">Official tickets for <strong>Manchester City x Paris Saint-Germain</strong> — Oct 14 · 4:00 PM · City of Manchester Stadium · Manchester. Choose your section and quantity to build your cart.</p>
<div class="abs-game__options">
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486246850873" data-price="360" data-match="Manchester City x Paris Saint-Germain" data-cat="Corner Longside (Lounge access)">
<span class="abs-opt__body">
<span class="abs-opt__cat">Corner Longside (Lounge access)</span>
<span class="abs-opt__price">$360.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486246883641" data-price="470" data-match="Manchester City x Paris Saint-Germain" data-cat="Mid Longside (Lounge access)">
<span class="abs-opt__body">
<span class="abs-opt__cat">Mid Longside (Lounge access)</span>
<span class="abs-opt__price">$470.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486246916409" data-price="690" data-match="Manchester City x Paris Saint-Germain" data-cat="Hospitality">
<span class="abs-opt__body">
<span class="abs-opt__cat">Hospitality</span>
<span class="abs-opt__price">$690.00</span>
</span>
</label>
</div>
</div>
</details>
<details class="abs-collapse abs-game">
<summary class="abs-collapse__summary">
<span class="abs-game__match">
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">PSG</text></svg></span>
<span class="abs-game__vs">×</span>
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">BAR</text></svg></span>
<span class="abs-game__names">
<span class="abs-game__teams">Paris Saint-Germain <span class="abs-game__x">x</span> Barcelona</span>
<span class="abs-game__date">Oct 20 · 4:00 PM · Parc des Princes · Paris</span>
</span>
</span>
<span class="abs-collapse__icon" aria-hidden="true"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
</summary>
<div class="abs-collapse__content">
<p class="abs-game__desc">Official tickets for <strong>Paris Saint-Germain x Barcelona</strong> — Oct 20 · 4:00 PM · Parc des Princes · Paris. Choose your section and quantity to build your cart.</p>
<div class="abs-game__options">
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486246949177" data-price="510" data-match="Paris Saint-Germain x Barcelona" data-cat="Upper Short Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Upper Short Side</span>
<span class="abs-opt__price">$510.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486246981945" data-price="545" data-match="Paris Saint-Germain x Barcelona" data-cat="Upper Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Upper Long Side</span>
<span class="abs-opt__price">$545.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247014713" data-price="580" data-match="Paris Saint-Germain x Barcelona" data-cat="Lower Longside">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Longside</span>
<span class="abs-opt__price">$580.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247047481" data-price="725" data-match="Paris Saint-Germain x Barcelona" data-cat="Lower Central Longside">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Central Longside</span>
<span class="abs-opt__price">$725.00</span>
</span>
</label>
</div>
</div>
</details>
<details class="abs-collapse abs-game">
<summary class="abs-collapse__summary">
<span class="abs-game__match">
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">BAY</text></svg></span>
<span class="abs-game__vs">×</span>
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">ARS</text></svg></span>
<span class="abs-game__names">
<span class="abs-game__teams">Bayern Munich <span class="abs-game__x">x</span> Arsenal</span>
<span class="abs-game__date">Oct 21 · 4:00 PM · Allianz Arena · Munich</span>
</span>
</span>
<span class="abs-collapse__icon" aria-hidden="true"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
</summary>
<div class="abs-collapse__content">
<p class="abs-game__desc">Official tickets for <strong>Bayern Munich x Arsenal</strong> — Oct 21 · 4:00 PM · Allianz Arena · Munich. Choose your section and quantity to build your cart.</p>
<div class="abs-game__options">
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247080249" data-price="615" data-match="Bayern Munich x Arsenal" data-cat="Upper Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Upper Long Side</span>
<span class="abs-opt__price">$615.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247113017" data-price="1305" data-match="Bayern Munich x Arsenal" data-cat="Lower Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Long Side</span>
<span class="abs-opt__price">$1,305.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247145785" data-price="1520" data-match="Bayern Munich x Arsenal" data-cat="Lower Central Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Central Long Side</span>
<span class="abs-opt__price">$1,520.00</span>
</span>
</label>
</div>
</div>
</details>
<details class="abs-collapse abs-game">
<summary class="abs-collapse__summary">
<span class="abs-game__match">
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">ATM</text></svg></span>
<span class="abs-game__vs">×</span>
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">BAY</text></svg></span>
<span class="abs-game__names">
<span class="abs-game__teams">Atlético de Madrid <span class="abs-game__x">x</span> Bayern Munich</span>
<span class="abs-game__date">Nov 3 · 5:00 PM · Estadio Metropolitano · Madrid, Spain</span>
</span>
</span>
<span class="abs-collapse__icon" aria-hidden="true"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
</summary>
<div class="abs-collapse__content">
<p class="abs-game__desc">Official tickets for <strong>Atlético de Madrid x Bayern Munich</strong> — Nov 3 · 5:00 PM · Estadio Metropolitano · Madrid, Spain. Choose your section and quantity to build your cart.</p>
<div class="abs-game__options">
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247178553" data-price="350" data-match="Atlético de Madrid x Bayern Munich" data-cat="Upper Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Upper Long Side</span>
<span class="abs-opt__price">$350.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247211321" data-price="365" data-match="Atlético de Madrid x Bayern Munich" data-cat="Lower Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Long Side</span>
<span class="abs-opt__price">$365.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247244089" data-price="690" data-match="Atlético de Madrid x Bayern Munich" data-cat="Lower Central Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Central Long Side</span>
<span class="abs-opt__price">$690.00</span>
</span>
</label>
</div>
</div>
</details>
<details class="abs-collapse abs-game">
<summary class="abs-collapse__summary">
<span class="abs-game__match">
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">BAR</text></svg></span>
<span class="abs-game__vs">×</span>
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">MCI</text></svg></span>
<span class="abs-game__names">
<span class="abs-game__teams">Barcelona <span class="abs-game__x">x</span> Manchester City</span>
<span class="abs-game__date">Dec 8 · 5:00 PM · Camp Nou · Barcelona, Catalonia</span>
</span>
</span>
<span class="abs-collapse__icon" aria-hidden="true"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
</summary>
<div class="abs-collapse__content">
<p class="abs-game__desc">Official tickets for <strong>Barcelona x Manchester City</strong> — Dec 8 · 5:00 PM · Camp Nou · Barcelona, Catalonia. Choose your section and quantity to build your cart.</p>
<div class="abs-game__options">
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247276857" data-price="525" data-match="Barcelona x Manchester City" data-cat="Short Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Short Side</span>
<span class="abs-opt__price">$525.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247309625" data-price="565" data-match="Barcelona x Manchester City" data-cat="Lower Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Long Side</span>
<span class="abs-opt__price">$565.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247342393" data-price="780" data-match="Barcelona x Manchester City" data-cat="Lower Central Long Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Lower Central Long Side</span>
<span class="abs-opt__price">$780.00</span>
</span>
</label>
</div>
</div>
</details>
<details class="abs-collapse abs-game">
<summary class="abs-collapse__summary">
<span class="abs-game__match">
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">ARS</text></svg></span>
<span class="abs-game__vs">×</span>
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">RMA</text></svg></span>
<span class="abs-game__names">
<span class="abs-game__teams">Arsenal <span class="abs-game__x">x</span> Real Madrid</span>
<span class="abs-game__date">Dec 9 · 5:00 PM · Arsenal Stadium · London, England</span>
</span>
</span>
<span class="abs-collapse__icon" aria-hidden="true"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
</summary>
<div class="abs-collapse__content">
<p class="abs-game__desc">Official tickets for <strong>Arsenal x Real Madrid</strong> — Dec 9 · 5:00 PM · Arsenal Stadium · London, England. Choose your section and quantity to build your cart.</p>
<div class="abs-game__options">
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247375161" data-price="1270" data-match="Arsenal x Real Madrid" data-cat="Short Side">
<span class="abs-opt__body">
<span class="abs-opt__cat">Short Side</span>
<span class="abs-opt__price">$1,270.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247407929" data-price="1445" data-match="Arsenal x Real Madrid" data-cat="Corner">
<span class="abs-opt__body">
<span class="abs-opt__cat">Corner</span>
<span class="abs-opt__price">$1,445.00</span>
</span>
</label>
</div>
</div>
</details>
<details class="abs-collapse abs-game">
<summary class="abs-collapse__summary">
<span class="abs-game__match">
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">MUN</text></svg></span>
<span class="abs-game__vs">×</span>
<span class="abs-crest" aria-hidden="true"><svg viewbox="0 0 48 56" xmlns="http://www.w3.org/2000/svg"><path d="M24 2 44 8v22c0 12-9 20-20 24C13 50 4 42 4 30V8L24 2Z" fill="#eef3f8" stroke="#155F97" stroke-width="2"></path><text x="24" y="34" text-anchor="middle" font-family="Barlow, Arial, sans-serif" font-size="13" font-weight="700" fill="#155F97">BAY</text></svg></span>
<span class="abs-game__names">
<span class="abs-game__teams">Manchester United <span class="abs-game__x">x</span> Bayern Munich</span>
<span class="abs-game__date">Jan 20 · 5:00 PM · Old Trafford · Manchester, England</span>
</span>
</span>
<span class="abs-collapse__icon" aria-hidden="true"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
</summary>
<div class="abs-collapse__content">
<p class="abs-game__desc">Official tickets for <strong>Manchester United x Bayern Munich</strong> — Jan 20 · 5:00 PM · Old Trafford · Manchester, England. Choose your section and quantity to build your cart.</p>
<div class="abs-game__options">
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247440697" data-price="285" data-match="Manchester United x Bayern Munich" data-cat="East Stand Tier 2 (Short Side Upper)">
<span class="abs-opt__body">
<span class="abs-opt__cat">East Stand Tier 2 (Short Side Upper)</span>
<span class="abs-opt__price">$285.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247473465" data-price="505" data-match="Manchester United x Bayern Munich" data-cat="East Stand Tier 1 (Short Side Lower)">
<span class="abs-opt__body">
<span class="abs-opt__cat">East Stand Tier 1 (Short Side Lower)</span>
<span class="abs-opt__price">$505.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247506233" data-price="505" data-match="Manchester United x Bayern Munich" data-cat="Upper Corner (Lounge access)">
<span class="abs-opt__body">
<span class="abs-opt__cat">Upper Corner (Lounge access)</span>
<span class="abs-opt__price">$505.00</span>
</span>
</label>
<label class="abs-opt">
<input type="radio" name="abs-ticket" value="54486247539001" data-price="795" data-match="Manchester United x Bayern Munich" data-cat="Suite Ticket">
<span class="abs-opt__body">
<span class="abs-opt__cat">Suite Ticket</span>
<span class="abs-opt__price">$795.00</span>
</span>
</label>
</div>
</div>
</details>
<div class="abs-bar" id="abs-bar" hidden>
<div class="abs-qty" role="group" aria-label="Quantity">
<button type="button" class="abs-qty__btn" id="abs-minus" aria-label="Decrease quantity">−</button>
<input type="text" class="abs-qty__input" id="abs-qty" value="1" inputmode="numeric" aria-label="Quantity" readonly>
<button type="button" class="abs-qty__btn" id="abs-plus" aria-label="Increase quantity">+</button>
</div>
<button type="button" class="abs-buy" id="abs-buy">
<span class="abs-buy__label">Go to checkout</span>
<span class="abs-buy__total" id="abs-total"></span>
</button>
</div>
</div>
<style>
.abs-games{display:flex;flex-direction:column;gap:12px;max-width:100%;margin:24px 0;font-family:"Barlow",Arial,sans-serif}
.abs-collapse{background:#fff;border:1px solid #e3e8ee;border-radius:12px;box-shadow:0 1px 3px rgba(21,95,151,.06);overflow:hidden}
.abs-collapse__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;-webkit-tap-highlight-color:transparent}
.abs-collapse__summary::-webkit-details-marker{display:none}
.abs-collapse__icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(21,95,151,.08);color:#155F97;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background-color .25s ease}
.abs-collapse__icon svg{width:16px;height:16px}
.abs-collapse[open]>.abs-collapse__summary .abs-collapse__icon{transform:rotate(180deg);background:#155F97;color:#fff}
.abs-collapse__content{padding:16px 18px 18px;border-top:1px solid #eef1f5}
.abs-game__match{display:flex;align-items:center;gap:10px;min-width:0}
.abs-crest{flex-shrink:0;width:32px;height:38px;display:inline-flex}
.abs-crest svg,.abs-crest img{width:100%;height:100%;object-fit:contain}
.abs-game__vs{color:#9aa7b4;font-weight:700;font-size:13px}
.abs-game__names{display:flex;flex-direction:column;min-width:0;margin-left:4px}
.abs-game__teams{font-size:15.5px;font-weight:700;color:#1a2733;line-height:1.25}
.abs-game__x{color:#9aa7b4;font-weight:600}
.abs-game__date{font-size:12.5px;font-weight:600;color:#155F97;margin-top:2px}
.abs-game__desc{margin:0 0 14px;color:#3d4a56;line-height:1.6;font-size:14.5px}
.abs-game__desc strong{color:#1a2733}
.abs-game__options{display:flex;flex-direction:column;gap:10px}
.abs-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid #e3e8ee;border-radius:10px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.abs-opt:hover{border-color:#b9cfe0}
.abs-opt input{accent-color:#155F97;width:18px;height:18px;flex-shrink:0;cursor:pointer}
.abs-opt__body{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%}
.abs-opt__cat{font-size:14.5px;font-weight:600;color:#1a2733}
.abs-opt__price{font-size:15px;font-weight:700;color:#155F97;white-space:nowrap}
.abs-opt:has(input:checked){border-color:#155F97;background:rgba(21,95,151,.05)}
.abs-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:12px 14px;border:1.5px solid #155F97;border-radius:10px;background:rgba(21,95,151,.05);animation:abs-bar-in .18s ease}
.abs-bar[hidden]{display:none}
@keyframes abs-bar-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.abs-qty{display:inline-flex;align-items:center;border:1.5px solid #d6dee6;border-radius:10px;background:#fff;overflow:hidden}
.abs-qty__btn{width:40px;height:44px;border:none;background:#fff;font-size:22px;line-height:1;color:#155F97;cursor:pointer;display:flex;align-items:center;justify-content:center}
.abs-qty__btn:disabled{color:#c3ccd4;cursor:not-allowed}
.abs-qty__input{width:44px;height:44px;border:none;text-align:center;font-size:16px;font-weight:700;color:#1a2733;background:#fff;-moz-appearance:textfield}
.abs-buy{display:inline-flex;flex:1 1 auto;min-width:180px;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:8px 22px;border:none;border-radius:10px;background:#155F97;color:#fff;font-family:inherit;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}
.abs-buy:hover:not(:disabled){background:#124f7f}
.abs-buy:disabled{background:#b6c3cf;cursor:not-allowed}
.abs-buy__label{font-size:15px}
.abs-buy__total{font-size:12.5px;font-weight:600;opacity:.9}
.abs-buy__total:empty{display:none}
.abs-collapse{interpolate-size:allow-keywords}
.abs-collapse::details-content{height:0;overflow:hidden;opacity:0;transition:height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,content-visibility .35s allow-discrete}
.abs-collapse[open]::details-content{height:auto;opacity:1}
@media (max-width:520px){.abs-game__teams{font-size:14px}}
</style>
<script>
(function(){
var root=document.getElementById("abs-games");
if(!root||root.dataset.absReady==="1")return;
root.dataset.absReady="1";
var GO_TO_CHECKOUT=false,MAX_QTY=10,MIN_QTY=1;
var bar=document.getElementById("abs-bar"),
qtyInput=document.getElementById("abs-qty"),minusBtn=document.getElementById("abs-minus"),
plusBtn=document.getElementById("abs-plus"),buyBtn=document.getElementById("abs-buy"),totalEl=document.getElementById("abs-total");
var usd=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"});
function sel(){return root.querySelector('input[name="abs-ticket"]:checked');}
function qty(){var n=parseInt(qtyInput.value,10);if(isNaN(n))n=MIN_QTY;return Math.min(MAX_QTY,Math.max(MIN_QTY,n));}
function render(){
var r=sel();
if(!r){bar.hidden=true;return;}
var label=r.closest("label");
if(label&&bar.previousElementSibling!==label){label.insertAdjacentElement("afterend",bar);}
bar.hidden=false;
var q=qty();qtyInput.value=q;minusBtn.disabled=q<=MIN_QTY;plusBtn.disabled=q>=MAX_QTY;
totalEl.textContent="Total: "+usd.format(Number(r.dataset.price)*q);
}
root.addEventListener("change",function(e){if(e.target&&e.target.name==="abs-ticket"){qtyInput.value=MIN_QTY;render();}});
minusBtn.addEventListener("click",function(){qtyInput.value=qty()-1;render();});
plusBtn.addEventListener("click",function(){qtyInput.value=qty()+1;render();});
buyBtn.addEventListener("click",function(){var r=sel();if(!r)return;var u="/cart/"+r.value+":"+qty();if(GO_TO_CHECKOUT)u+="?checkout";window.location.href=u;});
render();
})();
</script>
