.shop-hero{padding:150px 0 55px;background:#070707}

.shop-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  padding:50px 0
}

.shop-card{
  background:#111;
  border:1px solid #292929;
  border-radius:22px;
  overflow:hidden
}

.shop-card img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover
}

.shop-body{padding:22px}

.shop-price{
  font-size:1.8rem;
  font-weight:900
}

.shop-btn,.pay-done{
  width:100%;
  background:#ffc400;
  border:0;
  border-radius:12px;
  padding:14px;
  font-weight:900
}

.order-modal{
  position:fixed;
  inset:0;
  background:#000c;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:20px
}

.order-modal.open{display:flex}

.order-box{
  background:#101010;
  border:1px solid #333;
  border-radius:22px;
  width:min(680px,100%);
  max-height:92vh;
  overflow:auto;
  padding:25px;
  position:relative
}

.order-close{
  position:absolute;
  right:18px;
  top:14px;
  background:none;
  border:0;
  color:#fff;
  font-size:28px
}

.order-box form,.pix-info{
  display:grid;
  gap:12px
}

.order-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px
}

.order-box label{
  display:grid;
  gap:6px
}

.order-box input,.order-box select{
  padding:12px;
  border-radius:10px;
  border:1px solid #444;
  background:#080808;
  color:#fff
}

.pix-info{
  padding:15px;
  background:#191919;
  border-left:4px solid #ffc400
}

.order-success{
  padding:14px;
  background:#102b18
}

.order-error{
  padding:14px;
  background:#351414
}

.copy-pix{
  margin:8px 0 4px;
  padding:10px 16px;
  border:1px solid #f4c400;
  border-radius:10px;
  background:#f4c400;
  color:#111;
  font-weight:800;
  cursor:pointer
}

.copy-pix:disabled{
  opacity:.8;
  cursor:default
}

/* ESPAÇAMENTO DO MENU SUPERIOR */
header .navlinks{
  display:flex;
  align-items:center;
  gap:32px;
}

header .navlinks a{
  display:inline-block;
}

@media(max-width:800px){
  .shop-grid,.order-grid{
    grid-template-columns:1fr
  }
}/* AJUSTE FINAL DO MENU DA LOJA */
header .container.nav > nav{
  display:flex !important;
  align-items:center !important;
  gap:40px !important;
}

header .container.nav > nav > a{
  display:block !important;
  margin:0 !important;
}
/* ========================================
   PEDIDO COM VÁRIAS CAMISAS
======================================== */

.shirt-quantity-box{
  margin:18px 0;
  padding:18px;
  background:#181818;
  border:1px solid #333;
  border-radius:16px;
}

.shirt-quantity-box label{
  margin:0 0 8px;
}

.shirt-quantity-box input{
  max-width:140px;
  font-size:1.1rem;
  font-weight:900;
}

.shirt-quantity-box small{
  display:block;
  color:#aaa;
  line-height:1.5;
}

.shirt-items{
  display:grid;
  gap:18px;
  margin:8px 0 20px;
}

.shirt-item{
  background:#0b0b0b;
  border:1px solid #353535;
  border-radius:18px;
  padding:18px;
}

.shirt-item-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #292929;
}

.shirt-item-head strong{
  color:#ffc400;
  font-size:1rem;
  letter-spacing:.04em;
}

.shirt-item-price{
  font-weight:900;
  font-size:1.05rem;
}

.shirt-personalization{
  padding:12px;
  background:#191919;
  border:1px solid #3a3a3a;
  border-radius:12px;
}

.shirt-personalization strong{
  color:#ffc400;
}

.shirt-personalization small{
  color:#ffc400;
  font-weight:700;
}

#pix-total{
  font-size:1.4rem;
  color:#ffc400;
}

@media(max-width:800px){
  .shirt-item .order-grid{
    grid-template-columns:1fr;
  }

  .shirt-item{
    padding:14px;
  }

  header .container.nav > nav{
    gap:16px !important;
  }
}