/* Mobile public-site hardening — loaded last. Desktop >=901px untouched. */
@media (max-width:900px){
 html,body{width:100%;max-width:100%;min-width:0!important;overflow-x:hidden!important}
 body{zoom:1!important}
 .container{width:calc(100% - 32px)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
 .figma-page,.shop-page,.process-page,.buyout-page,.legal-figma{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important}
 .site-header.container{width:calc(100% - 32px)!important;height:136px!important;min-height:136px!important;position:relative!important;display:block!important;margin:0 auto!important;padding:0!important}
 .site-header>a:first-child{position:absolute!important;left:0!important;top:10px!important;width:156px!important;height:56px!important}
 .site-header .site-logo{width:156px!important;height:56px!important;object-fit:contain!important}
 .site-header .nav{position:absolute!important;left:0!important;right:0!important;top:78px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:0!important}
 .site-header .nav>a,.site-header .nav .buy,.site-header .nav .btn{position:static!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;border:1px solid #263246!important;border-radius:9px!important;background:#111824!important;color:#a7b0bf!important;font:700 12px/1.12 Sora,Inter,Arial,sans-serif!important}
 .site-header .nav>a[aria-current="page"]{background:#39465b!important;color:#fbfcff!important;border-color:#566781!important}
 main.container{position:static!important;width:calc(100% - 32px)!important;height:auto!important;min-height:0!important;flex:0 0 auto!important;margin:0 auto!important;padding:0!important}
 .page-intro,.shop-page .page-intro,.process-page .page-intro,.buyout-page .page-intro{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:none!important;padding:32px 0 24px!important}
 .page-intro h1,.shop-page .page-intro h1,.process-page .page-intro h1,.buyout-page .page-intro h1{width:100%!important;height:auto!important;margin:0!important;font-size:34px!important;line-height:1.12!important;overflow-wrap:anywhere}
 .page-intro p,.shop-page .page-intro p,.process-page .page-intro p,.buyout-page .page-intro p{position:static!important;width:100%!important;height:auto!important;margin:12px 0 0!important;font-size:16px!important;line-height:1.55!important}
 .site-footer,.figma-page>.site-footer{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:calc(100% - 32px)!important;height:auto!important;min-height:0!important;margin:48px auto 0!important;padding:24px 0 28px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;border-top:1px solid #242e40!important}
 .site-footer>*{position:static!important;width:auto!important;height:auto!important;margin:0!important}
 .site-footer .footer-links{display:flex!important;flex-wrap:wrap!important;gap:10px 16px!important}
 .site-footer .footer-links a,.site-footer .footer-meta,.site-footer .footer-copy{position:static!important;font-size:11px!important;line-height:1.35!important}
 .site-footer .footer-brand{font-size:16px!important}
 .shop-page>.site-footer,.cookies-page>.site-footer{margin-top:auto!important}
 /* shop */
 .shop-page .shop-grid,.shop-page .tcg-module-grid{position:static!important;width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:0 0 20px!important}
 .shop-page .tcg-module-grid .tcg-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:378/330!important}
 /* process */
 .process-page .process-list{position:static!important;width:100%!important;height:auto!important;display:grid!important;gap:14px!important}
 .process-page .process{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important;padding:20px!important}
 .process-page .process .num,.process-page .process h3,.process-page .process p,.process-page .process:nth-child(5) p:last-child{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important}
 .process-page .process .num{font-size:28px!important}.process-page .process h3{font-size:18px!important;margin:2px 0 8px!important}.process-page .process p,.process-page .process:nth-child(5) p:last-child{font-size:15px!important;line-height:1.5!important;margin:0!important}
 .process-page .public-pricing{width:100%!important;margin:24px 0 0!important;padding:20px 14px!important}.public-pricing-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.public-pricing-table{min-width:560px!important}.process-page .public-pricing-cta .btn{width:100%!important}
 /* legal */
 .legal-wrap{position:static!important;width:calc(100% - 32px)!important;height:auto!important;padding:20px 0 0!important}
 .legal-figma .legal{position:static!important;width:100%!important;height:auto!important;min-height:0!important;padding:24px 18px!important;border-radius:16px!important}
 .legal-figma .legal h1{position:static!important;width:auto!important;height:auto!important;font-size:32px!important;line-height:1.15!important;margin:0 0 14px!important}
 .legal-figma .legal .updated,.legal-figma .legal .fg,.legal-figma .legal h2,.legal-figma .legal p,.legal-figma .legal ul,.legal-figma .legal table{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;margin-left:0!important;margin-right:0!important}
 .legal-figma .legal h2{font-size:19px!important;margin-top:28px!important;margin-bottom:10px!important}.legal-figma .legal p,.legal-figma .legal li{font-size:15px!important;line-height:1.55!important}.legal-figma .legal table{width:100%!important;display:block!important;overflow:hidden!important}.legal-figma .legal tbody,.legal-figma .legal tr,.legal-figma .legal td{display:block!important;width:100%!important}.legal-figma .legal tr{padding:8px 0;border-bottom:1px solid #242e40}.legal-figma .legal td{border:0!important;padding:4px 10px!important;font-size:14px!important;overflow-wrap:anywhere}
 /* buyout */
 .buyout-page .buyout-layout{position:static!important;width:100%!important;height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:0 0 24px!important}
 .buyout-page .panel{position:static!important;width:100%!important;height:auto!important;min-height:0!important;padding:18px 14px!important}.buyout-page .panel h2{font-size:19px!important}.buyout-page .section-title-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.buyout-page .game-filters{gap:8px 12px!important}.buyout-page .table-wrap{width:100%!important;max-height:none!important;overflow-x:auto!important}.buyout-page .table{min-width:620px!important}.buyout-page .field input,.buyout-page .field textarea,.buyout-page .search{font-size:16px!important}.buyout-page .check{align-items:flex-start!important}.buyout-page .success-card{padding:22px 10px!important}.buyout-page .success-title,.buyout-page .success-ref,.buyout-page .success-card p{max-width:100%!important;font-size:14px!important;line-height:1.5!important;text-align:center!important}
}
@media (max-width:620px){
 .container,.site-header.container,main.container,.site-footer,.legal-wrap{width:calc(100% - 24px)!important}
 .site-header.container{height:132px!important;min-height:132px!important}.site-header>a:first-child{width:142px!important;height:52px!important}.site-header .site-logo{width:142px!important;height:52px!important}.site-header .nav{top:72px!important;gap:5px!important}.site-header .nav>a,.site-header .nav .buy,.site-header .nav .btn{height:48px!important;min-height:48px!important;font-size:10.5px!important;padding:0 3px!important}
 .page-intro h1,.shop-page .page-intro h1,.process-page .page-intro h1,.buyout-page .page-intro h1{font-size:30px!important}
 .shop-page .shop-grid,.shop-page .tcg-module-grid{grid-template-columns:1fr!important}.process-page .process{grid-template-columns:1fr!important}.public-pricing-table{min-width:520px!important}
 .buyout-page .table{min-width:560px!important}.buyout-page .panel{padding:16px 12px!important}
}
@media(max-width:900px){
 body:not(.figma-page):has(.page){min-width:0!important}
 .page{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;padding:0 16px 28px!important;overflow:visible!important}
 .page .header{width:100%!important;height:136px!important;min-height:136px!important}.page .logo{width:156px!important;height:56px!important;top:10px!important;object-fit:contain!important}
 .page .header>a.header-link,.page .header>a.btn{top:78px!important;width:calc((100% - 14px)/3)!important;height:46px!important;min-height:46px!important;padding:0 5px!important;font-size:12px!important;line-height:1.12!important}.page .header>a[href="/ako-funguje-vykup/"]{left:0!important}.page .header>a[href="/nakupovat/"]{left:calc((100% - 14px)/3 + 7px)!important}.page .header>a[href="/vykup/"]{left:auto!important;right:0!important}
 .page .hero{padding:28px 0 38px!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.page .hero h1{font-size:34px!important}.page .hero .sell,.page .hero .buy{width:100%!important}.page .hero-card{display:none!important}
 .page .tcg{padding:34px 0!important}.page .tcg h2{font-size:28px!important}.page .tcg-card{width:100%!important;aspect-ratio:378/330!important;margin-top:14px!important}
 .page .buyout{padding:24px 16px!important}.page .buyout>h2{font-size:28px!important}.page .step{min-height:150px!important}.page .buyout>.sell,.page .buyout>.how{width:100%!important}
 .page .why{padding:34px 0!important}.page .why h2{font-size:28px!important}.page .benefit{min-height:92px!important}.page .benefit b{width:calc(100% - 68px)!important;height:auto!important}.page .benefit span{width:calc(100% - 68px)!important;height:auto!important}
 .page .instagram{padding:34px 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.page .instagram h2{font-size:28px!important}.page .instagram .ig-cta{width:100%!important}.page .ig-post{width:100%!important;aspect-ratio:4/5!important}
 .page footer{width:100%!important}
}
@media(max-width:620px){.page{padding-left:12px!important;padding-right:12px!important}.page .header{height:132px!important;min-height:132px!important}.page .logo{width:142px!important;height:52px!important}.page .header>a.header-link,.page .header>a.btn{top:72px!important;height:48px!important;min-height:48px!important;font-size:10.5px!important}.page .instagram{grid-template-columns:1fr!important}.page .hero h1{font-size:30px!important}}

@media(max-width:900px){
 .buyout-page .table{min-width:650px!important}
 .buyout-page .table th,.buyout-page .table td{padding:8px 7px!important}
 .buyout-page #items .card-image-cell .thumb{width:34px!important;height:48px!important}
 .buyout-page .table th:nth-child(2),.buyout-page .table td:nth-child(2){min-width:165px!important}
}

/* V20 — Homepage mobile rebuild. Flow layout only; no desktop absolute geometry below 900px. */
@media (max-width:900px){
  body{margin:0!important;overflow-x:hidden!important}
  .page{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:0 16px 28px!important;overflow:visible!important}
  .page *, .page *::before, .page *::after{box-sizing:border-box}

  .page .header{position:relative!important;width:100%!important;max-width:none!important;height:138px!important;min-height:138px!important}
  .page .header>a:first-child{position:absolute!important;left:0!important;top:10px!important;width:150px!important;height:54px!important}
  .page .logo{position:static!important;width:150px!important;height:54px!important;object-fit:contain!important}
  .page .header>a.header-link,.page .header>a.btn{position:absolute!important;top:78px!important;height:48px!important;min-height:48px!important;width:calc((100% - 12px)/3)!important;margin:0!important;padding:0 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;font-size:11px!important;line-height:1.12!important;border-radius:9px!important}
  .page .header>a[href="/ako-funguje-vykup/"]{left:0!important;right:auto!important}
  .page .header>a[href="/nakupovat/"]{left:calc((100% - 12px)/3 + 6px)!important;right:auto!important}
  .page .header>a[href="/vykup/"]{left:auto!important;right:0!important}

  .page .hero,.page .tcg,.page .buyout,.page .why,.page .instagram,.page footer{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .page .hero{display:flex!important;flex-direction:column!important;gap:0!important;padding:24px 0 34px!important}
  .page .hero h1,.page .hero-copy,.page .hero .sell,.page .hero .buy{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important}
  .page .hero h1{margin:0!important;font-size:34px!important;line-height:1.12!important}
  .page .hero-copy{margin:16px 0 0!important;font-size:16px!important;line-height:1.5!important}
  .page .hero .sell{margin-top:22px!important}.page .hero .buy{margin-top:10px!important}
  .page .hero-card{display:none!important}

  .page .tcg{display:flex!important;flex-direction:column!important;padding:30px 0 36px!important}
  .page .tcg h2,.page .tcg>p,.page .tcg>.tcg-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important}
  .page .tcg h2{margin:0!important;font-size:28px!important;line-height:1.16!important}
  .page .tcg>p{margin:10px 0 6px!important;font-size:15px!important;line-height:1.45!important}
  .page .tcg>.tcg-card{margin:14px 0 0!important;aspect-ratio:378/330!important;flex:none!important}
  .page .tcg-card b{left:20px!important;width:calc(100% - 40px)!important;bottom:45px!important;top:auto!important}
  .page .tcg-card span{left:20px!important;width:calc(100% - 40px)!important;bottom:21px!important;top:auto!important}

  .page .buyout{display:flex!important;flex-direction:column!important;padding:24px 16px!important;border-radius:16px!important}
  .page .buyout>h2,.page .buyout>p,.page .buyout>.sell,.page .buyout>.how{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important}
  .page .buyout>h2{margin:0!important;font-size:28px!important;line-height:1.16!important}
  .page .buyout>p{margin:9px 0 10px!important;font-size:15px!important;line-height:1.45!important}
  .page .step{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:132px!important;min-height:132px!important;margin:12px 0 0!important;overflow:hidden!important}
  .page .step em{left:18px!important;top:40px!important;font-size:54px!important}.page .step b{left:76px!important;top:40px!important;width:calc(100% - 92px)!important;height:auto!important;font-size:17px!important;line-height:1.2!important}.page .step span{left:76px!important;top:68px!important;width:calc(100% - 92px)!important;height:auto!important;font-size:13px!important;line-height:1.35!important}
  .page .buyout>.sell{margin-top:16px!important}.page .buyout>.how{margin-top:10px!important}

  .page .why{display:flex!important;flex-direction:column!important;padding:34px 0!important}
  .page .why h2,.page .benefit{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important}
  .page .why h2{margin:0 0 2px!important;font-size:28px!important;line-height:1.16!important}
  .page .benefit{min-height:78px!important;margin:12px 0 0!important;padding:14px 14px 14px 44px!important}
  .page .benefit i{left:18px!important;top:22px!important}.page .benefit b,.page .benefit span{position:static!important;display:block!important;width:100%!important;height:auto!important}
  .page .benefit b{font-size:16px!important;line-height:1.25!important}.page .benefit span{margin-top:6px!important;font-size:13px!important;line-height:1.35!important}

  .page .instagram{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:32px 0!important}
  .page .instagram h2,.page .instagram>p,.page .instagram .ig-cta{position:static!important;grid-column:1/-1!important;width:100%!important;height:auto!important}
  .page .instagram h2{margin:0!important;font-size:28px!important;line-height:1.16!important}.page .instagram>p{margin:0!important;font-size:14px!important;line-height:1.45!important}.page .instagram .ig-cta{min-height:46px!important;margin:2px 0 4px!important}
  .page .ig-post{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important}
  .page .ig-placeholder{inset:0!important;width:100%!important;height:100%!important}

  .page footer{display:flex!important;flex-direction:column!important;gap:11px!important;margin:20px 0 0!important;padding:24px 0 8px!important;border-top:1px solid #242e40!important}
  .page footer b,.page footer a,.page footer span,.page footer small{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;white-space:normal!important}
}
@media (max-width:620px){
  .page{padding-left:14px!important;padding-right:14px!important}
  .page .hero h1{font-size:30px!important}.page .tcg h2,.page .buyout>h2,.page .why h2,.page .instagram h2{font-size:26px!important}
  .page .instagram{grid-template-columns:1fr!important}.page .ig-post{grid-column:1!important}
}
@media (max-width:390px){
  .page{padding-left:12px!important;padding-right:12px!important}
  .page .header>a.header-link,.page .header>a.btn{font-size:9.5px!important;padding:0 2px!important}
  .page .hero h1{font-size:28px!important}
  .page .step{height:142px!important;min-height:142px!important}.page .step b{font-size:16px!important}.page .step span{font-size:12.5px!important}
}

/* V21 — canonical mobile button typography. This block intentionally stays LAST.
   One exact Sora treatment for navigation and all public CTAs on every public page. */
@media (max-width:900px){
  .page .header>a.header-link,
  .page .header>a.btn,
  .site-header .nav>a,
  .site-header .nav .buy,
  .site-header .nav .btn,
  a.btn,
  button.btn,
  .ig-cta,
  .tcg-card span,
  .public-pricing-cta .btn,
  .process-cta .btn,
  input[type="button"],
  input[type="submit"],
  button{
    font-family:'Sora','Inter',Arial,sans-serif!important;
    font-style:normal!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none;
  }
  .page .header>a.header-link,
  .page .header>a.btn,
  .site-header .nav>a,
  .site-header .nav .buy,
  .site-header .nav .btn{
    font-size:11px!important;
    line-height:1.15!important;
  }
}
@media (max-width:390px){
  .page .header>a.header-link,
  .page .header>a.btn,
  .site-header .nav>a,
  .site-header .nav .buy,
  .site-header .nav .btn{
    font-size:11px!important;
    line-height:1.15!important;
  }
}


/* V22 — single mobile navigation contract. Keep LAST. */
@media (max-width:900px){
  .page .header>a.header-link,
  .page .header>a.btn,
  body:not(.page) .site-header .nav>a,
  .site-header .nav>a{
    font-family:"Sora",sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    font-style:normal!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-decoration:none!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
  }
}
@media (max-width:390px){
  .page .header>a.header-link,.page .header>a.btn,.site-header .nav>a{font-size:11px!important}
}

/* V23 — Homepage primary CTAs: larger touch area on mobile, typography unchanged. */
@media (max-width:900px){
  .page .hero>a.sell,
  .page .hero>a.buy,
  .page .buyout>a.sell,
  .page .buyout>a.how{
    min-height:58px!important;
    height:58px!important;
    padding:0 18px!important;
    border-radius:11px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
@media (max-width:390px){
  .page .hero>a.sell,
  .page .hero>a.buy,
  .page .buyout>a.sell,
  .page .buyout>a.how{
    min-height:56px!important;
    height:56px!important;
  }
}

/* V24 — Homepage CTA sizing: larger buttons, text styling unchanged. */
@media (max-width:900px){
  .page .hero>a.sell,
  .page .hero>a.buy,
  .page .buyout>a.sell,
  .page .buyout>a.how{
    width:100%!important;
    min-height:64px!important;
    height:64px!important;
    padding-left:22px!important;
    padding-right:22px!important;
    border-radius:12px!important;
  }
}
@media (max-width:390px){
  .page .hero>a.sell,
  .page .hero>a.buy,
  .page .buyout>a.sell,
  .page .buyout>a.how{
    min-height:62px!important;
    height:62px!important;
  }
}