/* bein-sport page — calm sage/teal palette */
.bkw{--bt:#2f6f6a;--bt2:#3f8a83;--bs:#e8f2ef;--bs2:#f4f8f6;--bsand:#f7f1e6;--bc:#d98e6a;--bink:#1f3b3a;--bmut:#5b706d;--bl:#d6e5e0;
 margin:0 0 28px;padding:22px;border-radius:24px;background:linear-gradient(180deg,var(--bs2),var(--bsand));border:1px solid var(--bl);color:var(--bink)}
.bk-top h2{margin:0 0 6px;font-size:clamp(20px,3vw,26px);color:var(--bink)}
.bk-top p{margin:0 0 14px;color:var(--bmut)}
.bk-typ,.bk-dur{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.bk-typ button,.bk-dur button{font:600 14px var(--fh);border:1px solid var(--bl);background:#fff;color:var(--bink);padding:9px 14px;border-radius:999px;cursor:pointer;flex:0 1 auto}
.bk-typ button[aria-pressed="true"]{background:var(--bt);border-color:var(--bt);color:#fff}
.bk-dur button[aria-pressed="true"]{background:var(--bc);border-color:var(--bc);color:#fff}
.bk-offer{background:#fff;border:1px dashed var(--bt2);color:var(--bt);border-radius:14px;padding:9px 12px;font-size:14px;margin:4px 0 16px}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.bk{background:#fff;border:1px solid var(--bl);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px -18px rgba(31,59,58,.5)}
.bk.hot{border-color:var(--bt2);box-shadow:0 10px 30px -16px rgba(47,111,106,.55)}
.bk-h{padding:16px 16px 12px;background:var(--bs)}
.bk.hot .bk-h{background:linear-gradient(135deg,#dcefe9,#eef6f2)}
.bk-tag{display:inline-block;font-size:12px;font-weight:600;background:#fff;color:var(--bt);border:1px solid var(--bl);border-radius:999px;padding:3px 10px;margin-bottom:8px}
.bk-h h3{margin:0 0 6px;font-size:17px;color:var(--bink)}
.bk-h p{margin:0;font-size:13.5px;color:var(--bmut);line-height:1.7}
.bk-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.bk-pk{display:flex;gap:6px}
.bk-pk button{flex:1;font:600 13px var(--fh);border:1px solid var(--bl);background:var(--bs2);color:var(--bink);border-radius:12px;padding:7px 6px;cursor:pointer}
.bk-pk button[aria-pressed="true"]{background:var(--bt);color:#fff;border-color:var(--bt)}
.bk-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.bk-price strong{font-size:34px;line-height:1;color:var(--bt)}
.bk-price small{font-weight:600;color:var(--bt)}
.bk-price s{color:#9aa7a4;font-size:14px}
.bk-price em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--bc);border-radius:8px;padding:2px 7px}
.bk-per{font-size:13px;color:var(--bmut)}
.bk ul{margin:4px 0 6px;padding:0;list-style:none;font-size:13.5px}
.bk li{padding:3px 22px 3px 0;position:relative;color:var(--bink)}
.bk li:before{content:"";position:absolute;right:4px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--bt2)}
.bk-pay{margin-top:auto;display:block;text-align:center;background:var(--bt);color:#fff!important;text-decoration:none!important;font-weight:700;border-radius:14px;padding:11px 10px}
.bk-pay:hover{background:var(--bt2)}
.bk-note{font-size:13px;color:var(--bmut);margin:14px 0 0}
.pg-bein .prose .note{background:#fff6ee;border-right:4px solid #d98e6a;border-radius:12px;padding:12px 14px}
@media(max-width:600px){.bkw{padding:16px 12px;margin:20px -4px}.bk-typ button{flex:1 1 30%;padding:9px 6px;font-size:13px}.bk-dur button{flex:1 1 20%}.bk-grid{grid-template-columns:1fr}}