/*
Theme Name: Achados Gamer
Theme URI: https://achadosgamer.com
Author: Achados Gamer
Description: Tema leve, moderno e profissional para loja de keys digitais.
Version: 2.0.0
Text Domain: achados-gamer
*/
:root{
  --bg:#0a0d10;
  --surface:#11161b;
  --surface-2:#151c22;
  --text:#f7fafc;
  --muted:#9fb0bd;
  --line:#25313a;
  --accent:#34e6b0;
  --accent-2:#20c995;
  --accent-dark:#073a2d;
  --radius:18px;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 15% 0%, rgba(52,230,176,.08), transparent 30%),
    radial-gradient(circle at 90% 18%, rgba(52,230,176,.05), transparent 26%),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(calc(100% - 32px),var(--max));margin:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(10,13,16,.88);
  border-bottom:1px solid var(--line);
}
.header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  min-height:76px;
  gap:26px;
}
.brand{
  display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.03em;
}
.brand img{
  width:182px;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
}
.brand-fallback{font-size:1.2rem}
.brand-fallback span{color:var(--accent)}
.nav{display:flex;justify-content:center;gap:24px;color:var(--muted);font-size:.95rem}
.nav a:hover{color:var(--text)}
.actions{display:flex;gap:10px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 18px;border-radius:12px;
  border:1px solid var(--line);background:var(--surface);color:var(--text);
  font-weight:800;transition:.2s ease;
}
.btn:hover{transform:translateY(-1px);border-color:#3c4b55}
.btn-primary{background:var(--accent);color:#06110d;border-color:var(--accent)}
.search-strip{
  border-bottom:1px solid var(--line);
  background:rgba(14,18,22,.86);
}
.search-inner{
  display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;
  min-height:62px;
}
.search-box{
  display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:0 14px;
}
.search-box input{
  width:100%;height:44px;background:transparent;border:0;outline:0;color:var(--text);font-size:.96rem
}
.quick-cats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pill{
  padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);
  font-size:.82rem;background:var(--surface)
}
.hero{padding:78px 0 48px}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center}
.eyebrow{color:var(--accent);font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}
h1{
  font-size:clamp(2.6rem,6vw,5.1rem);line-height:.98;letter-spacing:-.058em;
  margin:14px 0 20px;max-width:780px
}
.hero p{color:var(--muted);font-size:1.08rem;max-width:680px}
.hero-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(24,32,39,.96),rgba(15,20,25,.96));
  border-radius:26px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.32)
}
.hero-card .metric{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.hero-card .metric:last-child{border-bottom:0}
.metric strong{color:#fff}
.section{padding:44px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.section h2{font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.045em;margin:0}
.section p{color:var(--muted)}
.deals-bar{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px
}
.deal-chip{
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);border-radius:16px;padding:16px
}
.deal-chip b{display:block;margin-bottom:4px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:.2s ease
}
.card:hover{transform:translateY(-3px);border-color:#3b4c57}
.card-body{padding:16px}
.badge{
  display:inline-flex;padding:6px 9px;border-radius:999px;background:#10291f;color:var(--accent);
  font-size:.75rem;font-weight:900
}
.price{font-size:1.35rem;font-weight:900;margin-top:10px}
.muted{color:var(--muted)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trust .item{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.site-footer{border-top:1px solid var(--line);padding:38px 0;color:var(--muted);margin-top:44px}
.footer-brand{color:var(--text);font-weight:900}
.woocommerce ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:16px!important;
}
.woocommerce ul.products li.product{
  width:auto!important;
  float:none!important;
  margin:0!important;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  padding-bottom:14px;
}
.woocommerce ul.products li.product a img{
  margin:0!important;
  aspect-ratio:16/10;
  object-fit:cover;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--text);
  padding:14px 14px 6px!important;
  font-size:1rem!important;
}
.woocommerce ul.products li.product .price{
  color:var(--accent)!important;
  padding:0 14px;
}
.woocommerce ul.products li.product .button{
  margin-left:14px!important;
}
.woocommerce div.product{
  background:transparent;color:var(--text)
}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--accent)!important;color:#06110d!important;border-radius:10px!important
}
@media(max-width:980px){
  .header-inner{grid-template-columns:auto auto}
  .nav{display:none}
  .search-inner{grid-template-columns:1fr}
  .quick-cats{justify-content:flex-start;padding-bottom:12px}
  .hero-grid,.deals-bar,.grid,.trust{grid-template-columns:1fr 1fr}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:640px){
  .header-inner{grid-template-columns:1fr auto}
  .brand img{width:145px}
  .actions .btn:first-child{display:none}
  .hero{padding-top:52px}
  .hero-grid,.deals-bar,.grid,.trust{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:1fr!important}
  .quick-cats{overflow:auto;flex-wrap:nowrap;padding-bottom:12px}
}