@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@700&display=swap');
:root{--bg:#0b111b;--panel:#111724;--panel2:#151d2b;--line:#242e40;--yellow:#fabd26;--white:#fbfcff;--muted:#94a1b8;--container:1200px;--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between}.site-logo{width:196px;height:66px;object-fit:contain}.nav{display:flex;align-items:center;gap:44px;font-size:14px;font-weight:600}.nav .buy{margin-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:10px;background:var(--yellow);color:#0b111b;font-weight:700;font-size:16px}.btn.secondary{background:transparent;color:var(--white);border:1px solid var(--line)}h1,h2,h3{font-family:Sora,Inter,Arial,sans-serif;margin-top:0}h1{font-size:46px;line-height:1.12;letter-spacing:-.035em}h2{font-size:34px;line-height:1.25;letter-spacing:-.025em}p{font-size:18px;color:var(--muted)}.hero{min-height:497px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px}.hero-copy{max-width:760px}.hero p{max-width:720px;margin:22px 0 30px}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-art{height:360px;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(250,189,38,.22),transparent 40%),linear-gradient(145deg,#151d2b,#0d131e);display:grid;place-items:center;overflow:hidden}.hero-art img{height:88%;width:auto;filter:drop-shadow(0 24px 35px rgba(0,0,0,.5));transform:rotate(4deg)}.section{padding:68px 0}.section-head{text-align:center;max-width:820px;margin:0 auto 34px}.section-head p{margin:8px 0}.tcg-grid,.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tcg-card{height:330px;position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.tcg-card img{width:100%;height:100%;object-fit:cover}.tcg-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.85))}.tcg-card strong{position:absolute;z-index:1;left:24px;bottom:20px;font:700 23px Sora,Inter,sans-serif}.buyout{padding:58px;border:1px solid var(--line);background:var(--panel);border-radius:24px}.buyout-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.buyout-top p{max-width:650px}.step{border-top:1px solid var(--line);padding-top:22px}.step b{display:block;font:700 20px Sora,Inter,sans-serif;margin-bottom:8px}.step span{color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}.benefit b{font:700 20px Sora,Inter,sans-serif}.benefit p{font-size:16px;margin:8px 0 0}.instagram{padding:54px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--panel),#0e1521);display:flex;align-items:center;justify-content:space-between;gap:30px}.instagram p{margin-bottom:0}.site-footer{min-height:96px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-brand{font:700 18px Sora,Inter,sans-serif;color:var(--white)}.page-intro{padding:76px 0 42px;max-width:1050px}.page-intro p{max-width:1040px}.process-list{display:grid;gap:16px}.process{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px 32px;display:grid;grid-template-columns:58px 1fr;gap:22px}.num{width:48px;height:48px;border-radius:50%;background:rgba(250,189,38,.12);color:var(--yellow);display:grid;place-items:center;font-weight:800}.process h3{font-size:22px;margin:4px 0 10px}.process p{margin:0}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:90px}.shop-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}.shop-image{height:300px;background:linear-gradient(145deg,#1a2332,#0e141e);display:grid;place-items:center;overflow:hidden}.shop-image img{height:90%;width:auto}.shop-card h3{font-size:23px;padding:22px 24px 0}.shop-card .shop-link{display:block;padding:4px 24px 24px;color:var(--yellow);font-weight:700;font-size:14px}.legal-wrap{padding:40px 0 80px}.legal{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:48px}.legal .updated{font-size:16px;margin-top:-12px;margin-bottom:36px}.legal h2{font-size:22px;color:var(--yellow);margin:38px 0 14px}.legal p,.legal li{font-size:18px;color:#c8d2e1}.legal table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.legal td{padding:13px 18px;border-bottom:1px solid var(--line);font-size:16px}.legal tr:last-child td{border-bottom:0}.legal td:first-child{width:250px;font-weight:700;color:#c8d2e1}.legal td:last-child{color:var(--white)}
@media(max-width:900px){.nav a:not(.btn){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:50px 0}.hero-art{height:300px}.tcg-grid,.three-grid,.benefits,.shop-grid{grid-template-columns:1fr 1fr}.buyout-top,.instagram{align-items:flex-start;flex-direction:column}.site-footer{padding:26px 0;align-items:flex-start;flex-direction:column}.process{grid-template-columns:48px 1fr}.legal{padding:30px}.legal td:first-child{width:190px}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--container))}.site-logo{width:160px;height:auto}.site-header{height:78px}.nav{gap:12px}.nav .btn{min-height:44px;padding:0 15px;font-size:13px}h1{font-size:36px}h2{font-size:29px}.hero p,p{font-size:16px}.hero-art{display:none}.section{padding:48px 0}.tcg-grid,.three-grid,.benefits,.shop-grid{grid-template-columns:1fr}.buyout{padding:28px}.process{padding:22px;grid-template-columns:1fr}.instagram{padding:30px}.page-intro{padding:48px 0 26px}.legal-wrap{padding-top:20px}.legal{padding:24px 18px}.legal p,.legal li{font-size:16px}.legal table,.legal tbody,.legal tr,.legal td{display:block}.legal tr{border-bottom:1px solid var(--line)}.legal td{border:0;padding:8px 12px}.legal td:first-child{width:auto;padding-top:12px}.legal td:last-child{padding-bottom:12px}}

