/* ==========================================================
   PAZUDUŠĀS PĒRLES — V21 CLEANROOM
   Single production stylesheet. No historical overrides.
   ========================================================== */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#09070d;color:#f7f3fa;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
[id]{scroll-margin-top:96px}

/* ---------- Header ---------- */
.header{
 position:fixed;top:0;left:0;width:100%;z-index:100;
 border-bottom:1px solid transparent;
 transition:background-color .14s ease,border-color .14s ease
}
.header.scrolled{background:rgba(9,7,13,.97);border-color:rgba(255,255,255,.08)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-ball{
 width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(135deg,#ffc7ec,#ff76cf 50%,#8d66ff);
 color:#1a0e20;font-weight:900;font-size:14px;box-shadow:0 10px 30px rgba(255,117,207,.18)
}
.logo-text{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.12em;line-height:1.05}
.logo-text b{font-size:13px}.logo-text small{font-size:11px;color:#aa9fb2}
.pp-site-logo .pp-custom-logo{display:block;width:auto;height:50px;max-width:240px;object-fit:contain}
.pp-footer-logo .pp-custom-logo{height:42px;max-width:210px}
.navigation{display:flex;align-items:center;gap:24px}
.navigation a{font-size:14px;color:#d7cedd;transition:color .11s ease,transform .11s ease}
.navigation a:hover{color:#fff}
.nav-button{padding:12px 18px;background:#fff!important;color:#150c1a!important;border-radius:999px;font-weight:700}
.nav-button:hover{transform:translateY(-2px)}
.pp-instagram-link{
 display:inline-grid!important;place-items:center!important;width:38px!important;height:38px!important;
 padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.16)!important;
 background:rgba(255,255,255,.045)!important;color:#fff!important
}
.pp-instagram-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)!important}
.pp-instagram-link svg{width:17px;height:17px}
.menu-button{display:none;background:none;border:0;width:44px;height:44px;padding:10px}
.menu-button span{display:block;background:#fff;height:2px;margin:5px;border-radius:2px}

/* ---------- Hero ---------- */
.pp-native-hero{
 min-height:100vh!important;padding:145px 20px 80px!important;position:relative!important;overflow:hidden!important;
 background:
 radial-gradient(circle at 20% 12%,rgba(140,85,255,.18),transparent 26%),
 radial-gradient(circle at 86% 32%,rgba(255,97,192,.18),transparent 30%),
 linear-gradient(180deg,#100b16,#09070d)!important
}
.pp-native-hero:before,.pp-native-hero:after{display:none!important;content:none!important}
.pp-native-hero>.elementor-container{
 width:min(1180px,100%)!important;margin:auto!important;
 display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
 align-items:center!important;gap:40px!important;position:relative!important;z-index:2!important
}
.pp-native-hero>.elementor-container>.elementor-column{width:auto!important;min-width:0!important}
.pp-kicker,.kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}
.pp-native-hero .pp-hero-copy .elementor-widget-heading:first-of-type .elementor-heading-title{
 font-size:clamp(52px,7vw,96px)!important;line-height:.94!important;letter-spacing:-.055em!important;
 margin:0!important;font-weight:900!important
}
.pp-gradient{background:linear-gradient(90deg,#ffd4f0,#ff72ce,#8d66ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-native-hero .pp-hero-copy>.elementor-widget-text-editor{max-width:650px!important}
.pp-native-hero .pp-hero-copy>.elementor-widget-text-editor p{color:#b8adbf!important;font-size:18px!important;line-height:1.7!important}

/* Hero actions */
.pp-hero-actions{margin:34px 0 48px!important}
.pp-hero-actions>.elementor-container{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;flex-wrap:wrap!important
}
.pp-hero-actions>.elementor-container>.elementor-column{width:auto!important;flex:0 0 auto!important}
.pp-hero-actions .elementor-widget-button{width:auto!important;margin:0!important}
.pp-live-cta .elementor-button,
.pp-native-button .elementor-button{
 min-height:54px!important;padding:0 24px!important;border-radius:999px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 font-weight:800!important;cursor:pointer!important;filter:none!important;
 transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out,border-color .12s ease-out!important
}
.pp-live-primary .elementor-button,.pp-native-button.primary .elementor-button{
 background:linear-gradient(135deg,#ffd0ee,#ff79d1,#8e68ff)!important;
 color:#160d1b!important;box-shadow:0 15px 40px rgba(241,105,210,.20)!important
}
.pp-live-primary .elementor-button:hover,.pp-native-button.primary .elementor-button:hover{
 transform:translateY(-3px)!important;box-shadow:0 18px 46px rgba(241,105,210,.30)!important
}
.pp-live-ghost .elementor-button,.pp-native-button.ghost .elementor-button{
 border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.035)!important;color:#fff!important
}
.pp-live-ghost .elementor-button:hover,.pp-native-button.ghost .elementor-button:hover{
 transform:translateY(-3px)!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.24)!important
}

/* Hero facts */
.pp-facts>.elementor-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.pp-facts>.elementor-container>.elementor-column{width:auto!important}
.pp-facts .elementor-widget-wrap{border-top:1px solid rgba(255,255,255,.13)!important;padding:17px 0 0!important}
.pp-live-stat-title{
 font-size:24px!important;line-height:1.05!important;letter-spacing:-.02em!important;font-weight:900!important;color:#fff!important;margin:0!important
}
.pp-live-stat-copy,.pp-live-stat-copy *{
 font-size:11px!important;line-height:1.45!important;text-transform:uppercase!important;
 letter-spacing:.1em!important;color:#9f94a8!important;margin:0!important
}

/* Hero visual */
.pp-hero-art,.pp-hero-art>.elementor-widget-wrap{position:relative!important;overflow:visible!important}
.pp-hero-visual-frame,.pp-hero-image{position:relative!important;width:100%!important}
.pp-hero-visual-frame img,.pp-hero-image img{
 width:100%!important;height:auto!important;max-width:none!important;min-height:0!important;object-fit:contain!important;
 filter:none!important
}
/* Static premium pills — no mouse/parallax. */
.pp-live-badge{
 position:absolute!important;z-index:20!important;width:max-content!important;max-width:calc(100% - 20px)!important;
 margin:0!important;padding:0!important;transition:none!important
}
.pp-live-badge>.elementor-widget-container{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:10px 14px!important;border-radius:999px!important;
 border:1px solid rgba(255,255,255,.13)!important;background:rgba(12,8,16,.92)!important;
 box-shadow:0 9px 22px rgba(0,0,0,.22)!important
}
.pp-live-badge .elementor-heading-title{
 margin:0!important;color:#fff!important;font-size:10px!important;line-height:1!important;
 font-weight:900!important;letter-spacing:.17em!important;white-space:nowrap!important;text-transform:uppercase!important
}
.pp-live-badge-1{left:3%!important;top:14%!important;transform:translate(-18%,-50%)!important}
.pp-live-badge-2{right:-1%!important;top:47%!important;transform:translate(18%,-50%)!important}
.pp-live-badge-3{left:17%!important;bottom:7%!important;transform:translateY(35%)!important}

/* Ticker */
.pp-ticker-section{padding:0!important;background:#09070d!important}
.pp-marquee{overflow:hidden;border-block:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.pp-marquee-track{
 display:flex;gap:28px;align-items:center;width:max-content;padding:14px 0;
 animation:ppTicker 30s linear infinite;will-change:transform
}
.pp-marquee-track span{font-weight:900;font-size:12px;letter-spacing:.16em;white-space:nowrap}
.pp-marquee-track b{color:#ff76cf}
@keyframes ppTicker{to{transform:translate3d(-50%,0,0)}}

/* ---------- About / cards ---------- */
.pp-native-about{background:#f7f2f8!important;color:#17101c!important}
.pp-native-values{background:#f7f2f8!important}
.pp-native-values>.elementor-container{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;max-width:1180px!important
}
.pp-native-values>.elementor-container>.elementor-column{width:auto!important;height:100%!important}
.pp-value-card>.elementor-widget-wrap{
 height:100%!important;min-height:255px!important;padding:30px!important;
 background:rgba(255,255,255,.6)!important;border:1px solid #ded5e1!important;border-radius:24px!important
}

/* ---------- Identity pearl ---------- */
body:not(.elementor-editor-active) .pp-native-identity .pp-identity-media .elementor-widget-image,
body:not(.elementor-editor-active) .pp-native-identity .pp-identity-media .pp-identity-image{display:none!important}
.pp-native-identity .pp-identity-media>.elementor-widget-wrap{
 display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;border:0!important;overflow:visible!important
}
.pp-identity-pearl-wrap{width:min(355px,76vw);aspect-ratio:1;display:grid;place-items:center}
.pp-identity-pearl{
 --pp-shift:0px;
 width:82%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;isolation:isolate;
 background:
 radial-gradient(circle at 31% 23%,rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.68) 8%,transparent 20%),
 radial-gradient(circle at 50% 46%,#fffafd 0 7%,#f0e5f0 34%,#c8b7cf 66%,#7d6c84 100%);
 box-shadow:
 inset -50px -35px 66px rgba(24,11,32,.48),
 inset 29px 20px 52px rgba(255,255,255,.82),
 0 25px 60px rgba(218,119,209,.18)
}
/* Moving texture sheet = clear vertical-axis rotation illusion while sphere remains circular. */
.pp-identity-pearl:before{
 content:"";position:absolute;top:-4%;bottom:-4%;left:-35%;width:170%;
 background:
 linear-gradient(90deg,
  transparent 0 7%,rgba(133,102,162,.20) 12%,rgba(255,255,255,.74) 20%,
  rgba(255,142,216,.52) 27%,rgba(133,164,255,.36) 35%,transparent 44%,
  rgba(255,255,255,.62) 57%,rgba(255,159,223,.38) 65%,rgba(146,172,255,.28) 73%,transparent 84%);
 filter:blur(7px);mix-blend-mode:screen;opacity:.96;
 transform:translate3d(var(--pp-shift),0,0);will-change:transform
}
.pp-identity-pearl:after{
 content:"";position:absolute;inset:0;border-radius:50%;
 background:
 radial-gradient(circle at 31% 24%,rgba(255,255,255,.38),transparent 18%),
 linear-gradient(90deg,rgba(25,11,32,.46),transparent 25%,rgba(255,255,255,.06) 50%,transparent 73%,rgba(24,10,31,.48));
 mix-blend-mode:soft-light
}

/* ---------- Players ---------- */
.players{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important}
.pp-player-card{
 position:relative!important;background:#140e1a!important;border-radius:26px!important;overflow:hidden!important;
 border:1px solid rgba(255,255,255,.1)!important;transition:transform .16s ease,border-color .16s ease!important
}
.pp-player-card:hover{transform:translateY(-6px)!important;border-color:rgba(255,130,215,.34)!important}
.pp-player-photo{width:100%!important;height:350px!important;object-fit:cover!important}
.pp-player-base{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:19px!important}
.pp-player-base h3{font-size:15px!important;margin:0!important}.pp-player-base strong{font-size:18px!important;color:#ffc0e8!important}
.pp-player-popup{
 position:absolute!important;left:14px!important;right:14px!important;bottom:14px!important;z-index:8!important;
 padding:16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;
 background:rgba(14,9,18,.96)!important;color:#fff!important;
 opacity:0!important;transform:translateY(10px)!important;pointer-events:none!important;
 transition:opacity .16s ease,transform .16s ease!important
}
.pp-player-card:hover .pp-player-popup,.pp-player-card.is-open .pp-player-popup{
 opacity:1!important;transform:none!important;pointer-events:auto!important
}
.pp-player-popup-top{display:grid!important;grid-template-columns:.72fr 1.28fr!important;gap:12px!important;padding-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
.pp-player-popup small{display:block!important;font-size:9px!important;letter-spacing:.13em!important;color:#b8adbf!important;margin-bottom:4px!important}
.pp-player-popup b{font-size:12px!important;line-height:1.3!important}
.pp-player-season{font-size:10px!important;letter-spacing:.08em!important;color:#e9dce9!important;padding:11px 0 10px!important}
.pp-player-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.pp-player-stats>div{padding:8px 4px!important;border-radius:10px!important;background:rgba(255,255,255,.065)!important;text-align:center!important}
.pp-player-stats strong{display:block!important;font-size:15px!important}.pp-player-stats small{font-size:8px!important;margin-top:3px!important}

/* ---------- Games ---------- */
.games-list{display:grid!important;gap:12px!important}
.game{
 display:grid!important;grid-template-columns:110px 1fr 50px!important;align-items:center!important;gap:25px!important;
 padding:24px 26px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.11)!important;
 background:rgba(255,255,255,.025)!important;
 transition:opacity .14s ease,transform .14s ease,background-color .14s ease,border-color .14s ease!important
}
.games-list:hover .game:not(:hover){opacity:.48!important}
.game:hover{opacity:1!important;transform:translateX(8px)!important;background:rgba(255,255,255,.05)!important}
.game.pp-game-home{
 background:linear-gradient(90deg,rgba(255,117,207,.14),rgba(140,99,255,.05))!important;
 border-color:rgba(255,145,220,.24)!important
}

/* ---------- News ---------- */
.news-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.news-card{border-top:1px solid #d7cedb!important;padding-top:14px!important}
.news-card img,.news-art{height:260px!important;width:100%!important;object-fit:cover!important;border-radius:22px!important;margin-bottom:20px!important}
.news-card small{color:#964986!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:900!important}
.news-card h3{font-size:22px!important;line-height:1.35!important;margin:11px 0!important}
.news-card p{color:#6d6471!important;line-height:1.65!important}

/* ---------- Partners ---------- */
.pp-native-partners{background:#100b16!important;position:relative!important;overflow:hidden!important}
.pp-native-partners:after{
 content:"";position:absolute;width:650px;height:650px;border-radius:50%;
 background:radial-gradient(circle,rgba(151,86,255,.18),transparent 68%);
 right:-280px;top:-160px;pointer-events:none
}
.pp-native-partners>.elementor-container{
 display:grid!important;grid-template-columns:minmax(0,65fr) minmax(0,35fr)!important;
 gap:52px!important;align-items:center!important;max-width:1180px!important;position:relative!important;z-index:1!important
}
.pp-native-partners>.elementor-container>.elementor-column{width:auto!important;min-width:0!important}
.partner-showcase{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;width:100%!important}
.partner-main,.partner-small{
 --px:50%;--py:50%;position:relative!important;overflow:hidden!important;isolation:isolate!important;
 border:1px solid rgba(255,255,255,.11)!important;border-radius:20px!important;
 background:rgba(255,255,255,.035)!important;display:grid!important;place-items:center!important
}
.partner-main{grid-column:1/-1!important;height:132px!important;background:linear-gradient(145deg,rgba(255,117,207,.10),rgba(140,99,255,.08))!important}
.partner-small{height:88px!important}
.partner-main a,.partner-small a{
 position:relative!important;z-index:1!important;width:100%!important;height:100%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important
}
.partner-main .partner-logo{max-width:67%!important;max-height:82px!important;width:auto!important;height:auto!important}
.partner-small .partner-logo{max-width:72%!important;max-height:58px!important;width:auto!important;height:auto!important}
.partner-main:before,.partner-small:before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:radial-gradient(180px circle at var(--px) var(--py),rgba(255,255,255,.16),rgba(255,132,214,.055) 34%,transparent 72%);
 opacity:0;transition:opacity .12s ease
}
.partner-main:hover:before,.partner-small:hover:before{opacity:1}
.partner-main:hover .partner-logo,.partner-small:hover .partner-logo{filter:brightness(1.12)}
.pp-native-partners .elementor-widget-button .elementor-button{
 transition:transform .12s ease-out,box-shadow .12s ease-out!important;filter:none!important
}
.pp-native-partners .elementor-widget-button .elementor-button:hover{transform:translateY(-2px)!important;box-shadow:0 7px 18px rgba(0,0,0,.11)!important}

/* ---------- Contact ---------- */
.pp-native-contact>.elementor-container{
 display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
 gap:70px!important;align-items:center!important;max-width:1180px!important
}
.pp-native-contact>.elementor-container>.elementor-column{width:auto!important}
.pp-contact-form-widget>.elementor-widget-container{
 width:100%!important;border:1px solid rgba(25,13,28,.17)!important;border-radius:28px!important;
 background:rgba(255,255,255,.20)!important;padding:30px!important;box-shadow:0 18px 40px rgba(47,18,57,.10)!important
}
.pp-contact-form{display:grid!important;gap:18px!important}
.pp-form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.pp-contact-form input,.pp-contact-form textarea{
 width:100%!important;border:1px solid rgba(25,13,28,.15)!important;border-radius:15px!important;
 background:rgba(255,255,255,.34)!important;color:#170e1c!important;padding:14px 15px!important;font-size:15px!important;outline:none!important
}
.pp-contact-form textarea{min-height:132px!important;resize:vertical!important}
.pp-contact-form input::placeholder,.pp-contact-form textarea::placeholder{color:rgba(47,28,49,.53)!important;opacity:1!important}
.pp-contact-form input:focus::placeholder,.pp-contact-form textarea:focus::placeholder{opacity:0!important}
.pp-contact-form button{
 min-height:54px!important;border:0!important;border-radius:999px!important;padding:0 23px!important;
 background:#170e1c!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;
 transition:transform .12s ease-out!important
}
.pp-contact-form button:hover{transform:translateY(-2px)!important}

/* ---------- Footer ---------- */
footer{background:#09070d;border-top:1px solid rgba(255,255,255,.08);padding:28px 0 32px}
.footer-layout{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-layout p{color:#8f8497;font-size:12px}
.footer-layout>a:last-child{color:#cfc4d5;font-size:12px;transition:color .11s ease,transform .11s ease}
.footer-layout>a:last-child:hover{color:#fff;transform:translateY(-2px)}
.pp-footer-socials{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:14px auto 0!important}
.pp-footer-socials a{
 width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
 color:#ded5e1!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.035)!important;
 transition:transform .12s ease,background-color .12s ease,border-color .12s ease!important
}
.pp-footer-socials a:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.28)!important}
.pp-footer-socials svg{width:17px!important;height:17px!important}

/* ---------- Scroll pearl ---------- */
@media(min-width:768px){
 html{scrollbar-width:none}
 html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0}
}
.pp-scroll-progress{position:fixed;right:18px;top:18vh;height:64vh;width:12px;z-index:80;pointer-events:auto}
.pp-scroll-progress:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.16)}
.pp-scroll-pearl{
 position:absolute;left:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);
 background:radial-gradient(circle at 32% 27%,#fff,#ffeaf8 28%,#cdbbff 58%,#967cc5);
 box-shadow:0 0 12px rgba(240,210,255,.32);cursor:grab
}

/* ---------- Responsive ---------- */
@media(max-width:980px){
 .navigation{position:fixed;inset:84px 0 0;background:rgba(9,7,13,.99);display:none;flex-direction:column;align-items:stretch;padding:36px 28px;gap:18px}
 .navigation.open{display:flex}.navigation a{font-size:19px;padding:10px 0}.pp-instagram-link{margin-top:8px}
 .menu-button{display:block}
 .pp-native-hero>.elementor-container,.pp-native-contact>.elementor-container,.pp-native-partners>.elementor-container{grid-template-columns:1fr!important}
 .pp-hero-art{max-width:620px;margin:20px auto 0}
 .pp-native-values>.elementor-container{grid-template-columns:1fr!important}
 .players{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .news-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:767px){
 .container{width:min(100% - 28px,1180px)}
 .pp-scroll-progress{display:none}
 .pp-native-hero{min-height:auto!important;padding:110px 14px 90px!important}
 .pp-native-hero .pp-hero-copy .elementor-widget-heading:first-of-type .elementor-heading-title{font-size:49px!important}
 .pp-native-hero .pp-hero-copy>.elementor-widget-text-editor p{font-size:16px!important}
 .pp-facts>.elementor-container{grid-template-columns:1fr!important;gap:14px!important}
 .pp-live-badge-1{left:4%!important;top:17%!important;transform:none!important}
 .pp-live-badge-2{right:3%!important;top:48%!important;transform:none!important}
 .pp-live-badge-3{left:15%!important;bottom:7%!important;transform:none!important}
 .players,.news-grid{grid-template-columns:1fr!important}
 .pp-player-photo{height:430px!important}
 .game{grid-template-columns:70px 1fr 38px!important;padding:20px 15px!important;gap:14px!important}
 .games-list:hover .game:not(:hover){opacity:1!important}.game:hover{transform:none!important}
 .partner-showcase{grid-template-columns:1fr!important}.partner-main,.partner-small{grid-column:auto!important}
 .pp-form-row{grid-template-columns:1fr!important}
 .footer-layout{flex-direction:column;text-align:center}
 .pp-site-logo .pp-custom-logo{height:40px;max-width:180px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.pp-marquee-track{animation:none!important}
 *{transition-duration:.001ms!important}
}


/* FINAL HERO — direct Elementor classes, no JS classification */
.pp-native-hero .pp-native-button .elementor-button{
 min-height:54px!important;padding:0 24px!important;border-radius:999px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 font-weight:800!important;filter:none!important;will-change:auto!important;
 transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease!important
}
.pp-native-hero .pp-native-button.primary .elementor-button{
 background:linear-gradient(135deg,#ffd0ee,#ff79d1,#8e68ff)!important;color:#160d1b!important;
 box-shadow:0 15px 45px rgba(241,105,210,.22)!important
}
.pp-native-hero .pp-native-button.primary .elementor-button:hover{
 transform:translateY(-3px)!important;box-shadow:0 20px 55px rgba(241,105,210,.34)!important
}
.pp-native-hero .pp-native-button.ghost .elementor-button{
 border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.035)!important;color:#fff!important
}
.pp-native-hero .pp-native-button.ghost .elementor-button:hover{
 background:rgba(255,255,255,.08)!important;transform:translateY(-3px)!important
}

/* FINAL HERO FACTS — exact compact reference proportions */
.pp-native-hero .pp-facts>.elementor-container{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;max-width:680px!important
}
.pp-native-hero .pp-facts>.elementor-container>.elementor-column{
 width:auto!important;border-top:1px solid rgba(255,255,255,.13)!important;padding-top:17px!important
}
.pp-native-hero .pp-facts .elementor-widget-wrap{
 border:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:5px!important
}
.pp-native-hero .pp-stat-heading{margin:0!important}
.pp-native-hero .pp-stat-heading .elementor-heading-title{
 font-size:24px!important;line-height:1!important;letter-spacing:0!important;font-weight:900!important;margin:0!important
}
.pp-native-hero .pp-stat-text{margin:0!important}
.pp-native-hero .pp-stat-text,.pp-native-hero .pp-stat-text *{
 font-size:11px!important;line-height:1.45!important;text-transform:uppercase!important;
 letter-spacing:.1em!important;color:#9f94a8!important;margin:0!important
}

/* FINAL PILLS — style the classes saved in Elementor itself.
   They no longer depend on JS, so Elementor cannot make them disappear after load. */
.pp-native-hero .pp-badge{
 position:absolute!important;z-index:30!important;width:max-content!important;max-width:calc(100% - 20px)!important;
 margin:0!important;padding:0!important;background:transparent!important;border:0!important;transition:none!important
}
.pp-native-hero .pp-badge>.elementor-widget-container{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:10px 14px!important;border-radius:999px!important;
 border:1px solid rgba(255,255,255,.12)!important;background:rgba(12,8,16,.82)!important
}
.pp-native-hero .pp-badge .elementor-heading-title{
 margin:0!important;color:#fff!important;font-size:10px!important;line-height:1!important;
 font-weight:900!important;letter-spacing:.17em!important;white-space:nowrap!important;text-transform:uppercase!important
}
.pp-native-hero .pp-badge-1{left:3%!important;top:14%!important;right:auto!important;bottom:auto!important;transform:none!important}
.pp-native-hero .pp-badge-2{right:-1%!important;top:47%!important;left:auto!important;bottom:auto!important;transform:none!important}
.pp-native-hero .pp-badge-3{left:17%!important;bottom:7%!important;right:auto!important;top:auto!important;transform:none!important}


/* FINAL GAMES — matched to approved HTML reference */
.pp-native-games{background:linear-gradient(180deg,#110c17,#09070d)!important}
.pp-native-games .games-list{display:grid!important;gap:12px!important}
.pp-native-games .game{
 display:grid!important;grid-template-columns:110px 1fr 50px!important;align-items:center!important;gap:25px!important;
 padding:24px 26px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.11)!important;
 background:rgba(255,255,255,.025)!important;
 transition:transform .25s ease,background-color .25s ease,opacity .18s ease!important
}
.pp-native-games .game:hover{transform:translateX(8px)!important;background:rgba(255,255,255,.05)!important}
.pp-native-games .games-list:hover .game:not(:hover){opacity:.48!important}
.pp-native-games .game.pp-game-home{
 background:linear-gradient(90deg,rgba(255,117,207,.16),rgba(140,99,255,.08))!important;
 border-color:rgba(255,145,220,.27)!important
}
.pp-native-games .date{
 display:flex!important;align-items:baseline!important;gap:8px!important;
 border-right:1px solid rgba(255,255,255,.12)!important
}
.pp-native-games .date strong{font-size:42px!important;line-height:1!important;color:#fff!important}
.pp-native-games .date span{font-size:11px!important;letter-spacing:.13em!important;color:#ffb9e4!important}
.pp-native-games .match small{color:#ff77d0!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-size:11px!important}
.pp-native-games .match h3{font-size:22px!important;line-height:1.3!important;margin:8px 0!important;color:#fff!important}
.pp-native-games .match h3 em{font-style:normal!important;color:#746b7b!important}
.pp-native-games .match p{color:#a99eaf!important;margin:0!important}
.pp-native-games .game-arrow{
 width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;
 display:grid!important;place-items:center!important;font-size:20px!important
}
.pp-native-games .pp-season-banner{
 margin-top:35px!important;border-radius:28px!important;padding:35px!important;
 background:linear-gradient(135deg,#ffb3df,#ff78d0 45%,#8d66ff)!important;color:#160d1b!important
}


/* FINAL PEARL — all iridescence is clipped to the sphere */
.pp-identity-pearl{
 --pp-shift:0%;
 overflow:hidden!important;border-radius:50%!important;
 clip-path:circle(49.8% at 50% 50%)!important;-webkit-clip-path:circle(49.8% at 50% 50%)!important;
 contain:paint!important
}
.pp-identity-pearl:before{
 content:""!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 border-radius:50%!important;clip-path:circle(49.8% at 50% 50%)!important;-webkit-clip-path:circle(49.8% at 50% 50%)!important;
 background:
  radial-gradient(ellipse 20% 90% at calc(15% + var(--pp-shift)) 50%,rgba(255,255,255,.72),transparent 70%),
  radial-gradient(ellipse 24% 90% at calc(48% + var(--pp-shift)) 50%,rgba(255,137,215,.40),transparent 72%),
  radial-gradient(ellipse 20% 90% at calc(78% + var(--pp-shift)) 50%,rgba(131,166,255,.34),transparent 72%)!important;
 mix-blend-mode:screen!important;opacity:.9!important;filter:none!important;transform:none!important
}
.pp-identity-pearl:after{
 content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;
 clip-path:circle(49.8% at 50% 50%)!important;-webkit-clip-path:circle(49.8% at 50% 50%)!important;
 background:
  radial-gradient(circle at 30% 23%,rgba(255,255,255,.72),transparent 17%),
  linear-gradient(90deg,rgba(25,11,32,.48),transparent 25%,rgba(255,255,255,.04) 50%,transparent 73%,rgba(24,10,31,.50))!important;
 mix-blend-mode:soft-light!important;filter:none!important
}

.pp-footer-socials a:hover{transform:translateY(-3px)!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.30)!important}
.partner-main:before,.partner-small:before{transition:opacity .15s ease!important}
.partner-main:hover:before,.partner-small:hover:before{opacity:1!important}

/* =========================================================
   V23 FINAL STABILITY LAYER
   ========================================================= */

/* Hero facts — every heading in the three fact columns is compact.
   Inline JS below also enforces this after Elementor finishes rendering. */
.pp-native-hero .pp-facts>.elementor-container>.elementor-column .elementor-heading-title{
 font-size:19px!important;line-height:1.05!important;letter-spacing:-.02em!important;
 font-weight:900!important;margin:0!important
}
.pp-native-hero .pp-facts>.elementor-container>.elementor-column .elementor-widget-text-editor,
.pp-native-hero .pp-facts>.elementor-container>.elementor-column .elementor-widget-text-editor *{
 font-size:10px!important;line-height:1.35!important;letter-spacing:.05em!important;margin:0!important
}
.pp-native-hero .pp-facts>.elementor-container>.elementor-column .elementor-widget-wrap{
 display:flex!important;flex-direction:column!important;gap:5px!important
}

/* Hero buttons: crisp, immediate. */





/* Pearl: texture and highlight are strictly clipped to the round sphere. */
.pp-identity-pearl{
 --pp-tex:0%;
 position:relative!important;overflow:hidden!important;border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
 contain:paint!important
}
.pp-identity-pearl:before{
 content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
 background:
  repeating-radial-gradient(ellipse at calc(25% + var(--pp-tex)) 50%,
   rgba(255,255,255,.22) 0 7%,rgba(255,145,218,.16) 9% 16%,
   rgba(132,167,255,.13) 18% 25%,transparent 28% 40%),
  linear-gradient(90deg,
   rgba(255,255,255,.15),rgba(255,151,220,.24),rgba(137,169,255,.18),rgba(255,255,255,.12))!important;
 background-size:165% 100%!important;background-position:var(--pp-tex) 0!important;
 filter:none!important;mix-blend-mode:screen!important;opacity:.92!important;transform:none!important
}
.pp-identity-pearl:after{
 content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
 background:
  radial-gradient(circle at 29% 23%,rgba(255,255,255,.72),transparent 17%),
  radial-gradient(ellipse at 53% 55%,transparent 0 45%,rgba(85,55,95,.13) 72%,rgba(26,12,34,.38) 100%)!important;
 filter:none!important;mix-blend-mode:soft-light!important
}

/* News always has a visible image/banner area, even without a featured image. */
.news-card .news-art{
 display:block!important;height:260px!important;width:100%!important;border-radius:22px!important;
 margin-bottom:20px!important;overflow:hidden!important;
 background:
  radial-gradient(circle at 78% 20%,rgba(255,125,213,.34),transparent 25%),
  radial-gradient(circle at 22% 80%,rgba(138,102,255,.26),transparent 28%),
  linear-gradient(135deg,#1a1020,#25142b 45%,#120d19)!important;
 border:1px solid rgba(255,255,255,.10)!important
}
.news-card div.news-art{position:relative!important}
.news-card div.news-art:after{
 content:"PAZUDUŠĀS PĒRLES";position:absolute;left:22px;bottom:20px;
 font-size:11px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.74)
}

/* Contact anti-spam honeypot must never be visible. */
.pp-contact-form .pp-hp{
 position:absolute!important;left:-10000px!important;top:auto!important;
 width:1px!important;height:1px!important;opacity:0!important;
 overflow:hidden!important;pointer-events:none!important;padding:0!important;
 border:0!important;margin:0!important
}

@media(max-width:767px){
 
 
 
}

/* =========================================================
   V24 — STATIC PREMIUM PEARL
   No scroll texture / no fake rotation.
   ========================================================= */
.pp-identity-pearl{
 --pp-tex:0%!important;
 overflow:hidden!important;border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
 background:
  radial-gradient(circle at 29% 22%,rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.72) 9%,transparent 22%),
  radial-gradient(circle at 63% 62%,rgba(169,194,255,.24),transparent 34%),
  radial-gradient(circle at 38% 68%,rgba(255,164,221,.28),transparent 35%),
  radial-gradient(circle at 48% 44%,#fffafd 0 10%,#f0e5f0 35%,#c8b8d0 67%,#786980 100%)!important;
 box-shadow:
  inset -50px -36px 68px rgba(27,13,34,.47),
  inset 30px 22px 54px rgba(255,255,255,.82),
  0 24px 60px rgba(218,119,209,.16)!important
}
.pp-identity-pearl:before{
 content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
 background:
  radial-gradient(ellipse at 37% 29%,rgba(255,255,255,.58),transparent 18%),
  radial-gradient(ellipse at 54% 52%,rgba(255,138,215,.18),transparent 38%),
  radial-gradient(ellipse at 69% 63%,rgba(135,166,255,.16),transparent 36%)!important;
 mix-blend-mode:screen!important;filter:none!important;transform:none!important;opacity:.92!important
}
.pp-identity-pearl:after{
 content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
 background:
  linear-gradient(90deg,rgba(26,12,34,.40),transparent 26%,rgba(255,255,255,.05) 50%,transparent 72%,rgba(28,13,36,.43)),
  radial-gradient(circle at 29% 22%,rgba(255,255,255,.38),transparent 18%)!important;
 mix-blend-mode:soft-light!important;filter:none!important
}

/* =========================================================
   V25 — HIGH-QUALITY 3D PEARL ROTATION ILLUSION
   Sphere silhouette never rotates. Only projected surface
   meridians/speculars/shading move with scroll phase.
   ========================================================= */
.pp-identity-pearl{
 --pp-x1:18%;
 --pp-x2:50%;
 --pp-x3:82%;
 --pp-o1:.70;
 --pp-o2:.45;
 --pp-o3:.62;
 --pp-shadow-x:50%;
 --pp-rim-x:30%;
 position:relative!important;
 overflow:hidden!important;
 border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;
 -webkit-clip-path:circle(50% at 50% 50%)!important;
 contain:paint!important;
 background:
   radial-gradient(circle at 30% 22%,rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.72) 8%,transparent 20%),
   radial-gradient(circle at 44% 60%,rgba(255,153,218,.20),transparent 36%),
   radial-gradient(circle at 68% 63%,rgba(136,170,255,.18),transparent 36%),
   radial-gradient(circle at 50% 46%,#fffafd 0 9%,#f1e7f1 35%,#cab9d1 66%,#786a80 100%)!important;
 box-shadow:
   inset -52px -37px 70px rgba(25,11,33,.50),
   inset 30px 22px 55px rgba(255,255,255,.84),
   0 26px 64px rgba(218,119,209,.18)!important
}

/* Moving projected surface features. These are narrow vertical
   iridescent ellipses that travel across the sphere as if they
   were painted on its curved surface. */
.pp-identity-pearl:before{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;
 -webkit-clip-path:circle(50% at 50% 50%)!important;
 background:
   radial-gradient(ellipse 10% 88% at var(--pp-x1) 50%,
      rgba(255,255,255,var(--pp-o1)) 0 9%,
      rgba(255,151,219,calc(var(--pp-o1) * .72)) 22%,
      rgba(141,167,255,calc(var(--pp-o1) * .40)) 38%,
      transparent 72%),
   radial-gradient(ellipse 8% 86% at var(--pp-x2) 50%,
      rgba(255,255,255,var(--pp-o2)) 0 8%,
      rgba(255,179,230,calc(var(--pp-o2) * .58)) 25%,
      rgba(129,160,255,calc(var(--pp-o2) * .34)) 42%,
      transparent 72%),
   radial-gradient(ellipse 11% 90% at var(--pp-x3) 50%,
      rgba(255,255,255,var(--pp-o3)) 0 8%,
      rgba(244,144,220,calc(var(--pp-o3) * .62)) 23%,
      rgba(157,183,255,calc(var(--pp-o3) * .38)) 40%,
      transparent 72%),
   radial-gradient(ellipse 26% 72% at var(--pp-rim-x) 32%,
      rgba(255,255,255,.18),transparent 68%)!important;
 mix-blend-mode:screen!important;
 filter:none!important;
 opacity:1!important;
 transform:none!important;
 will-change:background!important
}

/* Terminator/shadow also shifts in the opposite direction.
   This is the part that makes it feel like a sphere, not just a shine. */
.pp-identity-pearl:after{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;
 -webkit-clip-path:circle(50% at 50% 50%)!important;
 background:
   radial-gradient(ellipse 72% 105% at var(--pp-shadow-x) 52%,
      transparent 0 47%,
      rgba(43,24,52,.08) 62%,
      rgba(24,11,31,.34) 82%,
      rgba(18,8,24,.47) 100%),
   radial-gradient(circle at 29% 21%,rgba(255,255,255,.35),transparent 17%)!important;
 mix-blend-mode:multiply!important;
 filter:none!important;
 transform:none!important;
 pointer-events:none!important
}

 .pp-native-hero .pp-hero-art:after{right:3%!important;top:48%!important}
 .pp-native-hero .pp-hero-art>.elementor-widget-wrap:after{left:15%!important;bottom:7%!important}
}

/* V27: originals hidden from first CSS paint; CSS pseudo pills remain visible. */

.pp-identity-pearl:before{
 display:block!important;content:""!important;
 position:absolute!important;left:-75%!important;top:-10%!important;
 width:250%!important;height:120%!important;border-radius:50%!important;
 background:
  radial-gradient(ellipse 9% 72% at 10% 49%,rgba(255,255,255,.34),transparent 67%),
  radial-gradient(ellipse 14% 84% at 22% 51%,rgba(245,144,218,.24),transparent 66%),
  radial-gradient(ellipse 8% 68% at 34% 48%,rgba(137,174,255,.22),transparent 66%),
  radial-gradient(ellipse 17% 92% at 47% 52%,rgba(255,255,255,.22),transparent 67%),
  radial-gradient(ellipse 11% 78% at 60% 48%,rgba(255,156,222,.23),transparent 65%),
  radial-gradient(ellipse 15% 88% at 73% 52%,rgba(139,169,255,.20),transparent 66%),
  radial-gradient(ellipse 8% 70% at 86% 49%,rgba(255,255,255,.30),transparent 65%),
  repeating-radial-gradient(ellipse at 50% 50%,
    rgba(255,255,255,.055) 0 3%,rgba(242,145,218,.05) 4% 7%,
    rgba(140,170,255,.045) 8% 11%,transparent 12% 18%)!important;
 transform:translate3d(var(--pp-marble-x),0,0)!important;
 mix-blend-mode:screen!important;opacity:.95!important;
 filter:blur(.25px)!important;pointer-events:none!important;
 will-change:transform!important
}
/* Fixed spherical shading: does NOT travel with scroll. */
.pp-identity-pearl:after{
 display:block!important;content:""!important;
 position:absolute!important;inset:0!important;border-radius:50%!important;
 background:
  radial-gradient(circle at 29% 22%,rgba(255,255,255,.58),transparent 15%),
  radial-gradient(ellipse at 48% 49%,transparent 0 48%,rgba(64,38,72,.08) 68%,rgba(25,11,32,.39) 100%),
  linear-gradient(90deg,rgba(27,13,35,.18),transparent 23%,transparent 72%,rgba(26,12,34,.25))!important;
 mix-blend-mode:soft-light!important;pointer-events:none!important
}
/* V28 replaces V26 canvas completely. */
.pp-identity-pearl>.pp-pearl-canvas{display:none!important}

/* =========================================================
   V29 — STRONG VISIBLE NACRE / MARBLE ROTATION
   ========================================================= */
.pp-identity-pearl{
 --pp-marble-x:0px!important;
 position:relative!important;
 overflow:hidden!important;
 border-radius:50%!important;
 clip-path:circle(50% at 50% 50%)!important;
 -webkit-clip-path:circle(50% at 50% 50%)!important;
 background:
  radial-gradient(circle at 30% 22%,rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.66) 9%,transparent 20%),
  radial-gradient(circle at 38% 58%,rgba(255,145,215,.26),transparent 34%),
  radial-gradient(circle at 70% 60%,rgba(128,166,255,.24),transparent 34%),
  radial-gradient(circle at 50% 45%,#fffafd 0 8%,#f2e7f1 34%,#d2bfd4 63%,#826e88 100%)!important;
 box-shadow:
  inset -58px -40px 76px rgba(26,12,34,.52),
  inset 34px 24px 62px rgba(255,255,255,.84),
  0 28px 70px rgba(218,119,209,.20)!important;
 contain:paint!important
}

/* Large organic marble sheet, much stronger and more visible than V28. */
.pp-identity-pearl:before{
 display:block!important;
 content:""!important;
 position:absolute!important;
 left:-85%!important;
 top:-15%!important;
 width:280%!important;
 height:130%!important;
 border-radius:50%!important;
 background:
  radial-gradient(ellipse 18% 92% at 7% 50%,rgba(255,255,255,.48) 0 10%,rgba(255,159,224,.28) 18%,transparent 62%),
  radial-gradient(ellipse 24% 78% at 18% 47%,rgba(126,160,255,.25) 0 9%,rgba(255,255,255,.18) 21%,transparent 60%),
  radial-gradient(ellipse 13% 96% at 31% 51%,rgba(255,123,211,.38) 0 11%,rgba(255,255,255,.20) 20%,transparent 62%),
  radial-gradient(ellipse 28% 86% at 46% 49%,rgba(255,255,255,.40) 0 9%,rgba(164,130,255,.22) 20%,transparent 64%),
  radial-gradient(ellipse 18% 94% at 59% 52%,rgba(131,171,255,.32) 0 10%,rgba(255,158,221,.20) 23%,transparent 62%),
  radial-gradient(ellipse 24% 80% at 72% 48%,rgba(255,133,214,.34) 0 10%,rgba(255,255,255,.18) 22%,transparent 62%),
  radial-gradient(ellipse 15% 98% at 84% 51%,rgba(255,255,255,.44) 0 9%,rgba(139,168,255,.24) 23%,transparent 62%),
  repeating-linear-gradient(102deg,
    rgba(255,255,255,.00) 0 7%,
    rgba(255,255,255,.07) 9%,
    rgba(255,145,217,.08) 12%,
    rgba(138,170,255,.07) 15%,
    rgba(255,255,255,.00) 19% 27%)!important;
 transform:translate3d(var(--pp-marble-x),0,0)!important;
 mix-blend-mode:screen!important;
 opacity:1!important;
 filter:none!important;
 pointer-events:none!important;
 will-change:transform!important
}

/* Fixed sphere lighting stays put so moving texture reads as rotation, not shine. */
.pp-identity-pearl:after{
 display:block!important;
 content:""!important;
 position:absolute!important;
 inset:0!important;
 border-radius:50%!important;
 background:
  radial-gradient(circle at 28% 20%,rgba(255,255,255,.72),transparent 16%),
  linear-gradient(90deg,
    rgba(25,11,33,.36) 0%,
    rgba(25,11,33,.08) 18%,
    transparent 36%,
    rgba(255,255,255,.05) 50%,
    transparent 64%,
    rgba(25,11,33,.12) 82%,
    rgba(25,11,33,.42) 100%),
  radial-gradient(ellipse at 50% 115%,rgba(28,13,36,.28),transparent 52%)!important;
 mix-blend-mode:soft-light!important;
 pointer-events:none!important;
 filter:none!important
}

/* V30: legacy theme-generated pearl disabled. New pearl comes only from PP Rotating Pearl widget. */
.pp-native-identity .pp-identity-pearl-wrap:not(.pp-widget-pearl-wrap){display:none!important}

/* =========================================================
   V31 FINAL — REAL ELEMENTOR PILLS ONLY
   No pseudo pills. No duplicate visual layer.
   ========================================================= */
.pp-native-hero .pp-badge{
 position:absolute!important;
 z-index:35!important;
 display:block!important;
 width:max-content!important;
 max-width:calc(100% - 20px)!important;
 margin:0!important;
 padding:0!important;
 background:transparent!important;
 border:0!important;
 opacity:1!important;
 visibility:visible!important;
 pointer-events:auto!important;
 will-change:transform!important
}
.pp-native-hero .pp-badge>.elementor-widget-container{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:auto!important;
 padding:10px 14px!important;
 border-radius:999px!important;
 border:1px solid rgba(255,255,255,.14)!important;
 background:rgba(12,8,16,.92)!important;
 box-shadow:0 9px 22px rgba(0,0,0,.22)!important;
 opacity:1!important;
 visibility:visible!important
}
.pp-native-hero .pp-badge .elementor-heading-title{
 margin:0!important;
 padding:0!important;
 color:#fff!important;
 font-size:10px!important;
 line-height:1!important;
 font-weight:900!important;
 letter-spacing:.17em!important;
 white-space:nowrap!important;
 text-transform:uppercase!important
}
.pp-native-hero .pp-badge-1{
 left:3%!important;
 top:14%!important;
 right:auto!important;
 bottom:auto!important;
 transform:translate3d(var(--pp-pill-x1,0px),var(--pp-pill-y1,0px),0)!important
}
.pp-native-hero .pp-badge-2{
 right:-1%!important;
 top:47%!important;
 left:auto!important;
 bottom:auto!important;
 transform:translate3d(var(--pp-pill-x2,0px),var(--pp-pill-y2,0px),0)!important
}
.pp-native-hero .pp-badge-3{
 left:17%!important;
 bottom:7%!important;
 right:auto!important;
 top:auto!important;
 transform:translate3d(var(--pp-pill-x3,0px),var(--pp-pill-y3,0px),0)!important
}

@media(max-width:767px){
 .pp-native-hero .pp-badge-1{
  left:4%!important;top:17%!important;
  transform:none!important
 }
 .pp-native-hero .pp-badge-2{
  right:3%!important;top:48%!important;
  transform:none!important
 }
 .pp-native-hero .pp-badge-3{
  left:15%!important;bottom:7%!important;
  transform:none!important
 }
}

/* =========================================================
   V32 — STATIC HERO PILLS + SIMPLE BUTTON HOVER
   ========================================================= */
.pp-native-hero .pp-badge-1,
.pp-native-hero .pp-badge-2,
.pp-native-hero .pp-badge-3{
 will-change:auto!important;
}
.pp-native-hero .pp-badge-1{
 transform:none!important;
}
.pp-native-hero .pp-badge-2{
 transform:none!important;
}
.pp-native-hero .pp-badge-3{
 transform:none!important;
}

/* Hero buttons: CSS only, no JS dependency */
.pp-native-hero .pp-native-button .elementor-button,
.pp-native-hero .elementor-widget-button .elementor-button{
 transition:
   transform .16s ease-out,
   box-shadow .16s ease-out,
   background-color .16s ease-out,
   border-color .16s ease-out!important;
 filter:none!important;
}
.pp-native-hero .pp-native-button .elementor-button:hover,
.pp-native-hero .elementor-widget-button .elementor-button:hover{
 transform:translateY(-2px)!important;
}
.pp-native-hero .pp-native-button.primary .elementor-button:hover{
 box-shadow:0 12px 28px rgba(241,105,210,.22)!important;
}
.pp-native-hero .pp-native-button.ghost .elementor-button:hover{
 background:rgba(255,255,255,.085)!important;
 border-color:rgba(255,255,255,.24)!important;
 box-shadow:0 7px 18px rgba(0,0,0,.14)!important;
}

/* =========================================================
   V32 — NEWS CARD HOVER
   Tasteful: slight lift + tiny scale + stronger frame/shadow.
   ========================================================= */
.pp-native-news .news-card{
 position:relative!important;
 transition:
   transform .18s cubic-bezier(.2,.7,.2,1),
   box-shadow .18s cubic-bezier(.2,.7,.2,1)!important;
 transform-origin:center center!important;
}
.pp-native-news .news-card:hover{
 transform:translateY(-5px) scale(1.015)!important;
 box-shadow:0 16px 34px rgba(31,14,36,.12)!important;
}
.pp-native-news .news-card .news-art,
.pp-native-news .news-card img{
 transition:
   transform .18s cubic-bezier(.2,.7,.2,1),
   border-color .18s ease,
   box-shadow .18s ease!important;
}
.pp-native-news .news-card:hover .news-art,
.pp-native-news .news-card:hover img{
 transform:scale(1.012)!important;
 box-shadow:0 10px 26px rgba(37,17,44,.10)!important;
}
.pp-native-news .news-card h3{
 transition:transform .18s ease,color .18s ease!important;
}
.pp-native-news .news-card:hover h3{
 transform:translateX(2px)!important;
}

/* Mobile: no scale hover weirdness */
@media(max-width:767px){
 .pp-native-news .news-card:hover{
  transform:none!important;
  box-shadow:none!important;
 }
 .pp-native-news .news-card:hover .news-art,
 .pp-native-news .news-card:hover img,
 .pp-native-news .news-card:hover h3{
  transform:none!important;
 }
}


/* =========================================================
   V33 — FULL RESPONSIVE PASS
   Desktop V32 remains unchanged.
   ========================================================= */

@media(max-width:980px){
  html,body{overflow-x:hidden!important}
  .container,.elementor-container{max-width:100%!important}

  .header .nav{
    min-height:74px!important;height:74px!important;padding-inline:18px!important
  }
  .menu-button{display:block!important;position:relative!important;z-index:120!important}
  .navigation{
    position:fixed!important;left:0!important;right:0!important;top:74px!important;bottom:0!important;
    z-index:110!important;display:none!important;flex-direction:column!important;align-items:stretch!important;
    gap:4px!important;padding:28px 22px 38px!important;background:rgba(9,7,13,.985)!important;overflow-y:auto!important
  }
  .navigation.open{display:flex!important}
  .navigation a{font-size:18px!important;padding:12px 4px!important;width:100%!important}
  .navigation .nav-button{margin-top:10px!important;text-align:center!important;padding:14px 18px!important}
  .pp-instagram-link{width:42px!important;height:42px!important;margin-top:12px!important}

  .pp-native-hero{min-height:auto!important;padding:112px 22px 72px!important}
  .pp-native-hero>.elementor-container{
    display:grid!important;grid-template-columns:1fr!important;gap:32px!important;width:100%!important
  }
  .pp-native-hero .pp-hero-copy,.pp-native-hero .pp-hero-art{width:100%!important;max-width:none!important}
  .pp-native-hero .pp-hero-copy{order:1!important}
  .pp-native-hero .pp-hero-art{order:2!important;width:min(620px,100%)!important;margin:0 auto!important}
  .pp-native-hero .pp-hero-copy .elementor-widget-heading:first-of-type .elementor-heading-title{
    font-size:clamp(48px,9vw,78px)!important
  }
  .pp-native-hero .pp-hero-copy>.elementor-widget-text-editor{max-width:680px!important}
  .pp-hero-actions>.elementor-container{justify-content:flex-start!important}
  .pp-facts{max-width:680px!important}

  .pp-native-values>.elementor-container{grid-template-columns:1fr!important;gap:14px!important}
  .pp-value-card>.elementor-widget-wrap{min-height:0!important}

  .pp-native-identity>.elementor-container{display:grid!important;grid-template-columns:1fr!important;gap:34px!important}
  .pp-native-identity>.elementor-container>.elementor-column{width:100%!important}

  .players{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}

  .pp-native-partners>.elementor-container{grid-template-columns:1fr!important;gap:36px!important}
  .partner-showcase{width:min(620px,100%)!important}

  .pp-native-contact>.elementor-container{grid-template-columns:1fr!important;gap:36px!important}

  .footer-layout{flex-wrap:wrap!important;justify-content:center!important;text-align:center!important}
}

@media(max-width:767px){
  body{font-size:16px!important}
  .container{width:calc(100% - 28px)!important}

  .pp-site-logo .pp-custom-logo{height:38px!important;max-width:170px!important}

  .pp-native-hero{padding:96px 14px 62px!important}
  .pp-native-hero>.elementor-container{gap:24px!important}
  .pp-native-hero .pp-hero-copy .elementor-widget-heading:first-of-type .elementor-heading-title{
    font-size:clamp(42px,13vw,58px)!important;line-height:.96!important;letter-spacing:-.045em!important
  }
  .pp-native-hero .pp-hero-copy>.elementor-widget-text-editor p{font-size:16px!important;line-height:1.6!important}

  .pp-hero-actions{margin:26px 0 34px!important}
  .pp-hero-actions>.elementor-container{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .pp-hero-actions>.elementor-container>.elementor-column,
  .pp-hero-actions .elementor-widget-button,
  .pp-hero-actions .elementor-widget-container{width:100%!important}
  .pp-native-hero .pp-native-button .elementor-button,
  .pp-native-hero .elementor-widget-button .elementor-button{width:100%!important;min-height:52px!important}

  .pp-native-hero .pp-hero-art{width:min(480px,100%)!important}
  .pp-hero-visual-frame img,.pp-hero-image img{width:100%!important;max-height:520px!important;object-fit:contain!important}

  .pp-native-hero .pp-badge{transform:none!important}
  .pp-native-hero .pp-badge-1{left:2%!important;top:13%!important}
  .pp-native-hero .pp-badge-2{right:2%!important;top:46%!important}
  .pp-native-hero .pp-badge-3{left:12%!important;bottom:5%!important}
  .pp-native-hero .pp-badge>.elementor-widget-container{padding:8px 10px!important}
  .pp-native-hero .pp-badge .elementor-heading-title{font-size:8px!important;letter-spacing:.13em!important}

  .pp-facts>.elementor-container{grid-template-columns:1fr!important;gap:12px!important}
  .pp-facts>.elementor-container>.elementor-column{width:100%!important}
  .pp-native-hero .pp-facts .elementor-widget-wrap{padding-top:12px!important}
  .pp-native-hero .pp-facts .elementor-heading-title{font-size:18px!important}
  .pp-native-hero .pp-facts .elementor-widget-text-editor,
  .pp-native-hero .pp-facts .elementor-widget-text-editor *{font-size:10px!important}

  .pp-marquee-track{gap:20px!important;padding:11px 0!important}
  .pp-marquee-track span{font-size:10px!important}

  .pp-native-about,.pp-native-values,.pp-native-identity,.pp-native-team,
  .pp-native-games,.pp-native-news,.pp-native-partners,.pp-native-contact{
    padding-left:14px!important;padding-right:14px!important
  }

  .pp-value-card>.elementor-widget-wrap{padding:22px!important;border-radius:20px!important}

  .pp-widget-pearl-wrap,.pp-identity-pearl-wrap{width:min(310px,84vw)!important;margin-inline:auto!important}

  .players{grid-template-columns:1fr!important;gap:14px!important}
  .pp-player-card{border-radius:22px!important}
  .pp-player-photo{height:min(112vw,470px)!important}
  .pp-player-popup{left:10px!important;right:10px!important;bottom:10px!important;padding:14px!important}
  .pp-player-popup-top{grid-template-columns:1fr!important}

  .pp-native-games .game{
    grid-template-columns:64px minmax(0,1fr) 34px!important;gap:12px!important;
    padding:17px 13px!important;border-radius:18px!important
  }
  .pp-native-games .date{display:block!important;border-right:1px solid rgba(255,255,255,.10)!important}
  .pp-native-games .date strong{font-size:30px!important}
  .pp-native-games .date span{display:block!important;font-size:9px!important;margin-top:4px!important}
  .pp-native-games .match small{font-size:9px!important}
  .pp-native-games .match h3{font-size:16px!important;line-height:1.25!important;margin:5px 0!important}
  .pp-native-games .match p{font-size:11px!important;line-height:1.4!important}
  .pp-native-games .game-arrow{width:32px!important;height:32px!important;font-size:16px!important}
  .pp-native-games .games-list:hover .game:not(:hover){opacity:1!important}
  .pp-native-games .game:hover{transform:none!important}
  .pp-native-games .pp-season-banner{padding:22px!important;border-radius:22px!important}

  .news-grid{grid-template-columns:1fr!important;gap:22px!important}
  .news-card img,.news-card .news-art{height:210px!important;border-radius:18px!important}
  .news-card h3{font-size:20px!important}
  .pp-native-news .news-card:hover{transform:none!important;box-shadow:none!important}

  .partner-showcase{grid-template-columns:1fr!important;gap:10px!important}
  .partner-main,.partner-small{grid-column:auto!important;height:96px!important;border-radius:16px!important}
  .partner-main{height:118px!important}
  .partner-main .partner-logo{max-height:72px!important}
  .partner-small .partner-logo{max-height:52px!important}

  .pp-contact-form-widget>.elementor-widget-container{padding:20px!important;border-radius:22px!important}
  .pp-form-row{grid-template-columns:1fr!important;gap:12px!important}
  .pp-contact-form input,.pp-contact-form textarea{font-size:16px!important}
  .pp-contact-form button{width:100%!important;justify-content:center!important}

  footer{padding:24px 14px 30px!important}
  .footer-layout{flex-direction:column!important;gap:14px!important}
  .pp-footer-socials{margin-top:4px!important}
}

@media(max-width:480px){
  .navigation{padding-inline:18px!important}
  .pp-native-hero{padding-top:92px!important}
  .pp-native-hero .pp-hero-copy .elementor-widget-heading:first-of-type .elementor-heading-title{
    font-size:clamp(38px,12vw,50px)!important
  }

  .pp-native-hero .pp-badge-1{left:0!important}
  .pp-native-hero .pp-badge-2{right:0!important}
  .pp-native-hero .pp-badge-3{left:7%!important}

  .pp-player-photo{height:118vw!important;max-height:450px!important}

  .pp-native-games .game{
    grid-template-columns:54px minmax(0,1fr) 28px!important;
    padding:15px 10px!important;gap:9px!important
  }
  .pp-native-games .date strong{font-size:27px!important}
  .pp-native-games .match h3{font-size:15px!important}
  .pp-native-games .game-arrow{width:28px!important;height:28px!important}
}

/* =========================================================
   V34 — GAMES OVERVIEW + RESULTS
   Existing game row visual language preserved.
   ========================================================= */
.pp-games-overview{
 display:grid!important;
 gap:32px!important;
}
.pp-games-group{
 display:grid!important;
 gap:12px!important;
}
.pp-games-group-head{
 display:flex!important;
 align-items:center!important;
 gap:14px!important;
 margin-bottom:2px!important;
 color:#ff9fda!important;
 font-size:10px!important;
 font-weight:900!important;
 letter-spacing:.18em!important;
}
.pp-games-group-head:after{
 content:""!important;
 height:1px!important;
 flex:1!important;
 background:rgba(255,255,255,.10)!important;
}
.pp-games-all-wrap{
 display:flex!important;
 justify-content:flex-end!important;
 margin-top:2px!important;
}
.pp-games-all{
 display:inline-flex!important;
 align-items:center!important;
 gap:10px!important;
 padding:12px 18px!important;
 border:1px solid rgba(255,255,255,.13)!important;
 border-radius:999px!important;
 font-size:11px!important;
 font-weight:900!important;
 letter-spacing:.12em!important;
 color:#fff!important;
 background:rgba(255,255,255,.035)!important;
 transition:transform .15s ease,background-color .15s ease,border-color .15s ease!important;
}
.pp-games-all:hover{
 transform:translateY(-2px)!important;
 background:rgba(255,255,255,.08)!important;
 border-color:rgba(255,255,255,.24)!important;
}
.pp-native-games .game-score,
.pp-games-page .game-score{
 min-width:82px!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-end!important;
 justify-content:center!important;
 gap:4px!important;
}
.pp-native-games .game-score strong,
.pp-games-page .game-score strong{
 color:#fff!important;
 font-size:24px!important;
 line-height:1!important;
 letter-spacing:-.04em!important;
 white-space:nowrap!important;
}
.pp-native-games .game-score span,
.pp-games-page .game-score span{
 color:#ff9fda!important;
 font-size:8px!important;
 font-weight:900!important;
 letter-spacing:.12em!important;
}

/* Dedicated /speles/ page */
.pp-games-page{
 min-height:100vh!important;
 background:linear-gradient(180deg,#100b16,#09070d)!important;
 color:#fff!important;
}
.pp-games-page-hero{
 padding:150px 0 62px!important;
 border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.pp-games-page-hero .kicker{
 color:#ff9fda!important;
}
.pp-games-page-hero h1{
 margin:8px 0 14px!important;
 font-size:clamp(54px,8vw,92px)!important;
 line-height:.95!important;
 letter-spacing:-.055em!important;
}
.pp-games-page-hero p{
 margin:0!important;
 max-width:650px!important;
 color:#aaa0b1!important;
 font-size:17px!important;
 line-height:1.6!important;
}
.pp-games-page-content{
 padding:56px 0 90px!important;
}
.pp-games-archive-group{
 display:grid!important;
 gap:14px!important;
 margin-bottom:48px!important;
}
.pp-games-page .games-list{
 display:grid!important;
 gap:12px!important;
}
.pp-games-page .game{
 display:grid!important;
 grid-template-columns:110px 1fr 92px!important;
 align-items:center!important;
 gap:25px!important;
 padding:24px 26px!important;
 border-radius:22px!important;
 border:1px solid rgba(255,255,255,.11)!important;
 background:rgba(255,255,255,.025)!important;
}
.pp-games-page .game.pp-game-home{
 background:linear-gradient(90deg,rgba(255,117,207,.14),rgba(140,99,255,.05))!important;
 border-color:rgba(255,145,220,.24)!important;
}
.pp-games-page .date{
 display:flex!important;
 align-items:baseline!important;
 gap:8px!important;
 border-right:1px solid rgba(255,255,255,.12)!important;
}
.pp-games-page .date strong{
 font-size:42px!important;
 line-height:1!important;
}
.pp-games-page .date span{
 color:#ffb9e4!important;
 font-size:11px!important;
 letter-spacing:.13em!important;
}
.pp-games-page .match small{
 color:#ff77d0!important;
 text-transform:uppercase!important;
 letter-spacing:.14em!important;
 font-size:10px!important;
}
.pp-games-page .match h3{
 margin:8px 0!important;
 color:#fff!important;
 font-size:21px!important;
 line-height:1.3!important;
}
.pp-games-page .match h3 em{
 color:#746b7b!important;
 font-style:normal!important;
}
.pp-games-page .match p{
 margin:0!important;
 color:#a99eaf!important;
}
.pp-games-page .game-arrow{
 width:42px!important;height:42px!important;
 border:1px solid rgba(255,255,255,.12)!important;
 border-radius:50%!important;
 display:grid!important;place-items:center!important;
 justify-self:end!important;
}

@media(max-width:767px){
 .pp-games-overview{gap:26px!important}
 .pp-games-all-wrap{justify-content:stretch!important}
 .pp-games-all{width:100%!important;justify-content:center!important}
 .pp-native-games .game-score,
 .pp-games-page .game-score{min-width:0!important}
 .pp-native-games .game-score strong,
 .pp-games-page .game-score strong{font-size:17px!important}
 .pp-native-games .game-score span,
 .pp-games-page .game-score span{display:none!important}

 .pp-games-page-hero{padding:110px 0 42px!important}
 .pp-games-page-hero h1{font-size:48px!important}
 .pp-games-page-content{padding:36px 0 64px!important}
 .pp-games-page .game{
  grid-template-columns:58px minmax(0,1fr) 54px!important;
  gap:10px!important;
  padding:16px 12px!important;
  border-radius:18px!important;
 }
 .pp-games-page .date{display:block!important}
 .pp-games-page .date strong{font-size:29px!important}
 .pp-games-page .date span{display:block!important;font-size:9px!important;margin-top:4px!important}
 .pp-games-page .match small{font-size:8px!important}
 .pp-games-page .match h3{font-size:15px!important;margin:5px 0!important}
 .pp-games-page .match p{font-size:10px!important}
}

/* =========================================================
   V35 — GAME ROW POLISH
   Keep result on the right, but guarantee it stays inside card.
   Upcoming rows no longer show a misleading arrow.
   ========================================================= */
.pp-native-games .game,
.pp-games-page .game{
 overflow:hidden!important;
 box-sizing:border-box!important;
}

/* Existing homepage row needs a real reserved score column. */
.pp-native-games .game{
 grid-template-columns:minmax(72px,110px) minmax(0,1fr) minmax(74px,92px)!important;
}
.pp-native-games .match,
.pp-games-page .match{
 min-width:0!important;
}
.pp-native-games .game-score,
.pp-games-page .game-score{
 width:100%!important;
 min-width:0!important;
 max-width:92px!important;
 box-sizing:border-box!important;
 justify-self:stretch!important;
 align-items:flex-end!important;
 padding-right:2px!important;
 overflow:hidden!important;
}
.pp-native-games .game-score strong,
.pp-games-page .game-score strong{
 max-width:100%!important;
 white-space:nowrap!important;
 font-variant-numeric:tabular-nums!important;
}
.pp-native-games .game-arrow,
.pp-games-page .game-arrow{
 display:none!important;
}

/* Upcoming game has no fake action icon. The empty third grid track
   simply preserves the same alignment as finished rows. */
.pp-native-games .pp-game-upcoming:after,
.pp-games-page .pp-game-upcoming:after{
 content:""!important;
 display:block!important;
 width:1px!important;
 height:1px!important;
 justify-self:end!important;
}

@media(max-width:767px){
 .pp-native-games .game,
 .pp-games-page .game{
   grid-template-columns:54px minmax(0,1fr) minmax(48px,62px)!important;
 }
 .pp-native-games .game-score,
 .pp-games-page .game-score{
   max-width:62px!important;
   padding-right:0!important;
 }
 .pp-native-games .game-score strong,
 .pp-games-page .game-score strong{
   font-size:16px!important;
   letter-spacing:-.03em!important;
 }
 .pp-native-games .pp-game-upcoming:after,
 .pp-games-page .pp-game-upcoming:after{
   width:1px!important;
 }
}

@media(max-width:480px){
 .pp-native-games .game,
 .pp-games-page .game{
   grid-template-columns:50px minmax(0,1fr) minmax(46px,58px)!important;
   gap:8px!important;
 }
 .pp-native-games .game-score,
 .pp-games-page .game-score{
   max-width:58px!important;
 }
 .pp-native-games .game-score strong,
 .pp-games-page .game-score strong{
   font-size:15px!important;
 }
}

/* V36 — PLAYER CAROUSEL */
.pp-native-team .players{
 display:flex!important;flex-wrap:nowrap!important;gap:16px!important;
 overflow-x:auto!important;overflow-y:hidden!important;
 scroll-snap-type:x proximity!important;scroll-behavior:smooth!important;
 overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;
 scrollbar-width:none!important;padding:4px 2px 18px!important;
 cursor:grab!important;user-select:none!important;
}
.pp-native-team .players::-webkit-scrollbar{display:none!important}
.pp-native-team .players.pp-dragging{cursor:grabbing!important;scroll-snap-type:none!important;scroll-behavior:auto!important}
.pp-native-team .players>.pp-player-card,
.pp-native-team .players>.player-card{
 flex:0 0 calc((100% - 48px)/4)!important;
 width:calc((100% - 48px)/4)!important;
 min-width:0!important;scroll-snap-align:start!important;user-select:none!important;
}
.pp-native-team .players img{-webkit-user-drag:none!important}

@media(max-width:980px){
 .pp-native-team .players>.pp-player-card,
 .pp-native-team .players>.player-card{
   flex:0 0 42%!important;width:42%!important;
 }
}
@media(max-width:767px){
 .pp-native-team .players{gap:12px!important;padding-bottom:14px!important}
 .pp-native-team .players>.pp-player-card,
 .pp-native-team .players>.player-card{
   flex:0 0 82%!important;width:82%!important;
 }
}
@media(max-width:480px){
 .pp-native-team .players>.pp-player-card,
 .pp-native-team .players>.player-card{
   flex-basis:86%!important;width:86%!important;
 }
}

/* =========================================================
   V37 — PLAYER CAROUSEL DATA + MOBILE SNAP POLISH
   ========================================================= */

/* Desktop keeps 4 cards visible, but ALL player cards remain in the row. */
.pp-native-team .players{
 scroll-snap-type:x proximity!important;
 scroll-padding-left:2px!important;
}

/* Mobile: native swipe with stronger card-to-card snap. */
@media(max-width:767px){
 .pp-native-team .players{
   scroll-snap-type:x mandatory!important;
   scroll-padding-left:0!important;
   overscroll-behavior-x:contain!important;
   -webkit-overflow-scrolling:touch!important;
 }
 .pp-native-team .players>.pp-player-card,
 .pp-native-team .players>.player-card{
   scroll-snap-align:start!important;
   scroll-snap-stop:normal!important;
 }
}

/* Small cue under carousel, subtle and non-interactive. */
.pp-native-team .players{
 position:relative!important;
}
@media(max-width:767px){
 .pp-native-team .players:after{
   content:"VELC, LAI REDZĒTU VAIRĀK →"!important;
   flex:0 0 auto!important;
   align-self:center!important;
   padding:0 18px!important;
   color:rgba(255,255,255,.38)!important;
   font-size:9px!important;
   font-weight:900!important;
   letter-spacing:.13em!important;
   white-space:nowrap!important;
   pointer-events:none!important;
 }
}

/* =========================================================
   V38 — definitive player carousel cleanup
   ========================================================= */

/* Never render the V37 end-of-carousel text cue. */
@media(max-width:767px){
 .pp-native-team .players:after{
   content:none!important;
   display:none!important;
 }
}

/* The UI shows 4 at once on desktop, but this does NOT limit data. */
@media(min-width:981px){
 .pp-native-team .players>.pp-player-card,
 .pp-native-team .players>.player-card{
   flex:0 0 calc((100% - 48px)/4)!important;
   width:calc((100% - 48px)/4)!important;
 }
}

/* Mobile keeps native momentum + clean card snapping. */
@media(max-width:767px){
 .pp-native-team .players{
   scroll-snap-type:x mandatory!important;
   -webkit-overflow-scrolling:touch!important;
   overscroll-behavior-x:contain!important;
 }
 .pp-native-team .players>.pp-player-card,
 .pp-native-team .players>.player-card{
   scroll-snap-align:start!important;
   scroll-snap-stop:normal!important;
 }
}