*{margin:0;padding:0;box-sizing:border-box}body{background:#3d3d3d;color:#f7f7f7;font-family:'Segoe UI',Roboto,Arial,sans-serif;line-height:1.6}.page{display:none}.page.active{display:block}.top-bar{background:#4a4a4a;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px;box-shadow:0 4px 20px rgba(0,0,0,.3);border-bottom:2px solid #674f96}.logo-section{display:flex;align-items:center;cursor:pointer;text-decoration:none}.logo-img{height:80px;width:auto;margin:0;border-radius:8px}.desktop-menu{display:none}.cart-link{position:relative;display:flex;align-items:center;gap:8px}.cart-count{position:absolute;top:-8px;right:-8px;background:#fff;color:#ea580c;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.lang-selector{margin-left:8px}#langSelect{padding:6px 12px;border-radius:8px;border:none;background:0 0;color:#fff;font-weight:700;cursor:pointer;font-size:.9rem;transition:all .3s}.lang-select-simple{padding:8px 12px;border-radius:8px;border:none;background:0 0;color:#fff;font-weight:600;cursor:pointer;font-size:.9rem}.lang-select-simple:hover{background:rgba(255,255,255,.1)}.lang-select-simple option{background:#3d3d3d;color:#fff}#langSelect:hover{background:rgba(255,255,255,.1)}#langSelect option{background:#3d3d3d;color:#fff}.mobile-menu{display:flex;align-items:center;gap:12px}.mobile-lang-icon-simple{font-size:1.4rem;cursor:pointer;transition:all .3s}.mobile-lang-icon-simple:hover{transform:scale(1.1)}.mobile-lang-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s}.mobile-lang-icon:hover{background:rgba(255,255,255,.3)}.hamburger{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:8px}.hamburger span{display:block;width:24px;height:3px;background:#fff;border-radius:2px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-bottom:1px solid #2a2a2a;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:999}.mobile-nav.active{display:block}.mobile-nav a{display:block;color:#fff;text-decoration:none;font-weight:700;padding:12px 16px;border-radius:8px;margin-bottom:8px;transition:all .3s}.mobile-nav a:hover{background:rgba(234,88,12,.2)}.mobile-lang-popup{display:none;position:fixed;top:64px;right:0;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid #2a2a2a;border-radius:12px;padding:16px;margin:10px;box-shadow:0 10px 40px rgba(0,0,0,.7);z-index:9999;min-width:200px}.mobile-lang-popup.active{display:block}.mobile-lang-popup select{width:100%;padding:10px;border-radius:8px;border:1px solid #2a2a2a;background:#0a0a0a;color:#fff;font-weight:700;font-size:1rem}.hero{position:relative;padding:80px 20px;text-align:center;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center;background:#4a4a4a}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#674f96,#932e76,#429bc3);opacity:.15}.hero-content{position:relative;z-index:1;max-width:900px}.hero h1{font-size:3.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(90deg,#674f96,#932e76,#429bc3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.hero p{font-size:1.25rem;color:#d1d5db;max-width:700px;margin:0 auto}.container{max-width:1280px;margin:0 auto;padding:40px 20px}.section-title{font-size:2rem;font-weight:900;margin-bottom:30px}.packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px}.package{background:#4a4a4a;border:1px solid #5a5a5a;border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:all .3s}.package:hover{border-color:#932e76;transform:translateY(-4px)}.popular-badge{position:absolute;top:16px;right:16px;background:linear-gradient(90deg,#674f96,#932e76);color:#fff;font-size:11px;font-weight:900;padding:6px 14px;border-radius:20px;box-shadow:0 4px 12px rgba(103,79,150,.4)}.sold-out-badge{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;font-size:11px;font-weight:900;padding:6px 14px;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.4)}.package.sold-out{opacity:.6;pointer-events:none;position:relative}.package.sold-out .sold-out-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:4rem;font-weight:900;color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.8),0 0 60px rgba(239,68,68,.6),2px 2px 4px rgba(0,0,0,.8);pointer-events:none;z-index:10;letter-spacing:2px}.package h3{font-size:1.3rem;margin-bottom:12px}.coin-count{font-size:2.5rem;font-weight:900;color:#fb923c;margin:12px 0}.price{font-size:2rem;font-weight:900;margin-bottom:8px}.bonus{color:#429bc3;font-size:.95rem;margin-bottom:20px}.quantity-control{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.qty-btn{width:36px;height:36px;border-radius:50%;background:#674f96;color:#fff;border:none;font-weight:900;cursor:pointer;font-size:1.2rem;transition:all .2s}.qty-btn:hover{background:#544a87;transform:scale(1.1)}.qty-input{width:60px;text-align:center;font-weight:900;padding:8px;border:1px solid #5a5a5a;border-radius:8px;background:#3d3d3d;color:#fff;font-size:1rem}.add-btn{width:100%;padding:14px;border:none;border-radius:12px;font-weight:900;font-size:1rem;cursor:pointer;background:linear-gradient(90deg,#674f96,#932e76);color:#fff;transition:all .3s;box-shadow:0 6px 20px rgba(103,79,150,.3)}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(147,46,118,.4)}.add-btn.added{background:#16a34a}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:60px 0}.feature{background:#4a4a4a;border:1px solid #5a5a5a;border-radius:16px;padding:40px;text-align:center;transition:all .3s}.feature:hover{border-color:#429bc3}.feature-icon{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#429bc3,#674f96);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 6px 20px rgba(66,155,195,.3)}.feature h3{font-size:1.4rem;margin-bottom:16px}.feature p{color:#b0b0b0;line-height:1.7}.faq{max-width:900px;margin:60px auto}.faq h2{text-align:center;font-size:2.5rem;margin-bottom:40px}.faq-item{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid #2a2a2a;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s}.faq-item:hover{border-color:#ea580c}.faq-q{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600}.faq-q i{color:#ea580c;transition:transform .3s}.faq-item.active .faq-q i{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:all .3s;color:#9ca3af;padding:0 24px}.faq-item.active .faq-a{max-height:300px;padding:0 24px 20px}.cart-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#4a4a4a;border:1px solid #5a5a5a;border-radius:16px;padding:24px;height:auto;min-height:320px;display:flex;flex-direction:column}.panel.cart-panel{min-height:400px}.panel-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.panel-icon{width:40px;height:40px;background:linear-gradient(135deg,#674f96,#932e76);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 16px rgba(103,79,150,.3)}.panel-title{font-size:1.3rem;font-weight:900}.search-box{display:flex;gap:12px;margin-bottom:20px}.search-input{flex:1;padding:12px 16px;border-radius:10px;border:1px solid #5a5a5a;background:#3d3d3d;color:#fff;font-size:1rem}.search-btn{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(90deg,#674f96,#932e76);color:#fff;font-weight:900;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(103,79,150,.3)}.search-btn:hover{transform:translateY(-2px)}.search-btn:disabled{opacity:.6;cursor:not-allowed}.scroll-area{flex:1;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:#8a8a8a}.empty-state i{font-size:3rem;opacity:.3;margin-bottom:12px}.user-profile{display:grid;grid-template-columns:120px 1fr;gap:20px}.avatar{width:120px;height:120px;border-radius:16px;border:2px solid #932e76;box-shadow:0 6px 20px rgba(147,46,118,.3)}.user-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:#3d3d3d;border:1px solid #5a5a5a;border-radius:12px;padding:16px;text-align:center;transition:all .3s}.stat:hover{border-color:#674f96}.stat-icon{font-size:1.5rem;margin-bottom:8px}.stat-label{font-size:.85rem;color:#9a9a9a;margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:900}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{background:#3d3d3d;border:1px solid #5a5a5a;border-radius:12px;padding:16px;transition:all .3s}.cart-item:hover{border-color:#674f96}.item-row{display:flex;justify-content:space-between;align-items:flex-start}.item-info h4{font-size:1.1rem;margin-bottom:4px}.item-info p{color:#9a9a9a;font-size:.9rem}.item-price{color:#932e76;font-size:1.2rem;font-weight:900}.item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.qty-control{display:flex;align-items:center;gap:8px}.remove-btn{background:0 0;border:none;color:#ef4444;cursor:pointer;font-size:.9rem;padding:4px 8px}.remove-btn:hover{color:#dc2626}.cart-footer{border-top:1px solid #5a5a5a;padding-top:16px;margin-top:16px}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:900;margin-bottom:16px}.total-amount{color:#932e76}.checkout-btn{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(90deg,#674f96,#932e76);color:#fff;font-weight:900;font-size:1.1rem;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px rgba(103,79,150,.3)}.checkout-btn:hover{transform:translateY(-2px)}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}.package-summary-panel{background:linear-gradient(135deg,#674f96,#932e76);border:none;margin-bottom:24px}.package-summary-panel .panel-icon{background:rgba(255,255,255,.2)}.package-summary-item{background:rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:12px}.package-summary-item:last-child{margin-bottom:0}.package-summary-item h4{font-size:1.1rem;margin-bottom:8px;color:#fff}.package-summary-item .summary-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.package-summary-item .coins-info{color:#fbbf24;font-weight:700}.package-summary-item .bonus-info{color:#a5f3fc;font-size:.9rem}.package-summary-item .qty-price{text-align:right}.package-summary-item .qty-info{font-size:.85rem;color:rgba(255,255,255,.8)}.package-summary-item .price-info{font-size:1.2rem;font-weight:900;color:#fff}.summary-total{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;margin-top:16px;display:flex;justify-content:space-between;align-items:center}.summary-total-label{font-size:1.1rem;font-weight:700}.summary-total-coins{color:#fbbf24;font-size:.9rem;margin-top:4px}.summary-total-price{font-size:1.5rem;font-weight:900}.empty-summary{text-align:center;padding:30px;color:rgba(255,255,255,.7)}.empty-summary i{font-size:2.5rem;opacity:.5;margin-bottom:12px;display:block}.summary-checkout-btn{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 6px 20px rgba(22,163,74,.4)}.summary-checkout-btn:hover{box-shadow:0 8px 25px rgba(34,197,94,.5)}.content-page{max-width:900px;margin:0 auto;padding:40px 20px}.content-page h1{font-size:2.5rem;font-weight:900;margin-bottom:30px;background:linear-gradient(90deg,#674f96,#932e76);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.content-page h2{font-size:1.8rem;font-weight:700;margin:30px 0 15px;color:#429bc3}.content-page p{color:#d1d5db;line-height:1.8;margin-bottom:15px}.content-page ul{list-style:none;padding-left:0;margin:20px 0}.content-page ul li{padding:10px 0 10px 30px;position:relative;color:#d1d5db;line-height:1.7}.content-page ul li::before{content:'✓';position:absolute;left:0;color:#fb923c;font-weight:900}footer{background:#0a0a0a;border-top:1px solid #2a2a2a;padding:50px 0 30px;margin-top:80px}.footer-content{max-width:1280px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:30px}.footer-column h3{color:#ea580c;margin-bottom:20px;font-size:1.2rem}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{color:#9ca3af;text-decoration:none;transition:color .3s;cursor:pointer}.footer-column ul li a:hover{color:#ea580c}.copyright{text-align:center;color:#6b7280;padding-top:20px;border-top:1px solid #2a2a2a}.toast{position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid #ea580c;border-radius:12px;padding:16px 20px;min-width:300px;box-shadow:0 10px 40px rgba(0,0,0,.5);transform:translateX(400px);transition:transform .3s}.toast.show{transform:translateX(0)}.toast-title{font-weight:900;margin-bottom:4px}.toast-desc{color:#9ca3af;font-size:.9rem}.user-profile-new{padding:20px}.user-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #5a5a5a}.avatar-round{width:64px;height:64px;border-radius:50%;border:3px solid #932e76;object-fit:cover;box-shadow:0 4px 15px rgba(147,46,118,.3);flex-shrink:0}.username{font-size:1.3rem;font-weight:900;color:#fff;margin:0}.user-stats-inline{display:flex;justify-content:space-between;gap:12px}.stat-inline{display:flex;flex-direction:column;align-items:center;flex:1;padding:12px 8px;background:#3d3d3d;border-radius:10px;transition:all .3s;border:1px solid #5a5a5a}.stat-inline:hover{border-color:#674f96}.stat-value-inline{font-size:1.2rem;font-weight:900;color:#429bc3}.stat-label-inline{font-size:.75rem;color:#9ca3af;margin-top:4px}@media (max-width:1024px){.grid{grid-template-columns:1fr}.cart-layout{grid-template-columns:1fr}.user-profile{grid-template-columns:100px 1fr}.avatar{width:100px;height:100px}.cart-layout .user-panel{order:1}.cart-layout .package-summary-panel{order:2}}@media (max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.packages{grid-template-columns:1fr}.features{grid-template-columns:1fr}.logo-img{height:60px;margin:0;border-radius:6px}.user-header{flex-direction:row;gap:12px}.avatar-round{width:60px;height:60px}.username{font-size:1.2rem}.user-stats-inline{gap:8px}.stat-inline{padding:10px 6px}.stat-value-inline{font-size:1rem}.stat-label-inline{font-size:.7rem}}
/* New: Package card image at top */
.package-card-img{display:block !important;width:calc(100% + 58px) !important;max-width:none !important;height:160px !important;object-fit:cover !important;object-position:center !important;border-radius:16px 16px 0 0 !important;margin:-29px -29px 20px -29px !important;padding:0 !important;background:#000 !important;box-sizing:content-box !important}
.package{padding-top:16px}
/* New: Hide quantity counter on package cards (kept in cart summary) */
.quantity-control{display:none!important}
/* New: Mobile nav divider style */
.mobile-nav-divider{padding:12px 16px 8px;font-size:.85rem;color:#fb923c;font-weight:900;text-transform:uppercase;letter-spacing:1px;border-top:1px solid #2a2a2a;margin-top:8px;display:block}
/* Make mobile-nav scrollable for long lists */
.mobile-nav{max-height:calc(100vh - 64px);overflow-y:auto}


/* ===== User-requested overrides ===== */
.logo-img { height: 120px !important; width: auto !important; max-height: 120px !important; }
.top-bar { overflow: visible !important; }
.logo-section { overflow: visible !important; align-items: center !important; }
@media (max-width: 768px) {
  .logo-img { height: 100px !important; max-height: 100px !important; }
}
@media (max-width: 480px) {
  .logo-img { height: 92px !important; max-height: 92px !important; }
}
/* Lang/currency switcher — no surrounding box */
.jg-lng-btn, .jcb-lng-btn, .lang-btn, [class*="lng-btn"], [data-testid="lang-switcher-btn"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.jg-lng-btn:hover, .jg-lng-btn:focus, [class*="lng-btn"]:hover {
  background: transparent !important;
  box-shadow: none !important;
}
/* Popular badge hidden */
.popular-badge { display: none !important; }
/* Quicklinks hidden */
.footer-quicklinks { display: none !important; }

/* === HARD: lang switcher boxless === */
#jg-locale-switcher,
#jg-locale-switcher .jg-lng-btn,
#jg-locale-switcher button.jg-lng-btn,
.jg-lng-btn,
button.jg-lng-btn,
[data-testid="lang-switcher-btn"]{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 4px !important;
  outline:0 !important;
  filter:none !important;
}
#jg-locale-switcher .jg-lng-btn:hover,
#jg-locale-switcher .jg-lng-btn:focus,
.jg-lng-btn:hover,
.jg-lng-btn:focus{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}
/* defensive: kill SEO headings block if ever injected */
#jg-seo-headings,.jg-seo-headings,section.jg-seo-headings{display:none !important;visibility:hidden !important;height:0 !important;width:0 !important;overflow:hidden !important;position:absolute !important;left:-9999px !important}

/* ===== Buy-flow username lookup overlay ===== */
.lookup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;animation:lookupFadeIn .2s ease-out}
.lookup-overlay.active{display:flex}
@keyframes lookupFadeIn{from{opacity:0}to{opacity:1}}
@keyframes lookupSlideIn{from{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.lookup-modal{width:100%;max-width:480px;background:linear-gradient(160deg,#2a1f3d 0%,#1a0b2e 100%);border:1px solid rgba(167,139,250,.3);border-radius:20px;padding:34px 28px 28px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04);animation:lookupSlideIn .25s ease-out;max-height:90vh;overflow-y:auto}
.lookup-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.08);color:#cbd5e1;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.lookup-close:hover{background:rgba(239,68,68,.2);color:#ef4444;transform:rotate(90deg)}
.lookup-icon-wrap{width:68px;height:68px;margin:0 auto 18px;border-radius:18px;background:linear-gradient(135deg,#ff0050,#00f2ea);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 12px 30px rgba(255,0,80,.4)}
.lookup-title{text-align:center;font-size:22px;font-weight:900;color:#fff;margin-bottom:8px}
.lookup-sub{text-align:center;color:#94a3b8;font-size:14px;line-height:1.55;margin-bottom:22px}
.lookup-sub strong{color:#fbbf24}
.lookup-input-wrap{position:relative;margin-bottom:14px}
.lookup-at{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#a78bfa;font-weight:900;font-size:18px;pointer-events:none}
.lookup-input-wrap input{width:100%;padding:16px 18px 16px 40px;background:rgba(255,255,255,.06);border:1px solid rgba(167,139,250,.25);border-radius:14px;color:#fff;font-size:16px;font-weight:600;letter-spacing:.3px;outline:none;transition:all .2s}
.lookup-input-wrap input:focus{border-color:#a78bfa;background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(167,139,250,.15)}
.lookup-input-wrap input::placeholder{color:#64748b;font-weight:500}
.lookup-btn-primary{width:100%;padding:15px 22px;border:none;border-radius:14px;background:linear-gradient(90deg,#a78bfa,#7c3aed);color:#fff;font-weight:800;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px rgba(124,58,237,.35);transition:all .2s}
.lookup-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px rgba(124,58,237,.5)}
.lookup-btn-primary:disabled{opacity:.6;cursor:wait}
.lookup-btn-secondary{padding:15px 18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.04);color:#cbd5e1;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}
.lookup-btn-secondary:hover{background:rgba(255,255,255,.1);color:#fff}
.lookup-hint{text-align:center;color:#64748b;font-size:12px;margin-top:12px}
.lookup-success-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:rgba(34,197,94,.15);color:#22c55e;font-size:12px;font-weight:800;border-radius:999px;margin:0 auto 18px;width:fit-content;display:flex}
.lookup-user-card{text-align:center;margin-bottom:22px}
.lookup-user-card img{width:90px;height:90px;border-radius:50%;border:3px solid #a78bfa;box-shadow:0 8px 24px rgba(167,139,250,.4);object-fit:cover;margin-bottom:12px}
.lookup-user-card h3{font-size:20px;font-weight:900;color:#fff;margin:0}
.lookup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}
.lookup-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 6px;text-align:center}
.lookup-stat-value{font-size:17px;font-weight:900;color:#fbbf24;margin-bottom:3px}
.lookup-stat-label{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.lookup-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}
@media (max-width:520px){.lookup-modal{padding:28px 20px 22px;border-radius:16px}.lookup-title{font-size:19px}.lookup-stats{grid-template-columns:repeat(2,1fr)}.lookup-actions{grid-template-columns:1fr;gap:8px}.lookup-user-card img{width:78px;height:78px}}
/* Cart user info panel */
.cart-user-info-panel{background:linear-gradient(135deg,#3b2860,#2a1f3d)!important;border:1px solid rgba(167,139,250,.25)!important}
.cart-user-info-panel .panel-icon{background:linear-gradient(135deg,#ff0050,#7c3aed)!important}
.cart-user-block{display:flex;align-items:center;gap:16px;padding:18px;background:rgba(255,255,255,.04);border-radius:12px;border:1px solid rgba(255,255,255,.06);margin-bottom:14px}
.cart-user-block img{width:64px;height:64px;border-radius:50%;border:2px solid #a78bfa;object-fit:cover;flex-shrink:0}
.cart-user-block .cu-name{font-size:18px;font-weight:900;color:#fff;margin-bottom:4px}
.cart-user-block .cu-sub{color:#a78bfa;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.cart-user-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.cart-user-stats .cu-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;text-align:center}
.cart-user-stats .cu-stat-v{font-size:16px;font-weight:900;color:#fbbf24;margin-bottom:2px}
.cart-user-stats .cu-stat-l{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase}

/* ===== USER UPDATES v2 ===== */
/* Logo -10px on all breakpoints */
.logo-img { height: 110px !important; max-height: 110px !important; }
@media (max-width: 768px) {
  .logo-img { height: 90px !important; max-height: 90px !important; }
}
@media (max-width: 480px) {
  .logo-img { height: 82px !important; max-height: 82px !important; }
}

/* Lookup overlay: fix mobile @ overlap by increasing padding-left */
.lookup-input-wrap input{padding:16px 18px 16px 44px!important;font-size:15px!important}
@media (max-width:520px){
  .lookup-input-wrap input{padding:14px 16px 14px 42px!important;font-size:14px!important}
  .lookup-at{left:16px!important;font-size:16px!important}
  .lookup-modal{padding:22px 18px 18px!important}
  .lookup-title{font-size:18px!important}
  .lookup-icon-wrap{width:54px!important;height:54px!important;font-size:24px!important;margin-bottom:14px!important}
}

/* Hamburger menu: half-screen drawer (right side) instead of full width */
.mobile-nav{
  position:fixed!important;
  top:64px!important;
  right:0!important;
  left:auto!important;
  width:75%!important;
  max-width:340px!important;
  height:calc(100vh - 64px)!important;
  max-height:calc(100vh - 64px)!important;
  border-left:1px solid #2a2a2a;
  border-bottom:none!important;
  box-shadow:-12px 0 40px rgba(0,0,0,.6)!important;
  transform:translateX(100%);
  transition:transform .28s ease;
  display:block!important;
  pointer-events:none;
}
.mobile-nav.active{
  transform:translateX(0)!important;
  pointer-events:auto;
}

/* Combined cart card (user info + summary in one tighter container) */
.cart-combo-wrap{max-width:520px;margin:0 auto;padding:0 8px}
.cart-combo-card{
  background:linear-gradient(160deg,#3b2860 0%,#2a1f3d 100%);
  border:1px solid rgba(167,139,250,.25);
  border-radius:16px;
  padding:18px 16px;
  box-shadow:0 12px 40px rgba(0,0,0,.4);
}
.cart-combo-card .cc-section{margin-bottom:18px}
.cart-combo-card .cc-section:last-of-type{margin-bottom:8px}
.cart-combo-card .cc-h{
  display:flex;align-items:center;gap:10px;
  margin-bottom:12px;
  padding-bottom:8px;border-bottom:1px dashed rgba(255,255,255,.08);
}
.cart-combo-card .cc-h i{
  width:28px;height:28px;border-radius:8px;
  background:linear-gradient(135deg,#ff0050,#7c3aed);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:.8rem;
}
.cart-combo-card .cc-h .cc-title{font-size:.95rem;font-weight:800;color:#fff;letter-spacing:.2px}
.cart-combo-card .cu-block{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(255,255,255,.04);border-radius:10px;margin-bottom:10px}
.cart-combo-card .cu-block img{width:48px;height:48px;border-radius:50%;border:2px solid #a78bfa;flex-shrink:0;object-fit:cover}
.cart-combo-card .cu-block .cu-name{font-size:14px;font-weight:800;color:#fff;margin-bottom:2px}
.cart-combo-card .cu-block .cu-sub{font-size:10px;color:#a78bfa;font-weight:700;text-transform:uppercase}
.cart-combo-card .cu-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.cart-combo-card .cu-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:7px 4px;text-align:center}
.cart-combo-card .cu-stat-v{font-size:12px;font-weight:800;color:#fbbf24;margin-bottom:2px;white-space:nowrap}
.cart-combo-card .cu-stat-l{font-size:9px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.2px}
.cart-combo-card .order-item{background:rgba(255,255,255,.04);border-radius:10px;padding:10px 12px;margin-bottom:6px}
.cart-combo-card .order-item h4{font-size:13px;color:#fff;margin-bottom:6px;font-weight:700}
.cart-combo-card .order-item .od{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cart-combo-card .order-item .o-coins{font-size:11px;color:#fbbf24;font-weight:700}
.cart-combo-card .order-item .o-bonus{font-size:10px;color:#a5f3fc}
.cart-combo-card .order-item .o-qty{font-size:10px;color:rgba(255,255,255,.7)}
.cart-combo-card .order-item .o-price{font-size:13px;font-weight:800;color:#fff}
.cart-combo-card .order-total{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;background:rgba(0,0,0,.25);border-radius:10px;margin-top:10px}
.cart-combo-card .order-total .ot-l{font-size:11px;font-weight:700;color:#fff;letter-spacing:.3px}
.cart-combo-card .order-total .ot-c{font-size:10px;color:#fbbf24}
.cart-combo-card .order-total .ot-p{font-size:16px;font-weight:900;color:#fff}
.cart-combo-card .cc-checkout{
  width:100%;padding:13px;margin-top:12px;
  border:none;border-radius:12px;
  background:linear-gradient(90deg,#16a34a,#22c55e);
  color:#fff;font-weight:800;font-size:14px;
  cursor:pointer;
  box-shadow:0 6px 20px rgba(22,163,74,.4);
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:transform .2s;
}
.cart-combo-card .cc-checkout:hover{transform:translateY(-1px)}
@media (max-width:520px){
  .cart-combo-wrap{padding:0 4px}
  .cart-combo-card{padding:14px 12px;border-radius:14px}
  .cart-combo-card .cu-block img{width:42px;height:42px}
  .cart-combo-card .cu-stat-v{font-size:11px}
}

/* Disclaimer footer */
.jg-disclaimer{
  max-width:1100px;margin:14px auto 0;padding:14px 20px;
  text-align:center;color:#6b7280;font-size:11.5px;line-height:1.5;
  border-top:1px dashed #2a2a2a;
}

/* ===== Mobile Footer: 2-column side-by-side ===== */
@media (max-width: 768px) {
  .footer-content {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    padding: 0 16px !important;
  }
  .footer-column h3 { font-size: 0.95rem !important; margin-bottom: 12px !important; }
  .footer-column ul li { margin-bottom: 8px !important; }
  .footer-column ul li a { font-size: 0.85rem !important; }
}
@media (max-width: 380px) {
  .footer-content { gap: 18px !important; padding: 0 12px !important; }
  .footer-column ul li a { font-size: 0.8rem !important; }
}

/* ===== Prevent horizontal scroll - global safeguards ===== */
html, body { overflow-x: hidden !important; max-width: 100% !important; }
img, video, iframe { max-width: 100% !important; height: auto; }
table { max-width: 100%; }
.container, .content-page, .footer-content, .copyright,
.jg-company-info, .jg-disclaimer, .footer-about {
  max-width: 100%;
  box-sizing: border-box;
}

/* ===== Mobile input form fixes (no zoom on focus iOS) ===== */
input, select, textarea {
  font-size: 16px !important;
  max-width: 100%;
}
@media (max-width: 480px) {
  .lookup-input-wrap input,
  .search-input { font-size: 16px !important; }
}

/* ===== Make hero / packages mobile snug ===== */
@media (max-width: 480px) {
  .hero { padding: 50px 16px !important; min-height: 280px !important; }
  .hero h1 { font-size: 1.5rem !important; }
  .hero p { font-size: 0.9rem !important; }
  .section-title { font-size: 1.4rem !important; }
  .container { padding: 24px 14px !important; }
  .package { padding: 22px 18px !important; }
  .package h3 { font-size: 1.1rem !important; }
  .coin-count { font-size: 2rem !important; }
  .price { font-size: 1.7rem !important; }
}

/* ===== Lookup Overlay v3: Instructional copy + 4-col stats on mobile ===== */
.lookup-instr{
  text-align:center;color:#cbd5e1;font-size:14px;line-height:1.55;
  margin-bottom:10px;font-weight:500;
}
.lookup-instr strong{color:#fbbf24;font-weight:800}
.lookup-instr-sub{
  text-align:center;color:#94a3b8;font-size:12.5px;line-height:1.6;
  margin-bottom:18px;font-style:normal;
}
.lookup-instr-sub em{color:#a78bfa;font-style:normal;font-weight:700;text-decoration:none}

/* Force 4-col stats on mobile too (was 2x2) */
.lookup-stats{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
@media (max-width:520px){
  .lookup-stats{grid-template-columns:repeat(4,1fr)!important;gap:5px!important}
  .lookup-stat{padding:10px 4px!important}
  .lookup-stat-value{font-size:14px!important}
  .lookup-stat-label{font-size:9.5px!important;letter-spacing:.2px!important}
}

/* ===== Cart Combo Card v3: Bigger headers, bigger checkout button ===== */
.cart-combo-card .cc-h{
  padding-bottom:10px!important;
  margin-bottom:14px!important;
}
.cart-combo-card .cc-h i{
  width:32px!important;height:32px!important;
  border-radius:9px!important;
  font-size:.95rem!important;
}
.cart-combo-card .cc-h .cc-title{
  font-size:1.05rem!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  color:#fff!important;
}

/* Force 4-column user stats on mobile inside cart */
.cart-combo-card .cu-stats{
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
}
@media (max-width:520px){
  .cart-combo-card .cu-stats{grid-template-columns:repeat(4,1fr)!important;gap:4px!important}
  .cart-combo-card .cu-stat{padding:8px 3px!important}
  .cart-combo-card .cu-stat-v{font-size:11px!important}
  .cart-combo-card .cu-stat-l{font-size:8.5px!important}
}

/* Bigger checkout button */
.cart-combo-card .cc-checkout{
  padding:16px 18px!important;
  font-size:16px!important;
  font-weight:900!important;
  border-radius:14px!important;
  letter-spacing:.3px!important;
  box-shadow:0 8px 28px rgba(22,163,74,.5)!important;
  margin-top:14px!important;
  gap:10px!important;
}
.cart-combo-card .cc-checkout i{font-size:1.1rem}

/* Cart combo card slightly wider on desktop for breathing room */
.cart-combo-wrap{max-width:580px!important}
@media (min-width:721px){
  .cart-combo-card{padding:22px 22px!important}
}

/* ===== Unified compact sub-footer (v3 — 20px smaller as requested) ===== */
.jg-unified-footer{
  max-width:1100px;margin:10px auto 0;padding:10px 16px 6px;
  text-align:center;border-top:1px solid #2a2a2a;
  color:#9ca3af;
  font-family:inherit;
  line-height:1.5;
}
.jg-unified-footer p{font-size:10.5px;margin:4px 0;color:#9ca3af}
.jg-unified-footer .jg-brand-line{color:#a78bfa;font-weight:700;font-size:11px}
.jg-unified-footer .jg-feats{color:#cbd5e1;font-size:10px}
.jg-unified-footer .jg-copy{color:#6b7280;font-size:9.5px;margin-top:5px}
.jg-unified-footer .jg-company{color:#9ca3af;font-size:10px}
.jg-unified-footer .jg-company strong{color:#a78bfa;font-weight:700}
.jg-unified-footer .jg-feragat{
  color:#6b7280;font-size:9.5px;line-height:1.45;
  padding-top:6px;margin-top:6px;border-top:1px dashed #2a2a2a;
}
.jg-unified-footer .jg-feragat strong{color:#fbbf24}
@media (max-width:520px){
  .jg-unified-footer{padding:8px 10px 4px;margin-top:6px}
  .jg-unified-footer p{font-size:9px;margin:3px 0}
  .jg-unified-footer .jg-feats{font-size:8.5px}
  .jg-unified-footer .jg-copy{font-size:8px}
  .jg-unified-footer .jg-feragat{font-size:8.5px;line-height:1.4}
}

/* ===== Footer v4: 5-column with company column ===== */
.footer-content{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:30px!important;
}
.footer-company-col ul li{margin-bottom:6px;color:#9ca3af;font-size:.85rem}
.footer-company-col ul li a{color:#cbd5e1!important;text-decoration:none}
.footer-company-col ul li a:hover{color:#a78bfa!important}
.footer-company-col ul li strong{color:#a78bfa;font-weight:700}

/* On mobile (2-col) — company column spans full width */
@media (max-width:768px){
  .footer-content{
    grid-template-columns:repeat(2,1fr)!important;
    gap:24px!important;
  }
  .footer-company-col{grid-column:1 / -1}
  .footer-company-col ul li{font-size:.8rem;line-height:1.6}
}

/* ============================================================
   USER UPDATES v3 — 2026-02
   ============================================================ */

/* Lang switcher button = hamburger size (44x44 mobile, 40x40 desktop) */
#jg-locale-switcher,
#jg-locale-switcher .jg-lng-btn,
.jg-lng-btn,
button.jg-lng-btn,
[data-testid="lang-switcher-btn"]{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 4px !important;
  font-size:20px !important;
  line-height:1 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#jg-locale-switcher .jg-lng-flag{font-size:22px !important;line-height:1 !important}
#jg-locale-switcher .jg-lng-arrow{display:none !important}
#jg-locale-switcher .jg-lng-code{display:none !important}

/* Footer column text smaller on mobile */
@media (max-width:768px){
  .footer-content{padding:0 12px !important;gap:18px !important}
  .footer-column h3{font-size:.82rem !important;margin-bottom:8px !important;letter-spacing:.2px}
  .footer-column ul li{margin-bottom:5px !important}
  .footer-column ul li a{font-size:.72rem !important;line-height:1.35}
  .footer-company-col ul li{font-size:.68rem !important;line-height:1.5 !important;word-break:break-word}
  .footer-company-col ul li strong{font-size:.74rem !important}
  footer{padding:30px 0 18px !important;margin-top:40px !important}
}
@media (max-width:380px){
  .footer-column h3{font-size:.78rem !important}
  .footer-column ul li a{font-size:.68rem !important}
  .footer-company-col ul li{font-size:.64rem !important}
}

/* Iletisim sayfasi: Company info block (full-width hizali) */
.jg-iletisim-company{
  max-width:760px;margin:30px auto;padding:24px 28px;
  background:linear-gradient(135deg,rgba(167,139,250,.10),rgba(59,130,246,.06));
  border:1px solid rgba(167,139,250,.25);border-radius:16px;
  color:#e2e8f0;text-align:center;line-height:1.85;
}
.jg-iletisim-company h2{
  color:#a78bfa;font-size:20px;font-weight:800;margin-bottom:14px;
  padding-bottom:10px;border-bottom:1px dashed rgba(167,139,250,.3);
}
.jg-iletisim-company .jc-name{font-size:17px;font-weight:800;color:#fbbf24;margin-bottom:10px}
.jg-iletisim-company .jc-line{font-size:14px;color:#cbd5e1;margin:6px 0;word-wrap:break-word}
.jg-iletisim-company a{color:#a78bfa;text-decoration:none;font-weight:700}
.jg-iletisim-company a:hover{text-decoration:underline}
@media (max-width:520px){
  .jg-iletisim-company{padding:18px 14px;margin:20px 8px}
  .jg-iletisim-company h2{font-size:17px}
  .jg-iletisim-company .jc-name{font-size:15px}
  .jg-iletisim-company .jc-line{font-size:12.5px}
}

/* ============================================================
   LOOKUP MODAL v4 — All-white text, side-by-side user+stats
   ============================================================ */
/* Override: all lookup text white; only bold for emphasis */
.lookup-title{color:#fff !important}
.lookup-instr,.lookup-instr-sub,.lookup-sub,.lookup-stat-label,.lookup-success-badge,
.lookup-user-card h3{color:#fff !important}
.lookup-instr strong,.lookup-instr-sub em,.lookup-sub strong{
  color:#fff !important;font-weight:800 !important;font-style:normal !important;
  text-decoration:none !important;
}
.lookup-stat-value{color:#fff !important}
.lookup-stat{background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.12) !important}
.lookup-success-badge{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18);
}

/* User-card + stats side-by-side */
.lookup-user-info-row{
  display:grid !important;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  margin-bottom:18px;
  padding:12px;
  background:rgba(255,255,255,.04);
  border-radius:12px;
}
.lookup-user-info-row .lookup-user-card{
  text-align:center;margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;
  padding-right:12px;border-right:1px dashed rgba(255,255,255,.15);
}
.lookup-user-info-row .lookup-user-card img{
  width:64px;height:64px;margin:0;border-width:2px;
}
.lookup-user-info-row .lookup-user-card h3{
  font-size:13px;font-weight:800;margin:0;color:#fff;word-break:break-all;max-width:90px;
}
.lookup-user-info-row .lookup-stats{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:6px !important;
  margin:0 !important;
}
.lookup-user-info-row .lookup-stat{padding:8px 4px !important}
.lookup-user-info-row .lookup-stat-value{font-size:13px !important;color:#fff !important}
.lookup-user-info-row .lookup-stat-label{font-size:8.5px !important;letter-spacing:.2px !important}

/* Modal smaller and tighter */
.lookup-modal{
  max-width:420px !important;
  padding:24px 22px 22px !important;
}
@media (max-width:520px){
  .lookup-modal{padding:20px 14px 16px !important;max-width:calc(100vw - 20px) !important}
  .lookup-title{font-size:16px !important}
  .lookup-instr{font-size:12.5px !important;margin-bottom:8px !important}
  .lookup-instr-sub{font-size:11px !important;margin-bottom:14px !important}
  .lookup-user-info-row{padding:10px;gap:10px}
  .lookup-user-info-row .lookup-user-card{padding-right:8px}
  .lookup-user-info-row .lookup-user-card img{width:54px;height:54px}
  .lookup-user-info-row .lookup-user-card h3{font-size:11.5px;max-width:70px}
  .lookup-user-info-row .lookup-stat-value{font-size:11.5px !important}
  .lookup-user-info-row .lookup-stat-label{font-size:7.5px !important}
  .lookup-icon-wrap{width:48px !important;height:48px !important;font-size:20px !important;margin-bottom:10px !important}
  .lookup-input-wrap input{padding:13px 14px 13px 36px !important;font-size:14px !important}
  .lookup-at{left:13px !important;font-size:15px !important}
  .lookup-btn-primary{padding:12px 16px !important;font-size:13.5px !important}
  .lookup-btn-secondary{padding:12px 14px !important;font-size:12px !important}
  .lookup-actions{grid-template-columns:1fr !important;gap:6px !important}
}

/* ============================================================
   ÖDEME — Payment Method Accordion (no dropdown)
   ============================================================ */
.payment-accordion{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.pa-method{
  background:#3d3d3d;border:2px solid #5a5a5a;border-radius:12px;
  overflow:hidden;transition:border-color .25s;
}
.pa-method.open{border-color:#674F96}
.pa-method-head{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;cursor:pointer;
  font-size:1rem;font-weight:700;color:#fff;
  user-select:none;
}
.pa-method-head i.pa-icon{font-size:1.3rem;width:24px;text-align:center}
.pa-method-head .pa-card-icon{color:#60a5fa}
.pa-method-head .pa-bank-icon{color:#4ade80}
.pa-method-head .pa-mobile-icon{color:#f472b6}
.pa-method-head .pa-chevron{margin-left:auto;font-size:.9rem;color:#9ca3af;transition:transform .25s}
.pa-method.open .pa-method-head .pa-chevron{transform:rotate(180deg);color:#a78bfa}
.pa-method.open .pa-method-head{background:rgba(103,79,150,.15)}
.pa-method-body{display:none;padding:18px 16px;border-top:1px solid rgba(255,255,255,.08)}
.pa-method.open .pa-method-body{display:block;animation:paFade .3s ease}
@keyframes paFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Havale mobile overflow fix — full containment */
.payment-form,.pa-method-body{max-width:100%;overflow-x:hidden;word-break:break-word}
.bank-info-box,.bank-info-row,.bank-info-value,.bank-info-value span{
  max-width:100%;overflow-wrap:break-word;word-break:break-word;
}
.bank-info-row{flex-wrap:wrap;gap:8px}
@media (max-width:520px){
  .pa-method-body{padding:14px 10px !important}
  .bank-info-box{padding:12px 10px !important;border-radius:10px}
  .bank-info-row{padding:8px 0 !important}
  .bank-info-label{min-width:70px !important;font-size:.72rem !important}
  .bank-info-value{flex:1;min-width:0;justify-content:flex-end;gap:6px !important}
  .bank-info-value span{font-size:.7rem !important;white-space:normal !important;text-align:right;line-height:1.35}
  .havale-note{font-size:.78rem;padding:10px 12px}
  .dekont-upload .file-select-btn{padding:10px 14px;font-size:.82rem}
}


/* ============================================================
   USER UPDATES v4 — 2026-02
   ============================================================ */

/* === Lang button: bigger on mobile + thin box style === */
#jg-locale-switcher,
#jg-locale-switcher .jg-lng-btn{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(167,139,250,.45) !important;
  border-radius:10px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.2) !important;
}
@media (max-width:768px){
  #jg-locale-switcher,
  #jg-locale-switcher .jg-lng-btn,
  .jg-lng-btn,
  button.jg-lng-btn,
  [data-testid="lang-switcher-btn"]{
    width:52px !important;
    height:42px !important;
    min-width:52px !important;
    min-height:42px !important;
    padding:0 6px !important;
    font-size:22px !important;
    gap:2px !important;
    background:rgba(255,255,255,.08) !important;
    border:1.5px solid rgba(167,139,250,.55) !important;
    border-radius:10px !important;
  }
  #jg-locale-switcher .jg-lng-flag{font-size:22px !important}
  #jg-locale-switcher .jg-lng-arrow{
    display:inline-flex !important;
    font-size:10px !important;
    color:#a78bfa !important;
    margin-left:2px !important;
  }
}

/* === Cart combo card on MOBILE → larger, more breathing room === */
@media (max-width:520px){
  .cart-combo-wrap{padding:0 8px}
  .cart-combo-card{
    padding:20px 16px !important;
    border-radius:18px !important;
    margin-top:12px;
    min-height:auto;
  }
  .cart-combo-card .cc-section{margin-bottom:24px !important}
  .cart-combo-card .cc-h{margin-bottom:16px !important;padding-bottom:12px !important;gap:12px !important}
  .cart-combo-card .cc-h i{width:34px !important;height:34px !important;font-size:1rem !important;border-radius:10px !important}
  .cart-combo-card .cc-h .cc-title{font-size:1.05rem !important}
  /* User block bigger */
  .cart-combo-card .cu-block{padding:14px 14px !important;gap:14px !important;margin-bottom:14px !important;border-radius:12px !important}
  .cart-combo-card .cu-block img{width:56px !important;height:56px !important;border-width:3px !important}
  .cart-combo-card .cu-block .cu-name{font-size:16px !important;margin-bottom:4px !important}
  .cart-combo-card .cu-block .cu-sub{font-size:11.5px !important}
  /* Stats bigger */
  .cart-combo-card .cu-stats{gap:8px !important}
  .cart-combo-card .cu-stat{padding:12px 6px !important;border-radius:10px !important}
  .cart-combo-card .cu-stat-v{font-size:15px !important;margin-bottom:4px !important}
  .cart-combo-card .cu-stat-l{font-size:10px !important}
  /* Order items bigger */
  .cart-combo-card .order-item{padding:14px 14px !important;border-radius:12px !important;margin-bottom:10px !important}
  .cart-combo-card .order-item h4{font-size:15px !important;margin-bottom:10px !important}
  .cart-combo-card .order-item .o-coins{font-size:13px !important}
  .cart-combo-card .order-item .o-bonus{font-size:12px !important;margin-top:2px}
  .cart-combo-card .order-item .o-qty{font-size:12px !important}
  .cart-combo-card .order-item .o-price{font-size:16px !important}
  /* Total row */
  .cart-combo-card .order-total{padding:14px 14px !important;margin-top:14px !important;border-radius:12px !important}
  .cart-combo-card .order-total .ot-l{font-size:13px !important;letter-spacing:.4px !important}
  .cart-combo-card .order-total .ot-c{font-size:12px !important;margin-top:3px}
  .cart-combo-card .order-total .ot-p{font-size:20px !important}
  /* Checkout button bigger */
  .cart-combo-card .cc-checkout{
    padding:16px !important;
    font-size:15px !important;
    border-radius:14px !important;
    margin-top:16px !important;
    box-shadow:0 8px 24px rgba(22,163,74,.45) !important;
  }
}

/* === Compact footer on MOBILE (was: dağınık çok büyük) === */
@media (max-width:768px){
  footer{padding:18px 0 12px !important;margin-top:22px !important}
  .footer-content{
    padding:0 10px !important;
    gap:8px !important;
    grid-template-columns:repeat(2,1fr) !important;
  }
  .footer-column{margin-bottom:0 !important}
  .footer-column h3{
    font-size:.74rem !important;
    margin-bottom:6px !important;
    padding-bottom:4px !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
  }
  .footer-column ul{margin:0;padding:0}
  .footer-column ul li{margin-bottom:3px !important;line-height:1.25 !important}
  .footer-column ul li a{font-size:.66rem !important;line-height:1.3 !important}
  .footer-company-col{grid-column:1/-1 !important}
  .footer-company-col ul li{font-size:.62rem !important;line-height:1.4 !important;margin-bottom:2px !important}
  .footer-company-col ul li strong{font-size:.7rem !important}
  /* Unified bottom strip compact */
  .jg-unified-footer{margin-top:4px !important;padding:6px 10px 3px !important}
  .jg-unified-footer .jg-feats{font-size:8px !important;line-height:1.35 !important;margin:2px 0 !important}
  .jg-unified-footer .jg-copy{font-size:7.5px !important;margin-top:3px !important}
}
@media (max-width:380px){
  .footer-column h3{font-size:.7rem !important}
  .footer-column ul li a{font-size:.62rem !important}
  .footer-company-col ul li{font-size:.58rem !important}
}


/* ============================================================
   USER UPDATES v5 — 2026-02
   ============================================================ */

/* === FIX: jg-mobile.css forces span{font-size:15px} which made #year LOOK BIG === */
.jg-unified-footer span,
.jg-unified-footer #year,
footer .jg-unified-footer span,
footer .jg-unified-footer #year{
  font-size:inherit !important;
  line-height:inherit !important;
}

/* === New short disclaimer line (above © copyright) === */
.jg-unified-footer .jg-disc-short{
  color:#94a3b8 !important;
  font-size:10px;
  line-height:1.5;
  margin:6px 0 4px;
  padding:6px 12px;
  border-top:1px dashed #2a2a2a;
  font-weight:500;
  letter-spacing:.1px;
}
@media (max-width:520px){
  .jg-unified-footer .jg-disc-short{font-size:8.5px !important;line-height:1.4 !important;padding:5px 8px !important;margin:4px 0 3px !important}
}

/* === GLOBAL: prevent horizontal scroll on ALL pages, all viewports === */
html, body{
  overflow-x:hidden !important;
  max-width:100vw !important;
  width:100%;
}
*{max-width:100%}
img,video,iframe,table,pre,code{max-width:100% !important;height:auto}
/* Cart page specific guard */
#cart, #cart .container, .cart-combo-wrap, .cart-combo-card,
#cart *{max-width:100% !important}
.cart-combo-wrap{width:100% !important;box-sizing:border-box}
.cart-combo-card{width:100% !important;box-sizing:border-box;overflow-x:hidden}
.cart-combo-card .cu-block,
.cart-combo-card .cu-stats,
.cart-combo-card .order-item,
.cart-combo-card .order-total,
.cart-combo-card .cc-checkout{max-width:100%;box-sizing:border-box}
.cart-combo-card img{max-width:100%;height:auto}
/* Top bar already has overflow-x:visible — keep, but enforce body containment */
@media (max-width:768px){
  body{position:relative;width:100%;overflow-x:hidden !important}
  .top-bar,.container,.content-page,.pro-page,.cart-layout,
  .grid,.packages,.features,.faq,
  footer,.footer-content,.jg-unified-footer{
    max-width:100vw !important;
    box-sizing:border-box;
  }
  /* Long text/IBAN safety */
  .bank-info-value span,.cu-name,.cu-sub,.cu-stat-l{word-break:break-word !important;overflow-wrap:break-word !important}
}


/* ============================================================
   USER UPDATES v6 — 2026-02 (Mobile-only)
   ============================================================ */

/* Mobile-only extra footer links inside KodMarket column */
.mobile-footer-only{display:none}

@media (max-width:768px){
  /* 3-column row: KodMarket | Yardım | Yasal (others hidden) */
  .footer-content{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:10px !important;
    padding:0 8px !important;
    align-items:start;
  }
  /* Hide standalone "İletişim" column and "İletişim Bilgileri" company column on mobile */
  .footer-iletisim-col,
  .footer-company-col{display:none !important}
  /* Make mobile-only extra <li> visible (Bize Ulaşın, Öneri, Sepetim under KodMarket) */
  .mobile-footer-only{display:list-item !important}
  /* Tighter list spacing inside 3-col grid */
  .footer-column ul{padding:0;margin:0;list-style:none}
  .footer-column ul li{margin-bottom:4px !important;line-height:1.3 !important}
  .footer-column h3{
    font-size:.78rem !important;
    margin-bottom:7px !important;
    padding-bottom:5px !important;
  }
  .footer-column ul li a{
    font-size:.68rem !important;
    line-height:1.35 !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    word-break:normal;
  }
}
@media (max-width:380px){
  .footer-content{gap:6px !important;padding:0 6px !important}
  .footer-column h3{font-size:.72rem !important}
  .footer-column ul li a{font-size:.62rem !important}
}

/* === Sub-footer 3 paragraphs SAME font size on mobile === */
@media (max-width:768px){
  .jg-unified-footer{padding:8px 10px 6px !important;margin-top:10px !important;text-align:center}
  .jg-unified-footer .jg-feats,
  .jg-unified-footer .jg-disc-short,
  .jg-unified-footer .jg-copy{
    font-size:9px !important;
    line-height:1.45 !important;
    margin:3px 0 !important;
    padding:0 !important;
    border:0 !important;
    color:#9ca3af !important;
  }
  .jg-unified-footer span,
  .jg-unified-footer #year{font-size:9px !important}
}

/* === EXTRA-STRONG horizontal scroll guard === */
html{
  overflow-x:hidden !important;
  overflow-y:auto !important;
  max-width:100vw !important;
  width:100% !important;
  position:relative;
  touch-action:pan-y;
}
body{
  overflow-x:hidden !important;
  max-width:100vw !important;
  width:100% !important;
  position:relative;
  touch-action:pan-y;
  overscroll-behavior-x:none;
}
@media (max-width:768px){
  *{max-width:100vw}
  body, html{
    overscroll-behavior-x:none !important;
    -webkit-overflow-scrolling:touch;
  }
  /* Direct children of body must not overflow */
  body > *{
    max-width:100vw !important;
    box-sizing:border-box;
    overflow-x:hidden;
  }
  /* Common wide-content culprits */
  .top-bar,.mobile-nav,.container,.content-page,.pro-page,.cart-layout,
  .panel,.packages,.coin-card,.features,.feature,.faq,.faq-item,
  footer,.footer-content,.footer-column,.jg-unified-footer,
  .hero,.hero-content,.page{
    max-width:100vw !important;
    box-sizing:border-box !important;
    overflow-x:hidden;
  }
  /* Heavy table/iframe handling */
  iframe,table,pre{max-width:100% !important;width:100% !important}
  /* Long inline text containment */
  h1,h2,h3,p,li,a,span,strong,em{overflow-wrap:break-word !important;word-break:normal}
  /* Disallow elements from extending beyond viewport via large width */
  [style*="width:"]:not(iframe):not(img):not(video){max-width:100% !important}
}