/* Figma 1456:2 — exact desktop Nakupovat geometry */
@media (min-width:901px){
.shop-page{min-width:1440px;min-height:1080px}
.shop-page .container{width:1200px;margin-left:auto;margin-right:auto}
.shop-page .site-header{position:relative;height:92px;display:block}
.shop-page .site-header>a:first-child{position:absolute;left:0;top:13px;width:196px;height:66px}
.shop-page .site-logo{width:196px;height:66px}
.shop-page .nav{position:static;display:block;font-size:14px}
.shop-page .nav>a{position:absolute;top:36px}
.shop-page .nav>a[href="/ako-funguje-vykup/"]{left:720px;top:37px}
.shop-page .nav .buy{left:891px;margin-left:0}
.shop-page .nav .btn{left:1025px;top:19px;width:175px;height:54px;min-height:54px;padding:0}
.shop-page main{position:relative;height:892px}
.shop-page .page-intro{position:absolute;left:0;top:50px;width:1040px;max-width:none;padding:0}
.shop-page .page-intro h1{width:900px;height:52px;margin:0;font-size:46px;line-height:1.12;letter-spacing:0}
.shop-page .page-intro p{width:1040px;max-width:none;margin:0;font-size:18px;line-height:1.55}
.shop-page .page-intro p:first-of-type{margin-top:4px}
.shop-page .page-intro p+p{margin-top:17px}
.shop-page .shop-grid{position:absolute;left:0;top:372px;width:1200px;height:430px;display:grid;grid-template-columns:repeat(3,380px);gap:30px;padding:0}
.shop-page .shop-card{position:relative;width:380px;height:430px;border-radius:14px}
.shop-page .shop-image{position:absolute;left:-1px;top:-1px;width:380px;height:300px;display:block;background:none}
.shop-page .shop-image img{width:380px;height:300px;object-fit:cover;max-width:none}
.shop-page .shop-card h3{position:absolute;left:23px;top:325px;margin:0;padding:0;font-size:23px;line-height:normal}
.shop-page .shop-card .shop-link{position:absolute;left:23px;top:371px;margin:0;padding:0;font-size:14px;line-height:normal}
.shop-page .site-footer{position:relative;width:1200px;height:76px;min-height:76px;margin:0 auto;display:block;border-top:1px solid var(--line);font-size:12px}
.shop-page .footer-brand{position:absolute;left:0;top:24.5px}
.shop-page .footer-links{display:block}
.shop-page .footer-links a{position:absolute;top:28.5px}
.shop-page .footer-links a:nth-child(1){left:220px}.shop-page .footer-links a:nth-child(2){left:370px}.shop-page .footer-links a:nth-child(3){left:565px}.shop-page .footer-links a:nth-child(4){left:635px}
.shop-page .site-footer>div:last-child{position:absolute;left:720px;top:27.5px;color:var(--white);font-size:14px}
}

