.hpsm-wrap,.hpsm-wrap *{box-sizing:border-box}.hpsm-wrap{background:var(--hpsm-bg);width:100%;padding:12px 0;font-family:Arial,Helvetica,sans-serif;color:var(--hpsm-text)}.hpsm-inner{max-width:var(--hpsm-max);margin:0 auto;padding:0 14px}.hpsm-head{margin:0 0 14px;border-bottom:1px solid #e9edf2}.hpsm-title{margin:0!important;font-size:26px!important;line-height:1.2!important;font-weight:500!important;color:var(--hpsm-text)!important}.hpsm-head span{display:block;width:56px;height:3px;background:var(--hpsm-accent);margin-top:10px}.hpsm-carousel{position:relative}.hpsm-track{display:flex;gap:var(--hpsm-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 14px;-ms-overflow-style:none;scrollbar-width:none}.hpsm-track::-webkit-scrollbar{display:none}.hpsm-card{flex:0 0 calc((100% - (var(--hpsm-gap) * (var(--hpsm-desk) - 1))) / var(--hpsm-desk));scroll-snap-align:start;background:var(--hpsm-card)!important;border:1px solid #e5e7eb!important;border-radius:var(--hpsm-radius)!important;padding:var(--hpsm-pad)!important;min-height:132px;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;position:relative;overflow:hidden}.hpsm-card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--hpsm-accent),#111827)}.hpsm-league{font-size:11px;font-weight:800;color:var(--hpsm-muted);text-transform:uppercase;margin-bottom:10px;letter-spacing:.35px}.hpsm-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.hpsm-team{text-align:center;min-width:0}.hpsm-team img{width:46px!important;height:46px!important;object-fit:contain!important;object-position:center!important;display:block!important;margin:0 auto 6px!important}.hpsm-team-name{display:block;font-size:13px;font-weight:800;line-height:1.15;color:var(--hpsm-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpsm-mid{text-align:center;min-width:48px}.hpsm-mid b{display:block;font-size:18px;line-height:1.1;color:var(--hpsm-text)}.hpsm-mid span{display:inline-flex;margin-top:6px;font-size:10px;font-weight:900;color:#fff;background:var(--hpsm-accent);border-radius:999px;padding:3px 6px}.hpsm-date{text-align:center;margin-top:12px;color:var(--hpsm-muted);font-size:12px;font-weight:700}.hpsm-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:999px;border:1px solid #e5e7eb!important;background:#fff!important;color:#111827!important;font-size:28px!important;line-height:1!important;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(15,23,42,.14);cursor:pointer}.hpsm-prev{left:-8px}.hpsm-next{right:-8px}@media(max-width:1024px){.hpsm-card{flex-basis:calc((100% - (var(--hpsm-gap) * (var(--hpsm-tab) - 1))) / var(--hpsm-tab))}}@media(max-width:640px){.hpsm-inner{padding:0 10px}.hpsm-title{font-size:22px!important}.hpsm-card{flex-basis:calc((100% - (var(--hpsm-gap) * (var(--hpsm-mob) - 1))) / var(--hpsm-mob));min-height:126px}.hpsm-nav{display:none}.hpsm-team img{width:42px!important;height:42px!important}.hpsm-mid b{font-size:16px}}

/* Dikey maç listesi */
.hpsm-vertical-wrap .hpsm-vlist{display:flex;flex-direction:column;gap:var(--hpsm-gap);width:100%}
.hpsm-vertical-wrap .hpsm-vrow{display:grid;grid-template-columns:48px minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:16px;background:var(--hpsm-card)!important;border:1px solid var(--hpsm-line)!important;border-radius:var(--hpsm-radius)!important;padding:13px 16px!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important;color:var(--hpsm-text)!important;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;border-left:4px solid transparent!important}
.hpsm-vertical-wrap .hpsm-vrow:hover{background:var(--hpsm-hover)!important;transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.09)!important;border-left-color:var(--hpsm-accent)!important}
.hpsm-vrank{width:36px;height:36px;border-radius:12px;background:var(--hpsm-accent)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:16px!important;font-weight:700!important;line-height:1!important}
.hpsm-vteam{display:flex;align-items:center;gap:10px;min-width:0}.hpsm-vaway{justify-content:flex-end;text-align:right}.hpsm-vteam img{width:var(--hpsm-logo)!important;height:var(--hpsm-logo)!important;object-fit:contain!important;object-position:center!important;display:block!important;flex:0 0 var(--hpsm-logo)!important}.hpsm-vteam-name{font-size:17px;font-weight:600;line-height:1.15;color:var(--hpsm-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hpsm-vcenter{text-align:center;min-width:0}.hpsm-vtime{display:block;font-size:18px;font-weight:700;color:var(--hpsm-text)!important;line-height:1.1}.hpsm-vcenter span{display:block;margin-top:4px;font-size:12px;font-weight:600;color:var(--hpsm-muted)!important}.hpsm-vcenter em{display:inline-flex;margin-top:5px;font-style:normal;font-size:11px;font-weight:700;color:#fff!important;background:var(--hpsm-accent)!important;border-radius:999px;padding:3px 8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.hpsm-vertical-wrap .hpsm-vrow{grid-template-columns:34px 1fr;grid-template-areas:"rank center" "home home" "away away";gap:10px;padding:12px!important}.hpsm-vrank{grid-area:rank;width:30px;height:30px;border-radius:10px;font-size:14px!important}.hpsm-vcenter{grid-area:center;text-align:left}.hpsm-vhome{grid-area:home}.hpsm-vaway{grid-area:away;justify-content:flex-start;text-align:left;flex-direction:row-reverse}.hpsm-vteam-name{font-size:15px}.hpsm-vteam img{width:34px!important;height:34px!important;flex-basis:34px!important}.hpsm-vtime{font-size:16px}.hpsm-vcenter em{font-size:10px}}


/* v1.0.4 Mobil dikey taşma düzeltmeleri */
.hpsm-wrap{overflow:hidden!important;max-width:100%!important}
.hpsm-inner{width:100%;max-width:min(var(--hpsm-max),100%)!important;overflow:hidden!important}
.hpsm-vertical-wrap .hpsm-vlist{max-width:100%;overflow:hidden!important}
.hpsm-vertical-wrap .hpsm-vrow{max-width:100%;min-width:0!important;overflow:hidden!important}
.hpsm-vteam,.hpsm-vcenter,.hpsm-vteam-name{min-width:0!important;max-width:100%!important}
@media(max-width:760px){
  .hpsm-vertical-wrap .hpsm-inner{padding-left:10px!important;padding-right:10px!important}
  .hpsm-vertical-wrap .hpsm-vrow{
    width:100%!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    grid-template-areas:"rank center" "home home" "away away"!important;
    gap:8px 10px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  .hpsm-vrank{grid-area:rank;width:28px!important;height:28px!important;border-radius:9px!important;font-size:13px!important;flex:none!important}
  .hpsm-vcenter{grid-area:center;text-align:left!important;display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;line-height:1!important}
  .hpsm-vcenter span,.hpsm-vcenter em{margin-top:0!important}
  .hpsm-vhome{grid-area:home!important}
  .hpsm-vaway{grid-area:away!important;justify-content:flex-start!important;text-align:left!important;flex-direction:row!important}
  .hpsm-vteam{width:100%!important;gap:8px!important;overflow:hidden!important}
  .hpsm-vteam img{width:32px!important;height:32px!important;flex:0 0 32px!important}
  .hpsm-vteam-name{font-size:14px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
  .hpsm-vtime{font-size:15px!important}
  .hpsm-vcenter span{font-size:11px!important}
  .hpsm-vcenter em{font-size:10px!important;padding:2px 7px!important}
}
@media(max-width:380px){
  .hpsm-vertical-wrap .hpsm-inner{padding-left:8px!important;padding-right:8px!important}
  .hpsm-vteam-name{font-size:13px!important}
  .hpsm-vteam img{width:30px!important;height:30px!important;flex-basis:30px!important}
  .hpsm-vcenter{gap:5px!important}
}


/* v1.0.5 Ok görünümü ve dikey mobil ortalama düzeltmesi */
.hpsm-carousel{overflow:visible!important}
.hpsm-nav{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:46px!important;
  height:46px!important;
  border-radius:999px!important;
  border:0!important;
  background:#fff!important;
  color:#111827!important;
  font-size:30px!important;
  font-weight:600!important;
  box-shadow:0 12px 30px rgba(15,23,42,.18)!important;
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease,box-shadow .22s ease!important;
}
.hpsm-carousel:hover .hpsm-nav,
.hpsm-carousel:focus-within .hpsm-nav{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.hpsm-nav:hover{
  transform:translateY(-50%) scale(1.06)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.24)!important;
}
.hpsm-prev{left:-18px!important}
.hpsm-next{right:-18px!important}
.hpsm-prev::before,.hpsm-next::before{display:none!important}

@media(max-width:640px){
  .hpsm-nav{display:flex!important;width:40px!important;height:40px!important;font-size:26px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .hpsm-carousel:hover .hpsm-nav,
  .hpsm-carousel:focus-within .hpsm-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .hpsm-prev{left:4px!important}
  .hpsm-next{right:4px!important}
}

@media(max-width:760px){
  .hpsm-vertical-wrap .hpsm-vrow{
    grid-template-columns:1fr!important;
    grid-template-areas:"center" "home" "away"!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .hpsm-vrank{display:none!important}
  .hpsm-vcenter{justify-content:center!important;text-align:center!important;width:100%!important}
  .hpsm-vhome,.hpsm-vaway{
    justify-content:center!important;
    text-align:center!important;
    flex-direction:row!important;
  }
  .hpsm-vteam{
    justify-content:center!important;
    text-align:center!important;
    width:100%!important;
  }
  .hpsm-vteam-name{
    text-align:center!important;
    max-width:calc(100% - 46px)!important;
  }
}