/* v5 — audited desktop frames from WEB — Final */
@media (min-width:901px){
/* shared exact header/footer geometry */
.figma-page{min-width:1440px;position:relative;background:#0b111b}
.figma-page>.site-header{position:relative;width:1200px;height:92px;margin:0 auto;display:block;background:#0b101a}
.figma-page>.site-header>a:first-child{position:absolute;left:0;top:13px;width:196px;height:66px}.figma-page>.site-header .site-logo{width:196px;height:66px}
.figma-page>.site-header .nav{position:static;display:block}.figma-page>.site-header .nav>a{position:absolute;font-size:14px;font-weight:600;line-height:1.25;color:#94a1b8}
.figma-page>.site-header .nav>a[href="/ako-funguje-vykup/"]{left:720px;top:37px}.figma-page>.site-header .nav .buy{left:891px;top:36px;margin:0}.figma-page>.site-header .nav .btn{left:1025px;top:19px;width:175px;height:54px;min-height:54px;padding:0;color:#0b101a;font-size:16px;line-height:1.2}
.figma-page>.site-footer{position:absolute;left:50%;transform:translateX(-50%);width:1200px;height:76px;min-height:76px;margin:0;display:block;border-top:1px solid #242e40;white-space:nowrap}
.figma-page>.site-footer .footer-brand{position:absolute;left:0;top:24.5px;font-size:18px}.figma-page>.site-footer .footer-links{display:block}.figma-page>.site-footer .footer-links a{position:absolute;top:28.5px;font-size:12px;font-weight:500;color:#fbfcff}.figma-page>.site-footer .footer-links a:nth-child(1){left:220px}.figma-page>.site-footer .footer-links a:nth-child(2){left:370px}.figma-page>.site-footer .footer-links a:nth-child(3){left:565px}.figma-page>.site-footer .footer-links a:nth-child(4){left:635px}
.figma-page>.site-footer>.footer-meta{position:absolute;left:720px;top:27.5px;color:#fbfcff;font-size:14px}.figma-page>.site-footer>.footer-copy{position:absolute;left:1034px;top:28.5px;color:#94a1b8;font-size:12px}
/* process 1433:11 */
.process-page{height:1485px;border:1px solid #242e40}.process-page main.container{position:static;width:1200px}.process-page .page-intro{position:absolute;left:calc(50% - 600px);top:142px;width:900px;padding:0;max-width:none}.process-page .page-intro h1{margin:0;width:900px;font-size:46px;line-height:1.12;letter-spacing:0}.process-page .page-intro p{margin:4px 0 0;width:900px;font-size:18px;line-height:1.55}.process-page .process-list{position:absolute;left:calc(50% - 600px);top:285px;width:1200px;display:block}.process-page .process{position:absolute;left:0;width:1200px;display:block;padding:0;border:1px solid #242e40;border-radius:14px;background:#111724}.process-page .process:nth-child(1){top:0;height:182px}.process-page .process:nth-child(2){top:198px;height:154px}.process-page .process:nth-child(3){top:368px;height:182px}.process-page .process:nth-child(4){top:566px;height:182px}.process-page .process:nth-child(5){top:764px;height:164px}.process-page .process .num{position:absolute;left:29px;top:27px;width:auto;height:auto;background:none;border-radius:0;color:#fabd26;font:700 38px/normal Sora,Inter,sans-serif}.process-page .process h3{position:absolute;left:111px;top:29px;width:1010px;margin:0;font:700 20px/1.2 Sora,Inter,sans-serif}.process-page .process p{position:absolute;left:111px;top:69px;width:1010px;margin:0;font:400 18px/1.55 Inter,sans-serif;color:#94a1b8}.process-page .process:nth-child(5) p:last-child{top:117px;font-size:15px;line-height:normal}.process-page .process-cta{position:absolute;left:calc(50% - 600px);top:1245px;padding:0}.process-page .process-cta .btn{width:178px;height:54px;padding:0;border-radius:8px;font-size:14px}.process-page>.site-footer{top:1389px}
/* legal frames */
.legal-figma main.container{position:absolute;left:50%;transform:translateX(-50%);top:132px;width:1200px;padding:0}.legal-figma .legal{position:relative;width:1200px;padding:0;border:1px solid #242e40;border-radius:24px;background:#111724;overflow:hidden}.legal-figma .legal>*{position:absolute;left:47px;width:1100px;margin:0}.legal-figma .legal h1{top:43px;font-size:46px;line-height:1.12;letter-spacing:0}.legal-figma .legal .updated{top:111px;font-size:16px;line-height:1.5}.legal-figma .legal p,.legal-figma .legal li{font-size:18px;line-height:1.55;color:#c8d2e1}.legal-figma .legal h2{font-size:22px;line-height:1.25;color:#fabd26}.legal-figma .legal ul{padding-left:22px}.legal-figma .legal table{border-collapse:separate;border-spacing:0;border:1px solid #242e40;border-radius:10px;overflow:hidden}.legal-figma .legal td{height:50px;padding:13px 17px;border-bottom:1px solid #242e40;font-size:16px;line-height:normal}.legal-figma .legal tr:last-child td{border-bottom:0}.legal-figma .legal td:first-child{width:262px;font-weight:600;color:#c8d2e1}.legal-figma .legal td:last-child{color:#fbfcff}.legal-figma .legal .fg{top:var(--y)}
.terms-page{height:3212px}.terms-page .legal{height:2914px}.terms-page>.site-footer{top:3116px}.privacy-page{height:3246px}.privacy-page .legal{height:2948px}.privacy-page>.site-footer{top:3150px}.cookies-page{height:1138px}.cookies-page .legal{height:840px}.cookies-page>.site-footer{top:1042px}
}

/* v6 consistency + responsive QA overrides */
.site-header .nav > a:not(.btn){color:#94a1b8!important}
.site-header .nav > a:hover{color:#fbfcff!important}
.shop-page{display:flex;min-height:100vh;flex-direction:column}
.shop-page>main{flex:1}
.shop-page>.site-footer{margin-top:auto}
.form-back{display:none!important}

@media (min-width:901px){
  .shop-page{min-height:1080px}
  .shop-page main{height:auto;min-height:892px;flex:1}
  .shop-page .site-footer{position:relative;flex:0 0 76px;margin-top:0}
}

@media (max-width:900px){
  body,.figma-page,.shop-page,.process-page,.legal-figma{min-width:0!important;width:100%!important;height:auto!important;min-height:100vh!important;overflow-x:hidden}
  .container,.figma-page>.site-header,.figma-page>.site-footer,.legal-figma main.container{width:min(100% - 32px,1200px)!important;margin-left:auto!important;margin-right:auto!important;left:auto!important;transform:none!important}
  .site-header,.figma-page>.site-header{height:auto!important;min-height:116px!important;position:relative!important;display:block!important;background:#0b101a!important}
  .site-header>a:first-child,.figma-page>.site-header>a:first-child{position:absolute!important;left:0!important;top:12px!important;width:164px!important;height:55px!important}
  .site-logo,.figma-page>.site-header .site-logo{width:164px!important;height:55px!important;object-fit:contain!important}
  .site-header .nav,.figma-page>.site-header .nav{position:static!important;display:block!important}
  .site-header .nav>a,.figma-page>.site-header .nav>a{display:block!important;position:absolute!important;font-size:13px!important;line-height:1.25!important;color:#94a1b8!important;top:84px!important}
  .site-header .nav>a[href="/ako-funguje-vykup/"],.figma-page>.site-header .nav>a[href="/ako-funguje-vykup/"]{left:0!important;top:84px!important}
  .site-header .nav .buy,.figma-page>.site-header .nav .buy{left:148px!important;top:84px!important;margin:0!important}
  .site-header .nav .btn,.figma-page>.site-header .nav .btn{left:auto!important;right:0!important;top:14px!important;width:150px!important;height:48px!important;min-height:48px!important;padding:0 12px!important;color:#0b101a!important;font-size:14px!important}
  .site-footer,.figma-page>.site-footer{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:min(100% - 32px,1200px)!important;height:auto!important;min-height:0!important;margin:48px auto 0!important;padding:24px 0 30px!important;display:grid!important;grid-template-columns:1fr!important;gap:16px!important;border-top:1px solid #242e40!important}
  .site-footer>*,.site-footer .footer-brand,.site-footer .footer-links,.site-footer .footer-meta,.site-footer .footer-copy,.figma-page>.site-footer>*{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0!important}
  .site-footer .footer-links{display:flex!important;gap:10px 18px!important;flex-wrap:wrap!important}
  .site-footer .footer-links a{position:static!important;font-size:11px!important;color:#94a1b8!important}
  .site-footer .footer-meta,.site-footer>div:last-child{font-size:13px!important;color:#fbfcff!important}
  .site-footer .footer-copy{font-size:12px!important;color:#94a1b8!important}

  .shop-page main{position:static!important;height:auto!important;min-height:0!important;width:min(100% - 32px,1200px)!important}
  .shop-page .page-intro{position:static!important;width:100%!important;max-width:none!important;padding:42px 0 28px!important}
  .shop-page .page-intro h1{width:auto!important;height:auto!important;font-size:38px!important;line-height:1.12!important;margin:0 0 20px!important}
  .shop-page .page-intro p{width:auto!important;max-width:none!important;font-size:16px!important;line-height:1.55!important;margin:0 0 16px!important}
  .shop-page .shop-grid{position:static!important;width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;padding:0!important}
  .shop-page .shop-card{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;border-radius:14px!important;overflow:hidden!important}
  .shop-page .shop-image{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:378/330!important;overflow:hidden!important}
  .shop-page .shop-image img{width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important}
  .shop-page .shop-card h3{position:static!important;margin:0!important;padding:20px 20px 8px!important;font-size:21px!important}
  .shop-page .shop-card .shop-link{position:static!important;display:block!important;padding:0 20px 22px!important;font-size:13px!important}

  .process-page main.container{position:static!important;width:min(100% - 32px,1200px)!important;height:auto!important}
  .process-page .page-intro{position:static!important;width:100%!important;padding:42px 0 28px!important}
  .process-page .page-intro h1{position:static!important;width:auto!important;height:auto!important;font-size:38px!important;margin:0 0 14px!important}
  .process-page .page-intro p{position:static!important;width:auto!important;height:auto!important;font-size:16px!important;margin:0!important}
  .process-page .process-list{position:static!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;padding:24px 22px 24px 82px!important;border-radius:14px!important}
  .process-page .process .num{left:20px!important;top:22px!important;font-size:30px!important}
  .process-page .process h3{position:static!important;width:auto!important;margin:0 0 10px!important;font-size:19px!important}
  .process-page .process p,.process-page .process:nth-child(5) p:last-child{position:static!important;width:auto!important;margin:0 0 8px!important;font-size:16px!important;line-height:1.55!important}
  .process-page .process-cta{position:static!important;padding-top:24px!important}
  .process-page>.site-footer{margin-top:48px!important}

  .legal-figma main.container{position:static!important;top:auto!important;padding:24px 0 0!important}
  .legal-figma .legal{position:static!important;width:100%!important;height:auto!important;min-height:0!important;padding:28px 24px!important;overflow:visible!important}
  .legal-figma .legal>*{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;margin:0!important}
  .legal-figma .legal h1{font-size:36px!important;line-height:1.12!important;margin-bottom:12px!important}
  .legal-figma .legal .updated{font-size:14px!important;margin-bottom:28px!important}
  .legal-figma .legal h2{font-size:20px!important;line-height:1.25!important;margin:30px 0 12px!important}
  .legal-figma .legal p,.legal-figma .legal li{font-size:16px!important;line-height:1.55!important}
  .legal-figma .legal p{margin-bottom:12px!important}
  .legal-figma .legal ul{padding-left:22px!important;margin:0 0 12px!important}
  .legal-figma .legal table{display:table!important;width:100%!important;height:auto!important;margin:12px 0 24px!important}
  .legal-figma .legal tbody{display:table-row-group!important}.legal-figma .legal tr{display:table-row!important}.legal-figma .legal td{display:table-cell!important;height:auto!important;padding:12px 14px!important;font-size:14px!important;vertical-align:top!important}.legal-figma .legal td:first-child{width:34%!important}
}

@media (max-width:620px){
  .container,.figma-page>.site-header,.figma-page>.site-footer,.legal-figma main.container,.shop-page main,.process-page main.container{width:calc(100% - 28px)!important}
  .site-header,.figma-page>.site-header{min-height:120px!important}
  .site-header>a:first-child,.figma-page>.site-header>a:first-child{width:146px!important;height:49px!important}
  .site-logo,.figma-page>.site-header .site-logo{width:146px!important;height:49px!important}
  .site-header .nav .btn,.figma-page>.site-header .nav .btn{width:138px!important;height:44px!important;min-height:44px!important;font-size:13px!important}
  .site-header .nav>a[href="/ako-funguje-vykup/"],.figma-page>.site-header .nav>a[href="/ako-funguje-vykup/"]{top:86px!important;font-size:12px!important}
  .site-header .nav .buy,.figma-page>.site-header .nav .buy{left:auto!important;right:0!important;top:86px!important;font-size:12px!important}
  .shop-page .shop-grid{grid-template-columns:1fr!important;gap:16px!important}
  .shop-page .page-intro h1,.process-page .page-intro h1{font-size:34px!important}
  .process-page .process{padding:22px 18px 22px 70px!important}.process-page .process .num{left:16px!important;font-size:27px!important}
  .legal-figma .legal{padding:24px 18px!important}.legal-figma .legal h1{font-size:31px!important;overflow-wrap:anywhere}.legal-figma .legal table,.legal-figma .legal tbody,.legal-figma .legal tr,.legal-figma .legal td{display:block!important;width:100%!important}.legal-figma .legal tr{border-bottom:1px solid #242e40!important}.legal-figma .legal td{border:0!important;padding:8px 12px!important}.legal-figma .legal td:first-child{width:100%!important;padding-top:12px!important}.legal-figma .legal td:last-child{padding-bottom:12px!important;overflow-wrap:anywhere}
}
\n/* v7 final consistency corrections */
html,body{min-height:100%}
.shop-page{min-height:100vh;min-height:100dvh}
.shop-page>main{flex:1 0 auto}
.shop-page>.site-footer{flex:0 0 76px;margin-top:auto!important}
/* Legal children must never float without an explicit Figma Y coordinate. */
@media(min-width:901px){.legal-figma .legal>p:not(.updated):not(.fg),.legal-figma .legal>h2:not(.fg),.legal-figma .legal>ul:not(.fg),.legal-figma .legal>table:not(.fg){display:none!important}}

/* V8: Nakupovat TCG modules are an exact copy of Homepage .tcg-card modules. */
.shop-page .tcg-module-grid{position:absolute;left:0;top:372px;width:1200px;height:330px;display:grid;grid-template-columns:repeat(3,378px);gap:33px;padding:0}
.shop-page .tcg-module-grid .tcg-card{position:relative;top:auto;left:auto!important;width:378px;height:330px;border:0;border-radius:18px;overflow:hidden;background:#111724;padding:0}
.shop-page .tcg-module-grid .tcg-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.shop-page .tcg-module-grid .tcg-card .fade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(5,8,13,.9) 100%)}
.shop-page .tcg-module-grid .tcg-card b{position:absolute;left:24px;top:248px;width:330px;height:26px;font:700 23px/1.1 'Sora',sans-serif;color:#fbfcff}
.shop-page .tcg-module-grid .tcg-card span{position:absolute;left:24px;top:285px;width:330px;height:20px;color:#fabd26;font:600 14px/1.2 'Inter',sans-serif}
@media(max-width:900px){.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:20px!important;padding:0!important}.shop-page .tcg-module-grid .tcg-card{width:100%!important;height:auto!important;aspect-ratio:378/330}.shop-page .tcg-module-grid .tcg-card b{top:auto;bottom:46px}.shop-page .tcg-module-grid .tcg-card span{top:auto;bottom:22px}}
@media(max-width:620px){.shop-page .tcg-module-grid{grid-template-columns:1fr!important;gap:16px!important}}

/* V9 — unified interactive top navigation + 90%-equivalent desktop scale */
@media (min-width:901px){
  body{zoom:.9}
}
.site-header .nav>a{
  box-sizing:border-box;
  border:1px solid transparent;
  border-radius:10px;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.site-header .nav>a:not(.btn){
  padding:10px 14px;
  color:#a7b0bf!important;
  background:#111824;
  border-color:#1d2736;
}
.site-header .nav>a:not(.btn):hover{
  color:#fbfcff!important;
  background:#1a2433;
  border-color:#344055;
  transform:translateY(-1px);
}
.site-header .nav>a.btn{
  background:#242e40!important;
  color:#d8deea!important;
  border-color:#344055!important;
}
.site-header .nav>a.btn:hover{
  background:#303c50!important;
  color:#fbfcff!important;
  border-color:#46556d!important;
  transform:translateY(-1px);
}
.site-header .nav>a[aria-current="page"]{
  background:#39465b!important;
  color:#fbfcff!important;
  border-color:#566781!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.site-header .nav>a:active{transform:translateY(0);background:#46556d!important}
@media(min-width:901px){
  /* keep the Figma desktop anchors while giving the text links a real hit area */
  .site-header .nav>a[href="/ako-funguje-vykup/"],.figma-page>.site-header .nav>a[href="/ako-funguje-vykup/"],.buyout-page>.site-header .nav>a[href="/ako-funguje-vykup/"]{top:27px!important}
  .site-header .nav .buy,.figma-page>.site-header .nav .buy,.buyout-page>.site-header .nav .buy{top:26px!important}
}

/* V10 — one identical 3-button navigation system on every public page. */
@media (min-width:901px){
  .site-header .nav>a,
  .figma-page>.site-header .nav>a,
  .buyout-page>.site-header .nav>a,
  .shop-page>.site-header .nav>a{
    position:absolute!important;
    top:19px!important;
    width:175px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 12px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:15.5px!important;
    line-height:1.15!important;
    font-weight:600!important;
  }
  .site-header .nav>a[href="/ako-funguje-vykup/"],
  .figma-page>.site-header .nav>a[href="/ako-funguje-vykup/"],
  .buyout-page>.site-header .nav>a[href="/ako-funguje-vykup/"],
  .shop-page>.site-header .nav>a[href="/ako-funguje-vykup/"]{left:651px!important}
  .site-header .nav>a[href="/nakupovat/"],
  .figma-page>.site-header .nav>a[href="/nakupovat/"],
  .buyout-page>.site-header .nav>a[href="/nakupovat/"],
  .shop-page>.site-header .nav>a[href="/nakupovat/"]{left:838px!important}
  .site-header .nav>a[href="/vykup/"],
  .figma-page>.site-header .nav>a[href="/vykup/"],
  .buyout-page>.site-header .nav>a[href="/vykup/"],
  .shop-page>.site-header .nav>a[href="/vykup/"]{left:1025px!important;right:auto!important}
}
@media (max-width:900px){
  .site-header,.figma-page>.site-header{min-height:132px!important}
  .site-header .nav,.figma-page>.site-header .nav{position:absolute!important;left:0!important;right:0!important;top:76px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .site-header .nav>a,.figma-page>.site-header .nav>a,
  .site-header .nav .btn,.figma-page>.site-header .nav .btn,
  .site-header .nav .buy,.figma-page>.site-header .nav .buy,
  .site-header .nav>a[href="/ako-funguje-vykup/"],.figma-page>.site-header .nav>a[href="/ako-funguje-vykup/"]{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:13px!important;line-height:1.12!important;white-space:normal!important
  }
}
@media (max-width:620px){
  .site-header,.figma-page>.site-header{min-height:130px!important}
  .site-header .nav,.figma-page>.site-header .nav{top:75px!important;gap:6px!important}
  .site-header .nav>a,.figma-page>.site-header .nav>a,
  .site-header .nav .btn,.figma-page>.site-header .nav .btn{height:44px!important;min-height:44px!important;font-size:11.5px!important;padding:0 5px!important}
}

/* V11 — public pricing table. Read-only frontend of the existing pricing-public source. */
.public-pricing{margin:42px 0 8px;padding:30px 32px;background:#111724;border:1px solid #242e40;border-radius:18px}.public-pricing-head{max-width:920px}.public-pricing h2{margin:0 0 10px;font-family:Sora,Inter,Arial,sans-serif;font-size:30px;line-height:1.15}.public-pricing-head p,.public-pricing-note{color:#94a1b8;line-height:1.55}.public-pricing-head p{margin:0 0 24px;font-size:16px}.public-pricing-table-wrap{overflow:hidden;border:1px solid #2a3548;border-radius:14px}.public-pricing-table{width:100%;border-collapse:collapse;background:#0d1420}.public-pricing-table th,.public-pricing-table td{padding:15px 18px;border-bottom:1px solid #263145;text-align:left}.public-pricing-table thead th{background:#151e2c;color:#94a1b8;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.public-pricing-table tbody tr:last-child>*{border-bottom:0}.public-pricing-game{width:38%;color:#fbfcff;font-size:15px;vertical-align:top;background:#101825}.public-pricing-percent{width:24%;color:#fabd26;font-family:Sora,Inter,Arial,sans-serif;font-size:20px;font-weight:700}.public-pricing-note{margin:16px 0 0;font-size:13px}.public-pricing-loading{text-align:center!important;color:#94a1b8!important}.process-page .process-cta{margin-top:28px}
@media(max-width:700px){.public-pricing{margin-top:28px;padding:22px 16px;border-radius:16px}.public-pricing h2{font-size:25px}.public-pricing-head p{font-size:14px}.public-pricing-table-wrap{overflow-x:auto}.public-pricing-table{min-width:600px}.public-pricing-table th,.public-pricing-table td{padding:13px 14px}.public-pricing-game{width:42%}}

/* V12 — process page rebuilt as document flow. Prevents overlap and keeps dynamic pricing visible. */
.process-page{height:auto!important;min-height:100vh!important;border:0!important;display:flex;flex-direction:column}
.process-page main.container{position:relative!important;width:1200px!important;height:auto!important;min-height:0!important;flex:1}
.process-page .page-intro{position:relative!important;left:auto!important;top:auto!important;width:900px!important;padding:50px 0 36px!important;max-width:none!important}
.process-page .page-intro h1{position:static!important;width:auto!important;height:auto!important;margin:0 0 8px!important;font:700 46px/1.12 Sora,Inter,sans-serif!important;letter-spacing:0!important}
.process-page .page-intro p{position:static!important;width:900px!important;height:auto!important;margin:0!important;color:#94a1b8!important;font:400 18px/1.55 Inter,sans-serif!important}
.process-page .process-list{position:static!important;width:1200px!important;display:grid!important;gap:16px!important}
.process-page .process{position:relative!important;left:auto!important;top:auto!important;width:1200px!important;height:auto!important;min-height:154px!important;display:grid!important;grid-template-columns:70px 1fr!important;gap:20px!important;padding:27px 30px!important;border:1px solid #242e40!important;border-radius:14px!important;background:#111724!important}
.process-page .process .num{position:static!important;width:auto!important;height:auto!important;align-self:start!important;background:none!important;color:#fabd26!important;font:700 38px/1 Sora,Inter,sans-serif!important}
.process-page .process h3{position:static!important;width:auto!important;margin:0 0 10px!important;font:700 20px/1.2 Sora,Inter,sans-serif!important}
.process-page .process p,.process-page .process:nth-child(5) p:last-child{position:static!important;width:auto!important;margin:0 0 8px!important;color:#94a1b8!important;font:400 18px/1.55 Inter,sans-serif!important}
.process-page .process:nth-child(5) p:last-child{font-size:15px!important}
.process-page .public-pricing{position:relative!important;width:1200px!important;margin:34px 0 0!important;padding:30px 32px!important}
.process-page .process-cta{position:static!important;margin:28px 0 44px!important;padding:0!important}
.process-page .process-cta .btn{width:178px;height:54px;padding:0;border-radius:8px;font-size:14px}
.process-page>.site-footer{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:1200px!important;height:76px!important;margin:0 auto!important}
@media(max-width:900px){
 .process-page main.container{width:min(100% - 32px,1200px)!important}
 .process-page .page-intro{width:100%!important;padding:36px 0 26px!important}.process-page .page-intro h1{font-size:38px!important}.process-page .page-intro p{width:100%!important;font-size:16px!important}
 .process-page .process-list,.process-page .process,.process-page .public-pricing{width:100%!important}.process-page .process{grid-template-columns:52px 1fr!important;padding:22px!important;min-height:0!important}.process-page .process .num{font-size:30px!important}.process-page .process h3{font-size:19px!important}.process-page .process p,.process-page .process:nth-child(5) p:last-child{font-size:16px!important}
 .process-page>.site-footer{width:min(100% - 32px,1200px)!important;height:auto!important;margin-top:0!important}
}
@media(max-width:620px){.process-page .process{grid-template-columns:1fr!important}.process-page .public-pricing{padding:22px 16px!important}.process-page .process-cta .btn{width:100%}}

/* V13 — pricing game identity cells with local transparent logos. */
.public-pricing-game{position:relative!important;overflow:hidden!important;isolation:isolate!important;min-width:300px!important;padding:22px 22px!important}
.public-pricing-game .pricing-game-name{position:relative;z-index:2;display:block;max-width:62%;font:700 15px/1.35 Sora,Inter,sans-serif;color:#fbfcff;text-shadow:0 2px 10px #0b101a,0 0 5px #0b101a}
.public-pricing-game .pricing-game-logo{position:absolute;z-index:1;left:16px;top:50%;transform:translateY(-50%);width:180px;height:76px;object-fit:contain;object-position:left center;opacity:.16;filter:saturate(.85);pointer-events:none}
.public-pricing-game[data-game="pokemon"] .pricing-game-logo{width:205px;opacity:.14}
.public-pricing-game[data-game="lorcana"] .pricing-game-logo{width:190px;opacity:.15}
.public-pricing-game[data-game="riftbound"] .pricing-game-logo{width:195px;opacity:.15}
@media(max-width:700px){.public-pricing-game{min-width:240px!important}.public-pricing-game .pricing-game-name{max-width:70%}.public-pricing-game .pricing-game-logo{width:150px!important}}

/* V14 — pricing identity cells: centered, maximum-size logos and stronger game headings. */
.public-pricing-game{position:relative!important;overflow:hidden!important;isolation:isolate!important;min-width:300px!important;padding:24px!important;vertical-align:middle!important;text-align:center!important}
.public-pricing-game .pricing-game-logo,
.public-pricing-game[data-game="pokemon"] .pricing-game-logo,
.public-pricing-game[data-game="lorcana"] .pricing-game-logo,
.public-pricing-game[data-game="riftbound"] .pricing-game-logo{
  position:absolute!important;z-index:1!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:calc(100% - 28px)!important;height:calc(100% - 24px)!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center center!important;opacity:.18!important;filter:saturate(.9)!important;pointer-events:none!important
}
.public-pricing-game .pricing-game-name{position:relative!important;z-index:2!important;display:block!important;max-width:none!important;margin:0 auto!important;text-align:center!important;font:700 24px/1.18 Sora,Inter,sans-serif!important;color:#fbfcff!important;text-shadow:0 2px 12px #0b101a,0 0 8px #0b101a!important}
.public-pricing-table thead th{font-size:14px!important;font-weight:700!important}
@media(max-width:700px){.public-pricing-game{min-width:260px!important}.public-pricing-game .pricing-game-name{font-size:21px!important}.public-pricing-game .pricing-game-logo{width:calc(100% - 24px)!important;height:calc(100% - 20px)!important}}


/* V16 — pricing module owns its CTA: full-width, high-visibility action inside the panel. */
.process-page .public-pricing{margin-bottom:44px!important;padding-bottom:32px!important}
.process-page .public-pricing-cta{width:100%;margin-top:22px!important}
.process-page .public-pricing-cta .btn{
  width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0 24px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #fabd26!important;border-radius:10px!important;background:#fabd26!important;color:#0b101a!important;
  font:700 15.5px/1 Sora,Inter,sans-serif!important;text-align:center!important;box-shadow:none!important
}
.process-page .public-pricing-cta .btn:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important}
.process-page .public-pricing-cta .btn:active{transform:translateY(0)!important;filter:brightness(.98)!important}
@media(max-width:700px){.process-page .public-pricing{margin-bottom:30px!important}.process-page .public-pricing-cta .btn{height:54px!important;min-height:54px!important}}

/* V20 — short-page desktop footer + canonical legal header alignment.
   Desktop public pages are rendered at zoom:.9, so 111.111vh fills the visible browser viewport. */
@media (min-width:901px){
  body.shop-page,
  body.cookies-page{
    height:auto!important;
    min-height:111.111vh!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.shop-page>main.container,
  body.cookies-page>main.container{flex:0 0 auto!important}
  body.shop-page>.site-footer,
  body.cookies-page>.site-footer{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:1200px!important;
    height:76px!important;
    min-height:76px!important;
    flex:0 0 76px!important;
    margin:0 auto!important;
    margin-top:auto!important;
  }
  body.cookies-page>.site-header.container .nav>a{
    top:19px!important;
    transform:none;
  }
  body.cookies-page>.site-header.container .nav>a:hover{transform:translateY(-1px)!important}
}