:root {
  --bg: #050505;
  --bg-soft: #0c0c0c;
  --card: rgba(18, 18, 18, 0.82);
  --card-border: rgba(57, 255, 20, 0.12);
  --text: #ffffff;
  --muted: #b7b7b7;
  --muted-2: #8a8a8a;
  --neon: #00c3ff;
  --neon-soft: #7dff63;
  --shadow-neon: 0 0 10px rgba(57, 255, 20, 0.35), 0 0 28px rgba(57, 255, 20, 0.18);
  --shadow-neon-strong: 0 0 14px rgba(57, 255, 20, 0.55), 0 0 34px rgba(57, 255, 20, 0.22);
  --radius: 22px;
  --container: 1280px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background:
    radial-gradient(circle at top, rgba(57, 255, 20, 0.05), transparent 28%),
    linear-gradient(to bottom, #030303, #080808 28%, #050505 100%);
  color: var(--text);
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

.hero {
  position: relative;
  min-height: 100vh;
  background:
    linear-gradient(to bottom, rgba(0,0,0,0.32), rgba(0,0,0,0.76)),
    url('img/Fundo.jpg') center/cover no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  isolation: isolate;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.58) 42%, rgba(0,0,0,0.86) 100%);
  z-index: 0;
}

.hero-glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(90px);
  opacity: 0.28;
  z-index: 0;
  animation: pulseGlow 7s ease-in-out infinite;
}

.hero-glow-1 {
  width: 320px;
  height: 320px;
  background: var(--neon);
  top: 90px;
  left: -60px;
}

.hero-glow-2 {
  width: 260px;
  height: 260px;
  background: var(--neon-soft);
  right: -40px;
  bottom: 90px;
  animation-delay: 1.6s;
}

.topbar {
  position: relative;
  z-index: 2;
  width: min(var(--container), calc(100% - 40px));
  margin: 0 auto;
  padding: 26px 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.brand-logo-img,
.footer-logo-img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 12px rgba(57, 255, 20, 0.25));
}

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.brand-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1.4px;
  color: var(--neon);
  text-shadow: 0 0 12px rgba(57, 255, 20, 0.26);
}

.brand-subtitle {
  font-size: 0.74rem;
  letter-spacing: 3px;
  color: #d5d5d5;
  margin-top: 2px;
}

.menu {
  display: flex;
  align-items: center;
  gap: 24px;
}

.menu a {
  position: relative;
  font-size: 0.92rem;
  font-weight: 600;
  color: #f3f3f3;
  letter-spacing: 0.8px;
  transition: color 0.25s ease;
}

.menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--neon);
  box-shadow: var(--shadow-neon);
  transition: width 0.28s ease;
}

.menu a:hover {
  color: var(--neon-soft);
}

.menu a:hover::after {
  width: 100%;
}

.hero-content {
  position: relative;
  z-index: 2;
  width: min(920px, calc(100% - 40px));
  margin: 0 auto;
  text-align: center;
  padding: 50px 0 120px;
  animation: fadeUp 1.1s ease both;
}

.hero-tag {
  display: inline-block;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 3px;
  color: var(--neon-soft);
  border: 1px solid rgba(57, 255, 20, 0.25);
  background: rgba(57, 255, 20, 0.06);
  padding: 10px 16px;
  border-radius: 999px;
  margin-bottom: 20px;
  box-shadow: 0 0 18px rgba(57, 255, 20, 0.08);
  backdrop-filter: blur(5px);
}

.hero-main-logo {
  width: 140px;
  max-width: 32vw;
  height: auto;
  display: block;
  margin: 0 auto 18px;
  filter: drop-shadow(0 0 16px rgba(57, 255, 20, 0.22));
}

.hero-content h1 {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  line-height: 0.9;
  font-size: clamp(3.4rem, 9vw, 7.2rem);
  letter-spacing: 2px;
}

.title-top {
  display: block;
  color: #ffffff;
  text-shadow: 0 0 18px rgba(255,255,255,0.08);
}

.title-bottom {
  display: block;
  color: var(--neon);
  text-shadow: 0 0 14px rgba(57, 255, 20, 0.35), 0 0 28px rgba(57, 255, 20, 0.12);
}

.hero-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 28px 0 20px;
}

.hero-line span {
  width: 85px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(to right, transparent, var(--neon), transparent);
  box-shadow: var(--shadow-neon);
}

.hero-line p {
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: #d6d6d6;
  max-width: 780px;
}

.hero-description {
  max-width: 730px;
  margin: 0 auto;
  font-size: 1.06rem;
  line-height: 1.8;
  color: var(--muted);
}

.hero-buttons {
  margin-top: 34px;
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.hero-btn {
  min-width: 190px;
  padding: 14px 24px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 0.96rem;
  letter-spacing: 0.7px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.hero-btn:hover {
  transform: translateY(-2px);
}

.hero-btn-primary {
  color: #061206;
  background: linear-gradient(135deg, var(--neon-soft), var(--neon));
  box-shadow: var(--shadow-neon-strong);
}

.hero-btn-primary:hover {
  box-shadow: 0 0 18px rgba(57, 255, 20, 0.65), 0 0 42px rgba(57, 255, 20, 0.24);
}

.hero-btn-secondary {
  color: var(--text);
  border: 1px solid rgba(57, 255, 20, 0.28);
  background: rgba(255,255,255,0.02);
  backdrop-filter: blur(6px);
}

.hero-btn-secondary:hover {
  color: var(--neon-soft);
  border-color: rgba(57, 255, 20, 0.5);
  box-shadow: 0 0 18px rgba(57, 255, 20, 0.1);
}

.products-section,
.features-section {
  position: relative;
  width: min(var(--container), calc(100% - 40px));
  margin: 0 auto;
  padding: 90px 0 30px;
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  text-align: center;
  margin-bottom: 38px;
}

.section-title span {
  width: 70px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(to right, transparent, var(--neon), transparent);
  box-shadow: var(--shadow-neon);
}

.section-title h2 {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: 1.6px;
  color: var(--neon);
  text-shadow: 0 0 16px rgba(57, 255, 20, 0.18);
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
  gap: 26px;
}

.product-card {
  position: relative;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)),
    var(--card);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  overflow: hidden;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.28);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  animation: fadeUp 0.8s ease both;
}

.product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(57, 255, 20, 0.08), transparent 38%, transparent 62%, rgba(57, 255, 20, 0.05));
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.product-card:hover {
  transform: translateY(-8px);
  border-color: rgba(57, 255, 20, 0.35);
  box-shadow: 0 18px 38px rgba(0,0,0,0.38), 0 0 20px rgba(57, 255, 20, 0.1);
}

.product-card:hover::before {
  opacity: 1;
}

.card-image-wrap {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #171717, #101010);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  min-height: 320px;
}

.card-image-wrap::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 60px;
  background: linear-gradient(to top, rgba(0,0,0,0.28), transparent);
  pointer-events: none;
}

.product-card img {
  width: 100%;
  height: 280px;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.product-card:hover img {
  transform: scale(1.03);
  filter: saturate(1.05);
}

.card-content {
  padding: 22px 22px 20px;
}

.product-card h3 {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.42rem;
  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 10px;
  color: #ffffff;
}

.product-card p {
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--muted);
  min-height: 52px;
}

.product-highlights {
  display: flex;
  gap: 10px;
  margin: 18px 0 22px;
  flex-wrap: wrap;
}

.product-highlights div {
  min-width: 110px;
  flex: 1;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(57, 255, 20, 0.08);
  border-radius: 14px;
  padding: 12px 10px;
  text-align: center;
}

.product-highlights span {
  display: block;
  font-size: 1.1rem;
  margin-bottom: 6px;
}

.product-highlights small {
  color: #d8d8d8;
  font-size: 0.78rem;
  font-weight: 600;
}

.buy-button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--neon-soft), var(--neon));
  color: #041004;
  font-weight: 800;
  letter-spacing: 1px;
  box-shadow: var(--shadow-neon);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.buy-button:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 0 18px rgba(57, 255, 20, 0.66), 0 0 40px rgba(57, 255, 20, 0.22);
  filter: brightness(1.03);
}

.features-section {
  padding-top: 80px;
  padding-bottom: 100px;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 22px;
}

.feature-box {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)),
    rgba(18, 18, 18, 0.88);
  border: 1px solid rgba(57, 255, 20, 0.1);
  border-radius: var(--radius);
  padding: 28px 22px;
  text-align: center;
  box-shadow: 0 10px 26px rgba(0,0,0,0.24);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.feature-box:hover {
  transform: translateY(-6px);
  border-color: rgba(57, 255, 20, 0.26);
  box-shadow: 0 16px 34px rgba(0,0,0,0.34), 0 0 20px rgba(57, 255, 20, 0.08);
}

.feature-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 1.7rem;
  background: rgba(57, 255, 20, 0.08);
  border: 1px solid rgba(57, 255, 20, 0.18);
  box-shadow: var(--shadow-neon);
}

.feature-box h4 {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.26rem;
  letter-spacing: 1px;
  margin-bottom: 8px;
  color: #ffffff;
}

.feature-box p {
  color: var(--muted);
  line-height: 1.7;
  font-size: 0.93rem;
}

footer {
  border-top: 1px solid rgba(57, 255, 20, 0.08);
  background:
    linear-gradient(to bottom, rgba(255,255,255,0.01), rgba(255,255,255,0)),
    #040404;
  padding: 54px 20px 28px;
}

.footer-grid {
  width: min(var(--container), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.7fr 1fr;
  gap: 30px;
  align-items: start;
}

.footer-brand {
  display: flex;
  gap: 14px;
  align-items: center;
}

.footer-brand h3 {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.45rem;
  letter-spacing: 1px;
  color: var(--neon);
}

.footer-contact a,
.footer-links a {
  color: var(--muted);
}

.footer-links,
.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-links h4,
.footer-contact h4 {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 1.2px;
  color: #ffffff;
  margin-bottom: 4px;
}

.footer-links a,
.footer-contact a {
  transition: color 0.25s ease, transform 0.25s ease;
  word-break: break-word;
}

.footer-links a:hover,
.footer-contact a:hover {
  color: var(--neon-soft);
  transform: translateX(3px);
}

.footer-copy {
  width: min(var(--container), 100%);
  margin: 24px auto 0;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.06);
  text-align: center;
  color: var(--muted-2);
  font-size: 0.84rem;
}

.floating-whatsapp {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--neon-soft), var(--neon));
  color: #041004;
  padding: 14px 18px;
  border-radius: 999px;
  font-weight: 800;
  box-shadow: 0 0 18px rgba(57, 255, 20, 0.55), 0 0 40px rgba(57, 255, 20, 0.22);
  border: 1px solid rgba(255,255,255,0.16);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  animation: floatZap 2.5s ease-in-out infinite;
}

.floating-whatsapp:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 0 22px rgba(57, 255, 20, 0.72), 0 0 50px rgba(57, 255, 20, 0.26);
}

.floating-whatsapp svg {
  width: 24px;
  height: 24px;
  display: block;
}

.floating-whatsapp span {
  font-size: 0.94rem;
  letter-spacing: 0.4px;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulseGlow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.22;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.34;
  }
}

@keyframes floatZap {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

@media (max-width: 980px) {
  .topbar {
    flex-direction: column;
    justify-content: center;
    padding-top: 22px;
  }

  .menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }

  .hero-content {
    padding-top: 40px;
    padding-bottom: 90px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .hero {
    min-height: 92vh;
    background-position: center;
  }

  .topbar {
    width: min(100% - 24px, var(--container));
    gap: 14px;
  }

  .brand-logo-img,
  .footer-logo-img {
    width: 50px;
    height: 50px;
  }

  .brand-title {
    font-size: 1.02rem;
  }

  .brand-subtitle {
    font-size: 0.68rem;
    letter-spacing: 2px;
  }

  .menu a {
    font-size: 0.84rem;
  }

  .hero-tag {
    font-size: 0.72rem;
    letter-spacing: 2px;
    padding: 9px 12px;
  }

  .hero-main-logo {
    width: 100px;
    margin-bottom: 14px;
  }

  .hero-line {
    gap: 10px;
  }

  .hero-line span {
    width: 34px;
  }

  .hero-line p {
    font-size: 0.72rem;
    letter-spacing: 1.3px;
  }

  .hero-description {
    font-size: 0.95rem;
    line-height: 1.7;
  }

  .hero-buttons {
    flex-direction: column;
    align-items: center;
  }

  .hero-btn {
    width: 100%;
    max-width: 320px;
  }

  .products-section,
  .features-section {
    width: min(100% - 24px, var(--container));
    padding-top: 70px;
  }

  .section-title {
    gap: 10px;
    margin-bottom: 28px;
  }

  .section-title span {
    width: 26px;
  }

  .card-image-wrap {
    min-height: 270px;
    padding: 14px;
  }

  .product-card img {
    height: 220px;
  }

  .card-content {
    padding: 18px 16px 18px;
  }

  .product-card h3 {
    font-size: 1.22rem;
  }

  .product-card p {
    min-height: auto;
  }

  .floating-whatsapp {
    right: 14px;
    bottom: 14px;
    padding: 13px 15px;
  }

  .floating-whatsapp span {
    display: none;
  }
}
.loading-products {
  grid-column: 1 / -1;
  text-align: center;
  color: var(--muted);
  padding: 40px 0;
}

.price-line {
  margin: 12px 0 4px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.55rem;
  font-weight: 800;
  color: var(--neon);
  text-shadow: 0 0 12px rgba(57, 255, 20, 0.18);
}

.buy-button {
  border: 0;
  cursor: pointer;
  font-family: inherit;
}

body.modal-open {
  overflow: hidden;
}

.order-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(8px);
}

.order-modal.show {
  display: flex;
}

.order-modal-content {
  position: relative;
  width: min(980px, 100%);
  max-height: 92vh;
  overflow: auto;
  background: linear-gradient(180deg, rgba(22,22,22,0.98), rgba(7,7,7,0.98));
  border: 1px solid rgba(57,255,20,0.25);
  border-radius: 24px;
  box-shadow: 0 20px 70px rgba(0,0,0,0.55), 0 0 28px rgba(57,255,20,0.12);
  padding: 28px;
}

.modal-close {
  position: absolute;
  right: 18px;
  top: 14px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(57,255,20,0.22);
  border-radius: 999px;
  background: rgba(255,255,255,0.03);
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.modal-header {
  padding-right: 54px;
  margin-bottom: 22px;
}

.modal-kicker {
  color: var(--neon-soft);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 2px;
}

.modal-header h2 {
  font-family: 'Rajdhani', sans-serif;
  color: #fff;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  line-height: 1;
  margin: 8px 0;
}

.order-form h3 {
  font-family: 'Rajdhani', sans-serif;
  margin: 22px 0 12px;
  color: var(--neon);
  letter-spacing: 1px;
}

.form-grid {
  display: grid;
  gap: 14px;
  margin-bottom: 14px;
}

.form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid.three { grid-template-columns: 0.8fr 1.6fr 0.7fr; }

.order-form label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #e8e8e8;
  font-size: 0.88rem;
  font-weight: 700;
}

.order-form input {
  width: 100%;
  border: 1px solid rgba(57,255,20,0.16);
  border-radius: 13px;
  background: rgba(255,255,255,0.045);
  color: #fff;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

.order-form input:focus {
  border-color: rgba(57,255,20,0.55);
  box-shadow: 0 0 0 3px rgba(57,255,20,0.08);
}

.total-box {
  border: 1px solid rgba(57,255,20,0.18);
  border-radius: 16px;
  background: rgba(57,255,20,0.06);
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.total-box span {
  color: var(--muted);
  font-size: 0.82rem;
}

.total-box strong {
  color: var(--neon);
  font-size: 1.35rem;
}

.payment-warning {
  margin: 20px 0 12px;
  border: 1px solid rgba(57,255,20,0.18);
  background: rgba(57,255,20,0.065);
  color: #e8e8e8;
  border-radius: 16px;
  padding: 14px;
  line-height: 1.5;
}

.form-message {
  min-height: 22px;
  margin: 8px 0 12px;
  font-weight: 700;
}

.form-message.error { color: #ff8c8c; }
.form-message.success { color: var(--neon-soft); }

.submit-order {
  width: 100%;
  border: 0;
  border-radius: 15px;
  padding: 16px 18px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #041004;
  background: linear-gradient(135deg, var(--neon-soft), var(--neon));
  box-shadow: var(--shadow-neon);
  cursor: pointer;
}

.submit-order:disabled {
  opacity: 0.68;
  cursor: wait;
}

@media (max-width: 720px) {
  .order-modal { padding: 10px; }
  .order-modal-content { padding: 22px 14px; border-radius: 18px; }
  .form-grid.two,
  .form-grid.three,
  .form-grid.two.small-state { grid-template-columns: 1fr; }
  .modal-header { padding-right: 48px; }
}

/* LOGIN, CLIENTE E ADMIN NO MESMO SITE */
.hidden{display:none!important}.top-action{border:1px solid rgba(57,255,20,.45);background:rgba(0,0,0,.35);color:#eaffea;border-radius:999px;padding:9px 13px;font-family:Rajdhani,Arial,sans-serif;font-weight:700;letter-spacing:.04em;cursor:pointer}.top-action:hover{background:rgba(57,255,20,.12);color:#00c3ff}.auth-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.78);z-index:9999;padding:20px}.auth-modal.show{display:flex}.auth-card{width:min(460px,100%);background:linear-gradient(145deg,#071107,#111b11);border:1px solid rgba(57,255,20,.28);box-shadow:0 0 50px rgba(57,255,20,.14);border-radius:24px;padding:26px;position:relative;color:#fff}.auth-card h2{font-family:Rajdhani,Arial,sans-serif;font-size:34px;margin:6px 0}.auth-card p{color:#c9d8c9}.site-form{display:grid;gap:14px}.site-form label{display:grid;gap:6px;color:#dff7df;font-weight:700}.site-form input,.site-form textarea,.site-form select{width:100%;border:1px solid rgba(57,255,20,.22);background:rgba(0,0,0,.42);color:#fff;border-radius:14px;padding:12px 13px;font:inherit}.link-button{background:transparent;border:0;color:#00c3ff;text-decoration:underline;cursor:pointer;margin-top:10px;font-weight:700}.dashboard{padding:44px clamp(16px,4vw,60px);background:#050805;color:#fff}.dashboard h2{font-family:Rajdhani,Arial,sans-serif;font-size:42px;margin:0}.dash-sub{color:#aebdae}.back-store,.admin-head button,.panel-head button,.secondary{border:1px solid rgba(57,255,20,.35);background:rgba(57,255,20,.08);color:#dfffdc;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.admin-tab{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.admin-tab.active{border-color:#00c3ff;color:#00c3ff;background:rgba(57,255,20,.1)}.admin-panel{display:none}.admin-panel.active{display:block}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0}.panel-head h3{font-family:Rajdhani,Arial,sans-serif;font-size:30px;margin:0}.panel-head select{border:1px solid rgba(57,255,20,.25);background:#101710;color:#fff;border-radius:12px;padding:10px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px}.dash-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(57,255,20,.035));border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.dash-card .card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.muted{color:#aebdae;font-size:13px}.tag{display:inline-block;border:1px solid rgba(57,255,20,.35);color:#00c3ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.price{color:#fff;font-weight:900;margin-top:8px}.actions{margin-top:12px}.admin-split{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:18px;align-items:start}.product-thumb{width:76px;height:76px;object-fit:cover;border-radius:14px;background:#111}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}.history{margin-top:14px;display:grid;gap:10px}.history-item{border-left:3px solid #00c3ff;padding:10px 12px;background:rgba(255,255,255,.05);border-radius:10px}.check-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}.check-line input{width:auto!important}.form-message.success{color:#88ff88}.form-message.error{color:#ff8d8d}.floating-whatsapp{max-width:calc(100vw - 24px);right:12px!important}
@media(max-width:860px){.menu{gap:8px}.top-action{padding:8px 10px;font-size:12px}.admin-head,.panel-head{align-items:flex-start;flex-direction:column}.admin-split{grid-template-columns:1fr}.dashboard{padding:28px 14px}.dashboard h2{font-size:34px}.auth-card{padding:22px}.dash-card .card-top{flex-direction:column}.floating-whatsapp{right:10px!important;bottom:10px!important}}

/* Promoções, descontos e fotos extras */
.card-image-wrap { position: relative; }
.discount-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  background: linear-gradient(135deg, #00c3ff, #b7ff00);
  color: #071107;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: .04em;
  padding: 7px 12px;
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(57,255,20,.45);
  text-transform: uppercase;
}
.old-price {
  display: block;
  color: rgba(255,255,255,.55);
  text-decoration: line-through;
  font-size: .95rem;
  margin-bottom: 2px;
}
.shipping-line, .discount-note {
  color: #b7ffb1;
  font-weight: 700;
  font-size: .92rem;
  margin: 8px 0;
}
.discount-note { color: #ffe77a; }
.total-box small {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.72);
  font-size: .82rem;
  line-height: 1.25;
}
.form-help {
  color: rgba(255,255,255,.72);
  font-size: .9rem;
  line-height: 1.35;
  border: 1px solid rgba(57,255,20,.25);
  background: rgba(57,255,20,.06);
  border-radius: 12px;
  padding: 10px 12px;
  margin: 8px 0 12px;
}
.site-form textarea {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.35);
  color: #fff;
  padding: 11px 12px;
  resize: vertical;
}


/* Ajustes finais: mobile e tema preto/verde em todas as telas */
input, textarea, select, button { max-width: 100%; }
.order-modal, .auth-modal { background: rgba(0,0,0,.84) !important; }
.order-modal-content, .auth-card, .dashboard, .dash-card { color: #fff; }
.order-modal-content, .auth-card { background: linear-gradient(180deg, #101610, #050805) !important; }
@media (max-width: 760px) {
  html, body { width: 100%; overflow-x: hidden; }
  .topbar { align-items: center; }
  .menu { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .menu a, .top-action { text-align: center; width: 100%; }
  .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .card-image-wrap { min-height: 160px; padding: 10px; }
  .product-card img { height: 138px; }
  .card-content { padding: 14px 11px 14px; }
  .product-card h3 { font-size: 1.02rem; }
  .product-card p { font-size: .82rem; line-height: 1.35; }
  .price-line { font-size: 1.24rem; }
  .buy-button, .submit-order { padding: 13px 12px; font-size: .9rem; }
  .discount-badge { font-size: .75rem; padding: 5px 8px; top: 8px; left: 8px; }
  .auth-card { width: min(100%, 420px); max-height: 92vh; overflow: auto; }
  .admin-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .products-grid { grid-template-columns: 1fr; }
  .product-card img { height: 210px; }
  .card-image-wrap { min-height: 240px; }
}

/* Ajuste pedido: quando o login é administrador, a loja some e fica só o painel.
   Assim o ADM não precisa rolar pelos produtos de compra para chegar em pedidos/produtos/clientes. */
body.admin-mode .hero {
  min-height: auto;
  height: auto;
  padding-bottom: 0;
}
body.admin-mode .hero-content,
body.admin-mode #storeView,
body.admin-mode .features-section {
  display: none !important;
}
body.admin-mode #adminView {
  margin-top: 24px;
}
body.admin-mode .topbar {
  position: relative;
  border-bottom: 1px solid rgba(57,255,20,.25);
  background: rgba(0,0,0,.92);
}
body.admin-mode .menu a[href="#produtos"] {
  display: none;
}


/* CORREÇÃO CLIQUE DAS ABAS DO PAINEL ADM
   Antes, em alguns navegadores/zooms, a área central das abas Pedidos e Produtos ficava coberta por outra camada.
   Agora as abas ficam acima de qualquer painel e o clique funciona no botão inteiro, não só na borda. */
.admin-tabs{
  position: relative;
  z-index: 50;
  isolation: isolate;
  pointer-events: auto;
}
.admin-tab{
  position: relative;
  z-index: 51;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  line-height: 1;
  pointer-events: auto;
  user-select: none;
}
.admin-panel{
  position: relative;
  z-index: 1;
}
@media(max-width:760px){
  .admin-tabs{grid-template-columns: repeat(3, minmax(0,1fr));}
  .admin-tab{width:100%;}
}
@media(max-width:430px){
  .admin-tabs{grid-template-columns: 1fr;}
}


.company-fields{border:1px solid rgba(0,255,136,.22);background:rgba(0,255,136,.045);border-radius:18px;padding:14px;margin:10px 0 18px;}
.doc-info{border:1px dashed rgba(0,255,136,.35);border-radius:14px;padding:12px;color:#dfffe9;background:rgba(0,0,0,.35);font-size:.9rem;}
.same-address-line{align-self:end;min-height:48px;display:flex!important;align-items:center;gap:8px;}
@media (max-width:760px){.company-fields{padding:10px;border-radius:14px}.doc-info{font-size:.82rem}.same-address-line{min-height:auto}}

/* Atualização: carrinho, detalhes e upload/admin */
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.detail-button,.secondary{border:1px solid rgba(57,255,20,.55);background:rgba(0,0,0,.65);color:#b8ffb0;border-radius:14px;padding:12px 14px;font-weight:800;letter-spacing:.04em;transition:.2s}.detail-button:hover,.secondary:hover{background:rgba(57,255,20,.12);transform:translateY(-1px)}.cart-modal-content,.details-modal-content{max-width:980px}.cart-items{display:grid;gap:12px;margin:20px 0}.cart-item{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid rgba(57,255,20,.25);border-radius:16px;background:rgba(0,0,0,.55)}.cart-item img{width:86px;height:86px;object-fit:cover;border-radius:12px;background:#050505}.cart-info{display:grid;gap:5px}.cart-info small{color:#96ff86}.cart-controls{display:grid;gap:8px;justify-items:end}.cart-controls input{width:78px;background:#050505;border:1px solid rgba(57,255,20,.35);color:#fff;border-radius:10px;padding:9px}.cart-controls button{background:transparent;border:0;color:#ff7777;text-decoration:underline;cursor:pointer}.cart-total{display:grid;gap:7px;margin:12px 0 18px;padding:16px;border:1px solid rgba(57,255,20,.35);border-radius:16px;background:rgba(57,255,20,.06)}.cart-total strong{font-size:1.35rem;color:#00c3ff}.cart-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.details-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.details-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details-gallery img{width:100%;min-height:160px;max-height:340px;object-fit:cover;border-radius:16px;border:1px solid rgba(57,255,20,.25);background:#050505}.details-gallery .main-detail-img{grid-column:1/-1;max-height:520px}.details-info{display:grid;gap:14px;padding:18px;border:1px solid rgba(57,255,20,.25);border-radius:18px;background:rgba(0,0,0,.5)}.details-info ul{margin:0;padding-left:18px;color:#dfffdb}.mini-history{margin-top:14px}.form-help{background:rgba(57,255,20,.08);border:1px solid rgba(57,255,20,.25);border-radius:14px;padding:10px 12px;color:#cfffc8;font-size:.92rem}@media(max-width:760px){.product-actions{grid-template-columns:1fr}.cart-item{grid-template-columns:70px 1fr}.cart-controls{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.cart-actions{display:grid}.details-grid{grid-template-columns:1fr}.details-gallery{grid-template-columns:1fr}.details-gallery img{max-height:none}.menu{gap:7px}.top-action{font-size:.72rem;padding:8px 9px}}


/* ===== CORREÇÃO FINAL 03/05 - MOBILE + VITRINE 3 POR LINHA ===== */
.products-grid{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

@media (max-width: 760px){
  body{ overflow-x:hidden; }
  .hero{ min-height:auto; padding-bottom: 22px; }
  .topbar{
    width:100%;
    max-width:100%;
    padding: 18px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap: 14px !important;
    box-sizing:border-box;
  }
  .brand{
    width:100%;
    justify-content:center !important;
    text-align:center;
    margin:0 auto;
  }
  .brand-logo-img{ width:64px !important; height:64px !important; }
  .brand-text{ text-align:left; }
  .menu{
    width:100% !important;
    display:grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items:stretch !important;
  }
  .menu a,
  .menu button,
  .top-action{
    min-width:0 !important;
    width:100% !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding: 9px 8px !important;
    font-size: .9rem !important;
    line-height:1.05 !important;
    white-space:normal !important;
    border-radius: 999px !important;
    box-sizing:border-box;
  }
  body.admin-mode .topbar{ position:relative !important; }
  body.admin-mode #adminView{ margin-top:0 !important; }
  .dashboard{ padding: 28px 12px !important; }
  .dashboard h2{ font-size: clamp(36px, 12vw, 58px) !important; line-height:.95; }
  .admin-head{ gap:14px !important; }
  .admin-tabs{
    display:grid !important;
    grid-template-columns: 1fr !important;
    gap:12px !important;
  }
  .admin-tab{ min-height:58px !important; font-size:1.1rem !important; width:100% !important; }

  .products-section{ padding-left:10px !important; padding-right:10px !important; }
  .products-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .product-card{ border-radius:14px !important; }
  .card-image-wrap{ min-height:92px !important; padding:5px !important; }
  .product-card img{ height:86px !important; object-fit:contain !important; }
  .card-content{ padding: 9px 6px 10px !important; }
  .product-card h3{ font-size:.72rem !important; line-height:1.05 !important; margin-bottom:5px !important; }
  .product-card p{ font-size:.62rem !important; line-height:1.18 !important; margin-bottom:6px !important; }
  .shipping-line,.discount-note{ font-size:.58rem !important; margin:4px 0 !important; }
  .price-line{ font-size:.86rem !important; margin:5px 0 !important; }
  .product-highlights{ display:none !important; }
  .product-actions{ grid-template-columns:1fr !important; gap:6px !important; margin-top:7px !important; }
  .buy-button,.detail-button{ min-height:34px !important; padding:7px 4px !important; font-size:.62rem !important; border-radius:10px !important; letter-spacing:.02em !important; }
  .discount-badge{ font-size:.52rem !important; padding:3px 5px !important; top:5px !important; left:5px !important; }
  .floating-whatsapp{ right:12px !important; bottom:12px !important; width:auto !important; max-width:140px !important; }
}

@media (min-width: 761px){
  .products-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}



/* ===== AJUSTE MOBILE HEADER COMPACTO - 3D SHOW IMPRESSÃO ===== */
@media (max-width: 768px) {
  header, .header, .topbar, .top-bar, .site-header, .oc-premium-header {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .oc-premium-header-inner, .header-inner, .topbar-inner, .nav-wrap, .menu-area {
    gap: 6px !important;
    padding: 6px 10px !important;
  }
  .oc-brand img, .logo img, header img {
    max-height: 44px !important;
    width: auto !important;
  }
  .oc-brand-text strong {
    font-size: 15px !important;
    letter-spacing: .16em !important;
  }
  .oc-brand-text span {
    font-size: 11px !important;
    letter-spacing: .14em !important;
  }
  nav, .nav, .menu, .menu-buttons, .oc-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin-top: 4px !important;
  }
  nav a, nav button, .nav a, .nav button, .menu a, .menu button,
  .menu-buttons a, .menu-buttons button, .oc-nav button {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 6px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    letter-spacing: .04em !important;
  }
  .hero, #inicio, .home-hero {
    padding-top: 16px !important;
    min-height: auto !important;
  }
  .hero h1, #inicio h1, .home-hero h1 {
    font-size: clamp(38px, 13vw, 64px) !important;
    margin-top: 12px !important;
  }
}



/* ===== AJUSTE FINAL MOBILE: PRIMEIRA TELA MAIS COMPACTA ===== */
@media (max-width: 768px) {
  .site-header,
  header,
  .header,
  .topbar,
  .top-bar {
    min-height: auto !important;
    padding: 6px 10px !important;
  }

  .nav,
  nav,
  .menu,
  .menu-buttons,
  .header-actions {
    gap: 5px !important;
    margin-top: 4px !important;
  }

  .nav button,
  .nav a,
  nav button,
  nav a,
  .menu button,
  .menu a,
  .menu-buttons button,
  .menu-buttons a,
  .header-actions button,
  .header-actions a {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .brand,
  .logo,
  .site-logo {
    margin-bottom: 2px !important;
  }

  .brand img,
  .logo img,
  .site-logo img {
    max-height: 42px !important;
  }

  .hero,
  #inicio,
  .home-hero {
    padding-top: 12px !important;
  }
}



/* ===== FIX FINAL: esconder botão Painel ADM para visitante/customer ===== */
body.oc-role-guest-final [data-admin-only-final="true"],
body.oc-role-customer-final [data-admin-only-final="true"],
body:not(.oc-role-admin-final) [data-admin-only-final="true"] {
  display: none !important;
}

/* Integração Pagar.me: pagamento online sem WhatsApp na finalização */
.payment-methods{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 14px}.payment-methods .check-line{border:1px solid rgba(57,255,20,.28);border-radius:14px;padding:12px 14px;background:rgba(0,0,0,.35)}.payment-result{margin:16px 0;padding:16px;border:1px solid rgba(57,255,20,.38);border-radius:16px;background:rgba(57,255,20,.07);display:grid;gap:10px}.payment-result textarea{width:100%;min-height:110px;border-radius:12px;border:1px solid rgba(57,255,20,.35);background:#050505;color:#fff;padding:12px}.pix-qr{width:180px;max-width:100%;border-radius:12px;background:#fff;padding:10px}
.product-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.add-cart-button{background:rgba(57,255,20,.15);color:#d6ffd2;border:1px solid rgba(57,255,20,.45)}@media(max-width:760px){.product-actions{grid-template-columns:1fr}.payment-methods{display:grid}}

/* 3D SHOW Impressão v5 - cores por status no painel */
.dash-card.status-red{border-color:rgba(255,70,70,.65)!important;box-shadow:0 0 18px rgba(255,70,70,.16)!important}
.dash-card.status-yellow{border-color:rgba(255,214,64,.75)!important;box-shadow:0 0 18px rgba(255,214,64,.14)!important}
.dash-card.status-green{border-color:rgba(57,255,20,.75)!important;box-shadow:0 0 18px rgba(57,255,20,.16)!important}
.tag.status-red{border-color:rgba(255,70,70,.75)!important;color:#ff6b6b!important;background:rgba(255,70,70,.08)!important}
.tag.status-yellow{border-color:rgba(255,214,64,.8)!important;color:#ffd84d!important;background:rgba(255,214,64,.1)!important}
.tag.status-green{border-color:rgba(57,255,20,.8)!important;color:#00c3ff!important;background:rgba(57,255,20,.1)!important}
.history-item.status-red{border-left-color:#ff4d4d!important}
.history-item.status-yellow{border-left-color:#ffd84d!important}
.history-item.status-green{border-left-color:#00c3ff!important}
.signup-full-fields{max-height:52vh;overflow:auto;padding:12px;border:1px solid rgba(57,255,20,.18);border-radius:16px;background:rgba(0,0,0,.16)}
.signup-full-fields h3{font-family:Rajdhani,Arial,sans-serif;color:#00c3ff;margin:8px 0 2px;letter-spacing:.05em}

/* v7 - Painel cliente/ADM mais compacto e navegável */
.dashboard{
  min-height: calc(100vh - 90px);
}
.dashboard .back-store{
  position: sticky;
  top: 12px;
  z-index: 5;
  margin-bottom: 14px;
}
.dash-grid{
  grid-template-columns: repeat(auto-fill, minmax(260px, 300px)) !important;
  align-items: start;
  justify-content: start;
}
.order-dashboard-card{
  width: 100%;
  height: 310px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 13px !important;
}
.order-dashboard-card .card-top{
  flex: 0 0 auto;
  gap: 8px;
}
.order-dashboard-card .price{
  margin-top: 6px;
  white-space: nowrap;
}
.order-price-box{
  text-align: right;
  min-width: 92px;
}
.order-items-line{
  flex: 0 0 auto;
  max-height: 42px;
  overflow: hidden;
  margin: 8px 0 6px;
  line-height: 1.35;
}
.order-card-history{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-right: 5px;
  margin-top: 6px !important;
}
.order-card-history::-webkit-scrollbar,
#statusOrderDetails .history::-webkit-scrollbar{
  width: 7px;
}
.order-card-history::-webkit-scrollbar-thumb,
#statusOrderDetails .history::-webkit-scrollbar-thumb{
  background: rgba(57,255,20,.38);
  border-radius: 99px;
}
.order-card-actions{
  flex: 0 0 auto;
  margin-top: 8px !important;
}
.order-dashboard-card .history-item{
  padding: 8px 9px;
  font-size: .86rem;
}
#statusOrderDetails .history{
  max-height: 320px;
  overflow-y: auto;
  padding-right: 5px;
}
#installments option{
  color:#111;
}
@media(max-width:760px){
  .dash-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .order-dashboard-card{
    height: 285px;
    padding: 10px !important;
    border-radius: 14px !important;
  }
  .order-dashboard-card .card-top{
    display:block !important;
  }
  .order-price-box{
    text-align:left;
    margin-top:6px;
  }
  .order-dashboard-card strong{
    font-size:.95rem;
  }
  .order-dashboard-card .muted,
  .order-dashboard-card .history-item{
    font-size:.76rem;
  }
  .order-dashboard-card .tag{
    font-size:.68rem;
    padding:4px 7px;
  }
  .order-items-line{
    max-height:34px;
  }
}
@media(max-width:430px){
  .dash-grid{
    grid-template-columns: 1fr !important;
  }
  .order-dashboard-card{
    height: 270px;
  }
}

/* ===== 3D SHOW IMPRESSÃO — TEMA ESCURO RGB ===== */
:root{
  --primary:#00c3ff;
  --primary2:#ff005d;
  --accent:#8a2be2;
  --dark:#05070d;
  --card:#10131d;
  --text:#ffffff;
}
body{
  background: linear-gradient(rgba(3,5,10,.48), rgba(3,5,10,.70)), url('img/Fundo.jpg') center/cover fixed no-repeat !important;
  color:#fff;
}
.hero{ background: transparent !important; }
.hero-overlay{ background: radial-gradient(circle at 20% 20%, rgba(0,195,255,.16), transparent 32%), radial-gradient(circle at 82% 32%, rgba(255,0,93,.14), transparent 36%), linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.55)) !important; }
.topbar{ background:rgba(5,7,13,.74); backdrop-filter: blur(14px); border-bottom:1px solid rgba(255,255,255,.08); }
.brand-title,.brand-subtitle,.modal-kicker{ color:#fff !important; }
.brand-title,.title-top{
  font-family:'NFL RedZone','NFL REDZONE','Impact','Arial Black',sans-serif !important;
  background:linear-gradient(90deg,#00c3ff,#8a2be2) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  letter-spacing:.04em;
}
.brand-subtitle,.title-bottom{
  font-family:'NFL RedZone','NFL REDZONE','Impact','Arial Black',sans-serif !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  letter-spacing:.04em;
}
.hero-btn-primary,.submit-order,.buy-button{ background:linear-gradient(90deg,#00c3ff,#8a2be2,#ff005d) !important; color:#fff !important; box-shadow:0 0 22px rgba(0,195,255,.25); }
.hero-btn-secondary,.top-action,.detail-button,.secondary,.link-button{ border:1px solid rgba(0,195,255,.45) !important; color:#fff !important; background:rgba(255,255,255,.04) !important; }
.product-card,.feature-box,.auth-card,.order-modal-content,.dash-card,.admin-panel,.site-form,.cart-item{
  background: linear-gradient(#10131d,#10131d) padding-box, linear-gradient(120deg,#00c3ff,#00ff95,#ffe600,#ff7300,#ff005d,#8a2be2,#00c3ff) border-box !important;
  border:1px solid transparent !important;
  box-shadow:0 0 25px rgba(0,0,0,.45), 0 0 16px rgba(0,195,255,.08) !important;
}
.product-card:hover{ transform:translateY(-4px); box-shadow:0 0 28px rgba(0,195,255,.18),0 0 30px rgba(255,0,93,.10) !important; }
.category-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 28px;max-width:1100px;padding:0 15px;}
.cat-tab{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;letter-spacing:.04em;cursor:pointer;}
.cat-tab.active{background:linear-gradient(90deg,#00c3ff,#8a2be2,#ff005d);border-color:transparent;}
.category-pill{font-size:.72rem;letter-spacing:.08em;color:#00c3ff;font-weight:800;text-transform:uppercase;margin-bottom:6px;}
.quote-price{font-size:1.25rem;color:#00ff95 !important;}
.card-image-wrap img{object-fit:contain;background:#fff;border-radius:14px;}
.footer-copy{color:rgba(255,255,255,.72)}
@media(max-width:760px){
  .category-tabs{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:6px;}
  .cat-tab{white-space:nowrap;font-size:.78rem;padding:9px 11px;}
  .product-card p{display:none;}
}


/* ===== AJUSTE V2 — VITRINE INICIAL + LOGO/TÍTULO ===== */
.hero-tag{display:none !important;}
.hero-main-logo{margin-top:0 !important;}
.hero h1 .title-top{
  background:linear-gradient(90deg,#00c3ff,#8a2be2) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
}
.hero h1 .title-bottom{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 0 20px rgba(255,255,255,.18) !important;
}
@supports not (-webkit-background-clip:text){
  .brand-title,.title-top{color:#6f53ff !important;}
}


/* ===== AJUSTE V3 — HERO E TOPO CORRIGIDOS ===== */
.topbar{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:16px clamp(18px, 6vw, 70px) !important;
  background:linear-gradient(90deg, rgba(3,8,18,.45), rgba(10,12,25,.30), rgba(0,195,255,.10)) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
  border-bottom:1px solid rgba(0,195,255,.22) !important;
  box-shadow:0 10px 35px rgba(0,0,0,.22) !important;
}
.brand-title{
  font-size:1.18rem !important;
  white-space:nowrap !important;
}
.brand-subtitle{
  font-family:'Inter','Rajdhani',Arial,sans-serif !important;
  font-size:.72rem !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  letter-spacing:.22em !important;
  white-space:nowrap !important;
}
.hero-main-logo{display:none !important;}
.hero-content{
  width:min(1050px, calc(100% - 40px)) !important;
  padding:120px 0 115px !important;
}
.hero-content h1{
  margin:0 auto !important;
  line-height:.86 !important;
  letter-spacing:0 !important;
}
.hero h1 .title-top{
  display:block !important;
  white-space:nowrap !important;
  font-family:'NFL RedZone','NFL REDZONE','Impact','Arial Black',sans-serif !important;
  font-size:clamp(3.1rem, 10vw, 8.4rem) !important;
  line-height:.86 !important;
  letter-spacing:.015em !important;
  background:linear-gradient(90deg,#00c3ff 0%,#3b82ff 42%,#8a2be2 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
}
.hero h1 .title-bottom{
  display:block !important;
  margin-top:.03em !important;
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-size:clamp(2.2rem, 6.2vw, 5.4rem) !important;
  font-weight:900 !important;
  line-height:.92 !important;
  letter-spacing:.08em !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 0 22px rgba(255,255,255,.22), 0 0 32px rgba(0,195,255,.10) !important;
}
.hero-line{ margin:24px 0 14px !important; }
.hero-description{ font-size:1rem !important; }
@media(max-width:760px){
  .topbar{
    padding:12px 14px !important;
    gap:12px !important;
  }
  .brand-logo-img{width:50px !important;height:50px !important;}
  .brand-title{font-size:.98rem !important;}
  .brand-subtitle{font-size:.60rem !important;letter-spacing:.16em !important;}
  .menu{gap:8px !important;}
  .menu a,.top-action{font-size:.68rem !important;padding:8px 9px !important;}
  .hero-content{padding:88px 0 80px !important;}
  .hero h1 .title-top{font-size:clamp(2.4rem, 15vw, 4.8rem) !important;}
  .hero h1 .title-bottom{font-size:clamp(1.55rem, 9vw, 3rem) !important;}
}
@media(max-width:420px){
  .hero h1 .title-top{font-size:2.35rem !important;}
  .hero h1 .title-bottom{font-size:1.55rem !important;}
}

/* ===== AJUSTE V4 — HERO COM FUNDO ROLANDO + TÍTULO REESCALADO ===== */
body{
  background:#05070d !important;
  background-image:linear-gradient(180deg,#05070d 0%,#090b12 42%,#05070d 100%) !important;
  background-attachment:scroll !important;
}
.hero{
  min-height:min(100vh, 820px) !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.08) 50%, rgba(0,0,0,.30) 100%),
    url('img/Fundo.jpg') center top/cover no-repeat !important;
  background-attachment:scroll !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
.hero-overlay{
  background:linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.06) 50%, rgba(0,0,0,.42) 100%) !important;
  pointer-events:none !important;
}
.hero-glow{display:none !important;}
.topbar{
  position:relative !important;
  background:linear-gradient(90deg, rgba(2,10,24,.62), rgba(10,12,28,.42), rgba(80,20,95,.26)) !important;
  border-bottom:1px solid rgba(0,195,255,.24) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.18) !important;
}
.hero-content{
  width:min(880px, calc(100% - 40px)) !important;
  margin:0 auto !important;
  padding:64px 0 0 !important;
  transform:translateY(-4px) !important;
}
.hero-content h1{
  max-width:880px !important;
  overflow:visible !important;
  line-height:.9 !important;
}
.hero h1 .title-top{
  display:block !important;
  white-space:nowrap !important;
  font-size:clamp(3rem, 6.25vw, 6.25rem) !important;
  line-height:.82 !important;
  letter-spacing:.01em !important;
  transform:skewX(-8deg) scaleX(.96) !important;
  transform-origin:center !important;
  padding:0 .10em .04em !important;
}
.hero h1 .title-bottom{
  margin-top:.06em !important;
  font-size:clamp(1.75rem, 3.15vw, 3.25rem) !important;
  line-height:.95 !important;
  letter-spacing:.13em !important;
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  transform:none !important;
}
.hero-line{
  margin:18px 0 10px !important;
}
.hero-line p{
  font-size:.82rem !important;
  letter-spacing:.13em !important;
}
.hero-description{
  margin-top:0 !important;
  font-size:.95rem !important;
  line-height:1.55 !important;
}
.hero-buttons{
  margin-top:22px !important;
  transform:translateY(-2px) !important;
}
.hero-btn{
  min-width:170px !important;
  padding:12px 22px !important;
}
@media(min-width:1200px){
  .hero-content{padding-top:58px !important;}
}
@media(max-width:900px){
  .hero{
    min-height:760px !important;
    background-position:center top !important;
  }
  .hero-content{
    padding-top:72px !important;
    width:min(720px, calc(100% - 32px)) !important;
  }
  .hero h1 .title-top{font-size:clamp(2.25rem, 12vw, 4.7rem) !important;}
  .hero h1 .title-bottom{font-size:clamp(1.35rem, 6.8vw, 2.5rem) !important;}
  .hero-line span{width:42px !important;}
  .hero-line p{font-size:.72rem !important;letter-spacing:.08em !important;}
  .hero-buttons{margin-top:18px !important;}
}
@media(max-width:520px){
  .hero{
    min-height:720px !important;
    background-size:auto 720px !important;
    background-position:center top !important;
  }
  .hero-content{padding-top:54px !important;}
  .hero h1 .title-top{font-size:2.45rem !important;}
  .hero h1 .title-bottom{font-size:1.35rem !important;letter-spacing:.10em !important;}
  .hero-line{margin-top:14px !important;}
  .hero-line span{display:none !important;}
  .hero-description{font-size:.84rem !important;}
  .hero-btn{min-width:145px !important;padding:11px 15px !important;font-size:.78rem !important;}
}


/* ===== AJUSTE V4 ATUALIZADO — HERO MENOR + CARROSSEL NA VITRINE ===== */
body{
  background:#05070d !important;
  background-image:linear-gradient(180deg,#05070d 0%,#090b12 45%,#05070d 100%) !important;
  background-attachment:scroll !important;
}
.hero{
  min-height:760px !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.05) 54%, rgba(0,0,0,.34) 100%),
    url('img/Fundo.jpg') center top/cover no-repeat !important;
  background-attachment:scroll !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
.topbar{
  padding:12px clamp(18px, 6vw, 70px) !important;
  min-height:72px !important;
  background:linear-gradient(90deg, rgba(2,10,24,.58), rgba(10,12,28,.36), rgba(80,20,95,.22)) !important;
}
.brand-logo-img{width:44px !important;height:44px !important;}
.brand-title{
  font-size:.92rem !important;
  line-height:.88 !important;
  max-width:150px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  transform:skewX(-8deg) scaleX(.86) !important;
  transform-origin:left center !important;
}
.brand-subtitle{
  font-size:.50rem !important;
  letter-spacing:.18em !important;
  margin-top:2px !important;
  font-family:'Inter','Rajdhani',Arial,sans-serif !important;
}
.hero-content{
  width:min(790px, calc(100% - 40px)) !important;
  padding:150px 0 0 !important;
  transform:translateY(0) !important;
}
.hero-content h1{
  max-width:760px !important;
  overflow:visible !important;
}
.hero h1 .title-top{
  display:block !important;
  white-space:nowrap !important;
  font-size:clamp(2.55rem, 5.05vw, 4.95rem) !important;
  line-height:.82 !important;
  letter-spacing:.006em !important;
  transform:skewX(-8deg) scaleX(.86) !important;
  transform-origin:center !important;
  padding:0 .18em .05em !important;
}
.hero h1 .title-bottom{
  margin-top:.04em !important;
  font-size:clamp(1.45rem, 2.55vw, 2.55rem) !important;
  line-height:.95 !important;
  letter-spacing:.14em !important;
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
}
.hero-line{
  margin:26px 0 10px !important;
}
.hero-line p{
  font-size:.78rem !important;
  letter-spacing:.12em !important;
}
.hero-description{
  font-size:.92rem !important;
  line-height:1.48 !important;
}
.hero-buttons{
  margin-top:20px !important;
}
.products-section{
  padding-top:62px !important;
}
.carousel-shell{
  position:relative;
  width:100%;
}
body.home-carousel-mode .products-grid{
  display:flex !important;
  grid-template-columns:none !important;
  gap:18px !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:8px 54px 18px !important;
  scrollbar-width:thin;
}
body.home-carousel-mode .product-card{
  flex:0 0 clamp(245px, 25vw, 310px) !important;
  scroll-snap-align:start;
}
.carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:44px;
  height:58px;
  border-radius:16px;
  border:1px solid rgba(0,195,255,.45);
  background:linear-gradient(135deg,rgba(0,195,255,.28),rgba(138,43,226,.26),rgba(255,0,93,.20));
  color:#fff;
  font-size:2.2rem;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 0 24px rgba(0,195,255,.18), 0 14px 30px rgba(0,0,0,.38);
  backdrop-filter:blur(12px);
}
.carousel-prev{left:0;}
.carousel-next{right:0;}
.carousel-arrow:hover{filter:brightness(1.18);}
.hidden.carousel-arrow{display:none !important;}
@media(max-width:900px){
  .hero{min-height:710px !important;background-size:auto 710px !important;background-position:center top !important;}
  .hero-content{padding-top:132px !important;width:min(680px, calc(100% - 28px)) !important;}
  .hero h1 .title-top{font-size:clamp(2rem, 11vw, 3.7rem) !important;transform:skewX(-8deg) scaleX(.82) !important;}
  .hero h1 .title-bottom{font-size:clamp(1.15rem, 6vw, 2.05rem) !important;}
  .products-section{padding-top:48px !important;}
}
@media(max-width:520px){
  .topbar{padding:10px 12px !important;min-height:64px !important;}
  .brand-logo-img{width:38px !important;height:38px !important;}
  .brand-title{font-size:.72rem !important;max-width:118px !important;}
  .brand-subtitle{font-size:.42rem !important;letter-spacing:.13em !important;}
  .hero{min-height:680px !important;background-size:auto 680px !important;}
  .hero-content{padding-top:126px !important;}
  .hero h1 .title-top{font-size:2rem !important;transform:skewX(-8deg) scaleX(.80) !important;}
  .hero h1 .title-bottom{font-size:1.08rem !important;letter-spacing:.10em !important;}
  .hero-line p{font-size:.62rem !important;}
  body.home-carousel-mode .products-grid{padding-left:42px !important;padding-right:42px !important;}
  body.home-carousel-mode .product-card{flex-basis:235px !important;}
  .carousel-arrow{width:36px;height:52px;font-size:1.9rem;}
}

/* ===== AJUSTE FINAL — FUNDO SEM LOGO + LOGO NO HERO + VITRINE 3x2 ===== */
body{
  background:#05070d !important;
  background-image:linear-gradient(180deg,#05070d 0%,#080b12 45%,#05070d 100%) !important;
  background-attachment:scroll !important;
}
.hero{
  min-height:760px !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.08) 58%, rgba(0,0,0,.38) 100%),
    url('img/Fundo.png') center top/cover no-repeat !important;
  background-attachment:scroll !important;
  overflow:hidden !important;
}
.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.15) 70%,rgba(0,0,0,.48)) !important;}
.topbar{
  min-height:76px !important;
  padding:12px clamp(20px,5vw,66px) !important;
  background:linear-gradient(90deg,rgba(4,7,15,.62),rgba(14,9,28,.44),rgba(3,7,15,.56)) !important;
}
.brand-logo-img{width:54px !important;height:54px !important;object-fit:contain !important;}
.brand-title{
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-size:1.08rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  letter-spacing:.10em !important;
  background:linear-gradient(90deg,#00c3ff,#3b82ff,#8a2be2) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  transform:none !important;
}
.brand-subtitle{
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-size:.64rem !important;
  letter-spacing:.22em !important;
}
.hero-content{
  width:min(900px,calc(100% - 36px)) !important;
  padding:70px 0 154px !important;
}
.hero-main-logo{
  display:block !important;
  width:120px !important;
  height:120px !important;
  object-fit:contain !important;
  margin:0 auto 14px !important;
  filter:drop-shadow(0 0 16px rgba(0,195,255,.20)) drop-shadow(0 0 20px rgba(138,43,226,.18)) !important;
}
.hero-content h1{
  margin:0 auto !important;
  line-height:.9 !important;
  letter-spacing:0 !important;
  transform:none !important;
}
.hero h1 .title-top{
  display:block !important;
  white-space:nowrap !important;
  font-family:'Rajdhani','Inter','Arial Black',Arial,sans-serif !important;
  font-weight:900 !important;
  font-style:italic !important;
  font-size:clamp(3rem,7vw,5.8rem) !important;
  line-height:.86 !important;
  letter-spacing:.02em !important;
  background:linear-gradient(90deg,#00c3ff 0%,#387bff 46%,#8a2be2 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
  transform:none !important;
}
.hero h1 .title-bottom{
  display:block !important;
  margin-top:.04em !important;
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(1.95rem,4.6vw,3.85rem) !important;
  line-height:.92 !important;
  letter-spacing:.14em !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  transform:none !important;
}
.hero-line{margin:48px 0 12px !important;}
.hero-buttons{margin-top:28px !important;}
.products-section{padding-top:34px !important;}
.carousel-shell{position:relative;max-width:1240px;margin:0 auto;}
body.home-carousel-mode .products-grid{
  display:grid !important;
  grid-template-rows:repeat(2,minmax(185px,1fr)) !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 32px) / 3) !important;
  grid-template-columns:none !important;
  gap:16px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x mandatory !important;
  padding:0 58px 12px !important;
  scrollbar-width:none !important;
}
body.home-carousel-mode .products-grid::-webkit-scrollbar{display:none !important;}
body.home-carousel-mode .product-card{
  width:auto !important;
  min-width:0 !important;
  height:100% !important;
  scroll-snap-align:start !important;
}
.carousel-arrow{
  z-index:20 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}
.carousel-prev{left:6px !important;}
.carousel-next{right:6px !important;}
@media(max-width:900px){
  body.home-carousel-mode .products-grid{
    grid-auto-columns:calc((100% - 12px) / 2) !important;
    grid-template-rows:repeat(2,minmax(170px,1fr)) !important;
    padding-left:44px !important;
    padding-right:44px !important;
  }
}
@media(max-width:560px){
  .hero{min-height:690px !important;background-position:center top !important;}
  .topbar{min-height:64px !important;padding:10px 12px !important;}
  .brand-logo-img{width:42px !important;height:42px !important;}
  .brand-title{font-size:.78rem !important;letter-spacing:.06em !important;max-width:140px !important;}
  .brand-subtitle{font-size:.50rem !important;letter-spacing:.13em !important;}
  .hero-content{padding:54px 0 118px !important;width:calc(100% - 24px) !important;}
  .hero-main-logo{width:92px !important;height:92px !important;margin-bottom:10px !important;}
  .hero h1 .title-top{font-size:clamp(2.05rem,12vw,3.2rem) !important;}
  .hero h1 .title-bottom{font-size:clamp(1.35rem,7.5vw,2.1rem) !important;letter-spacing:.09em !important;}
  .hero-line{margin:30px 0 10px !important;}
  .hero-line p{font-size:.76rem !important;}
  .hero-description{font-size:.84rem !important;}
  .hero-buttons{margin-top:20px !important;}
  body.home-carousel-mode .products-grid{
    grid-auto-columns:100% !important;
    grid-template-rows:repeat(2,minmax(160px,1fr)) !important;
    padding-left:42px !important;
    padding-right:42px !important;
  }
}

/* === AJUSTE V4 PRETO + CARROSSEL 3X2 === */
html, body{
  background:#000 !important;
}
body{
  background:#000 !important;
}
main, #storeView, .products-section, .features-section, footer, .dashboard{
  background:#000 !important;
}
.hero{
  min-height:760px !important;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,.18) 48%, rgba(0,0,0,.48) 100%),
    url('img/Fundo.png') center top/cover no-repeat !important;
}
.hero-overlay{
  background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.16) 55%, rgba(0,0,0,.52) 100%) !important;
}
.hero-glow{display:none !important;}
.topbar{
  width:100% !important;
  min-height:92px !important;
  padding:14px 52px !important;
  margin:0 !important;
  background:rgba(0,0,0,.72) !important;
  border-bottom:1px solid rgba(0,195,255,.18) !important;
  backdrop-filter:blur(12px) !important;
}
.brand-logo-img{width:50px !important;height:50px !important;}
.brand-title{
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-size:1.24rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  line-height:.9 !important;
  white-space:nowrap !important;
  background:linear-gradient(90deg,#00c3ff,#3b82ff,#8a2be2) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  transform:none !important;
}
.brand-subtitle{
  color:#fff !important;
  font-size:.58rem !important;
  letter-spacing:.22em !important;
}
.hero-content{
  width:min(840px,calc(100% - 36px)) !important;
  padding:34px 0 228px !important;
  margin:0 auto !important;
}
.hero-main-logo{
  display:block !important;
  width:112px !important;
  height:112px !important;
  margin:0 auto 8px !important;
  object-fit:contain !important;
}
.hero-content h1{
  margin:0 !important;
  transform:none !important;
  line-height:.92 !important;
}
.hero h1 .title-top{
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-style:normal !important;
  font-weight:800 !important;
  font-size:clamp(2.55rem,5.2vw,4.75rem) !important;
  line-height:.9 !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
  background:linear-gradient(90deg,#00c3ff 0%,#3b82ff 48%,#8a2be2 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
}
.hero h1 .title-bottom{
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:clamp(1.55rem,3.05vw,2.85rem) !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  margin-top:.02em !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 0 12px rgba(255,255,255,.12) !important;
}
.hero-line{margin:30px 0 12px !important;}
.hero-line p{font-size:.83rem !important;letter-spacing:.12em !important;}
.hero-description{font-size:.96rem !important;line-height:1.45 !important;}
.hero-buttons{margin-top:22px !important;}
.products-section{
  width:min(1240px,calc(100% - 40px)) !important;
  padding-top:18px !important;
}
.section-title{margin-bottom:26px !important;}
.category-tabs{margin-bottom:26px !important;}
.carousel-shell{
  position:relative !important;
  max-width:1240px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  padding:0 58px !important;
}
body.home-carousel-mode .products-grid{
  width:100% !important;
  display:grid !important;
  grid-template-rows:repeat(2, minmax(185px, auto)) !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 32px) / 3) !important;
  grid-template-columns:none !important;
  gap:16px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 0 12px 0 !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
}
body.home-carousel-mode .product-card{
  width:100% !important;
  min-width:0 !important;
  scroll-snap-align:start !important;
}
.carousel-prev{left:6px !important;}
.carousel-next{right:6px !important;}
.card-image-wrap{min-height:245px !important;}
.product-card img{height:220px !important;}
@media(max-width:900px){
  .topbar{padding:12px 18px !important;min-height:76px !important;}
  .hero{min-height:710px !important;background-size:auto 710px !important;background-position:center top !important;}
  .hero-content{padding:38px 0 160px !important;}
  .hero-main-logo{width:90px !important;height:90px !important;}
  .hero h1 .title-top{font-size:clamp(2rem,10vw,3.45rem) !important;}
  .hero h1 .title-bottom{font-size:clamp(1.25rem,6vw,2rem) !important;letter-spacing:.12em !important;}
  .carousel-shell{padding:0 44px !important;}
  body.home-carousel-mode .products-grid{grid-auto-columns:calc((100% - 12px)/2) !important;gap:12px !important;}
}
@media(max-width:560px){
  .hero{min-height:670px !important;background-size:auto 670px !important;background-position:center top !important;}
  .hero-content{padding:32px 0 130px !important;}
  .hero-main-logo{width:78px !important;height:78px !important;}
  .hero h1 .title-top{font-size:clamp(1.75rem,10vw,2.7rem) !important;}
  .hero h1 .title-bottom{font-size:clamp(1.05rem,6vw,1.65rem) !important;}
  .hero-line{margin:22px 0 9px !important;}
  .hero-buttons{margin-top:16px !important;}
  .carousel-shell{padding:0 40px !important;}
  body.home-carousel-mode .products-grid{grid-auto-columns:100% !important;grid-template-rows:repeat(2,minmax(160px,auto)) !important;}
}

/* === V4 CORRIGIDO REAL — CENTRALIZAÇÃO, CARROSSEL 3X2 E BOTÕES === */
html, body, main, #storeView, .products-section, .features-section, footer { background:#000 !important; }
.hero{
  min-height:790px !important;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.10) 54%,rgba(0,0,0,.62) 100%), url('img/Fundo.png') center top/cover no-repeat !important;
}
.topbar{
  width:100% !important;
  min-height:86px !important;
  padding:12px clamp(24px,4vw,56px) !important;
  background:rgba(0,0,0,.78) !important;
  border-bottom:1px solid rgba(0,195,255,.18) !important;
}
.brand-logo-img{ width:56px !important; height:56px !important; }
.brand-title{
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-size:1.45rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  white-space:nowrap !important;
}
.brand-subtitle{ font-size:.68rem !important; letter-spacing:.22em !important; color:#fff !important; }
.hero-content{
  width:min(980px,calc(100% - 40px)) !important;
  margin:0 auto !important;
  text-align:center !important;
  padding:56px 0 205px !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}
.hero-main-logo{
  display:block !important;
  width:130px !important;
  height:130px !important;
  margin:0 auto 12px !important;
  object-fit:contain !important;
}
.hero-content h1{
  margin:0 auto !important;
  text-align:center !important;
  max-width:980px !important;
  width:100% !important;
}
.hero h1 .title-top{
  display:block !important;
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-style:normal !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  font-size:clamp(3.7rem,6.6vw,6.6rem) !important;
  line-height:.84 !important;
  letter-spacing:.055em !important;
  background:linear-gradient(90deg,#00c3ff 0%,#3485ff 45%,#8a2be2 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
  transform:none !important;
}
.hero h1 .title-bottom{
  display:block !important;
  margin-top:.08em !important;
  font-family:'Rajdhani','Inter',Arial,sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(2.15rem,3.45vw,3.55rem) !important;
  line-height:1 !important;
  letter-spacing:.22em !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.hero-line{ margin:38px 0 12px !important; }
.hero-description{ margin-top:0 !important; }
.hero-buttons{ margin-top:24px !important; }
.products-section{
  width:min(1240px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  padding-top:20px !important;
}
.carousel-shell{
  width:100% !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:0 56px !important;
  overflow:hidden !important;
  position:relative !important;
}
body.home-carousel-mode .products-grid{
  display:grid !important;
  grid-template-columns:none !important;
  grid-template-rows:repeat(2, minmax(0, auto)) !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 32px) / 3) !important;
  gap:16px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 0 16px 0 !important;
  scrollbar-width:none !important;
  scroll-snap-type:x mandatory !important;
}
body.home-carousel-mode .products-grid::-webkit-scrollbar{ display:none !important; }
body.home-carousel-mode .product-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  scroll-snap-align:start !important;
}
.carousel-arrow{ top:50% !important; transform:translateY(-50%) !important; }
.carousel-prev{ left:5px !important; }
.carousel-next{ right:5px !important; }
.product-actions{
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
.product-actions .buy-button,
.product-actions .detail-button{
  flex:1 1 92px !important;
  min-width:92px !important;
  padding:12px 9px !important;
  font-size:.72rem !important;
  line-height:1.05 !important;
  text-align:center !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
.product-actions [data-quote-product-id]{
  flex:1 1 150px !important;
  min-width:150px !important;
}
.card-image-wrap{ min-height:220px !important; }
.product-card img{ height:200px !important; object-fit:contain !important; }
@media(max-width:900px){
  .hero{min-height:720px !important;background-size:auto 720px !important;background-position:center top !important;}
  .hero-content{padding:44px 0 150px !important;width:calc(100% - 28px) !important;}
  .hero-main-logo{width:98px !important;height:98px !important;}
  .hero h1 .title-top{font-size:clamp(2.45rem,11vw,4rem) !important;letter-spacing:.035em !important;}
  .hero h1 .title-bottom{font-size:clamp(1.4rem,6vw,2.3rem) !important;letter-spacing:.16em !important;}
  .carousel-shell{padding:0 44px !important;}
  body.home-carousel-mode .products-grid{grid-auto-columns:calc((100% - 12px)/2) !important;gap:12px !important;}
}
@media(max-width:560px){
  .topbar{padding:10px 12px !important;min-height:70px !important;}
  .brand-logo-img{width:42px !important;height:42px !important;}
  .brand-title{font-size:.82rem !important;}
  .brand-subtitle{font-size:.48rem !important;}
  .hero{min-height:660px !important;background-size:auto 660px !important;}
  .hero-content{padding:34px 0 118px !important;}
  .hero-main-logo{width:78px !important;height:78px !important;}
  .hero h1 .title-top{font-size:clamp(2rem,13vw,3rem) !important;}
  .hero h1 .title-bottom{font-size:clamp(1.05rem,7vw,1.65rem) !important;letter-spacing:.12em !important;}
  .carousel-shell{padding:0 40px !important;}
  body.home-carousel-mode .products-grid{grid-auto-columns:100% !important;grid-template-rows:repeat(2,minmax(0,auto)) !important;}
}

/* =========================================================
   FIX V4.1 — MOBILE, ADMIN E WHATSAPP
   ========================================================= */

/* Admin: sem hero gigante. Mantém só a barra de topo. */
body.admin-mode .hero,
body.admin-mode header.hero{
  min-height:86px !important;
  height:86px !important;
  background:#000 !important;
  overflow:visible !important;
}
body.admin-mode .hero-content,
body.admin-mode .hero-overlay,
body.admin-mode .hero-glow{
  display:none !important;
}
body.admin-mode .dashboard{
  padding-top:22px !important;
  margin-top:0 !important;
}
body.admin-mode #adminView{
  min-height:calc(100vh - 86px) !important;
}
body.admin-mode #logoutBtn,
body.oc-role-admin-final #logoutBtn{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Admin: pedido inteiro colorido por status. */
.dashboard .order-dashboard-card.status-green{
  background:linear-gradient(135deg, rgba(0,125,60,.82), rgba(0,65,45,.88)) padding-box,
             linear-gradient(120deg,#00ff95,#00c3ff) border-box !important;
  border:1px solid transparent !important;
  box-shadow:0 0 22px rgba(0,255,149,.18) !important;
}
.dashboard .order-dashboard-card.status-yellow{
  background:linear-gradient(135deg, rgba(135,92,0,.86), rgba(72,52,0,.9)) padding-box,
             linear-gradient(120deg,#ffe600,#ff7300) border-box !important;
  border:1px solid transparent !important;
  box-shadow:0 0 22px rgba(255,214,64,.18) !important;
}
.dashboard .order-dashboard-card.status-red{
  background:linear-gradient(135deg, rgba(115,18,32,.86), rgba(58,8,18,.92)) padding-box,
             linear-gradient(120deg,#ff005d,#ff7300) border-box !important;
  border:1px solid transparent !important;
  box-shadow:0 0 22px rgba(255,0,93,.18) !important;
}
.dashboard .order-dashboard-card .muted,
.dashboard .order-dashboard-card .history-item,
.dashboard .order-dashboard-card .order-items-line{
  color:rgba(255,255,255,.9) !important;
}
.dashboard .order-dashboard-card .price{color:#fff !important;text-shadow:0 0 8px rgba(255,255,255,.12)!important;}
.dashboard .order-dashboard-card .tag{background:rgba(0,0,0,.32)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important;}

/* Menu contato vira WhatsApp visualmente */
.menu a[href^="https://wa.me"],
.footer-links a[href^="https://wa.me"]{
  color:#25d366 !important;
}
.menu a[href^="https://wa.me"]::after{
  background:#25d366 !important;
  box-shadow:0 0 14px rgba(37,211,102,.38) !important;
}

/* Mobile: força fundo aparecer. Como o centro da arte é escuro, posiciona para pegar a impressora/cores. */
@media(max-width:760px){
  .hero,
  header.hero{
    background-image:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.84) 100%), url('img/Fundo.png') !important;
    background-repeat:no-repeat !important;
    background-size:auto 100% !important;
    background-position:68% top !important;
    min-height:650px !important;
  }
  .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.72)) !important;}
  .hero-content{padding:28px 0 105px !important;width:calc(100% - 22px) !important;}
  .hero-main-logo{width:76px !important;height:76px !important;margin-bottom:8px !important;}
  .hero h1 .title-top{font-size:clamp(2.05rem,12vw,3rem) !important;letter-spacing:.025em !important;}
  .hero h1 .title-bottom{font-size:clamp(1.05rem,6.6vw,1.55rem) !important;letter-spacing:.12em !important;}
  .hero-line{margin:18px 0 8px !important;gap:8px !important;}
  .hero-line span{width:36px !important;}
  .hero-line p{font-size:.62rem !important;letter-spacing:.08em !important;line-height:1.25 !important;}
  .hero-description{font-size:.78rem !important;max-width:320px !important;margin:0 auto !important;}
  .hero-buttons{gap:8px !important;margin-top:14px !important;}
  .hero-btn{padding:10px 14px !important;font-size:.78rem !important;}

  .products-section{width:calc(100% - 18px) !important;padding-top:14px !important;}
  .section-title h2{font-size:clamp(1.55rem,8vw,2.15rem) !important;letter-spacing:.08em !important;}
  .category-tabs{gap:7px !important;overflow-x:auto !important;justify-content:flex-start !important;padding:2px 4px 10px !important;scrollbar-width:none !important;}
  .category-tabs::-webkit-scrollbar{display:none !important;}
  .cat-tab{font-size:.68rem !important;padding:8px 10px !important;white-space:nowrap !important;}

  .carousel-shell{padding:0 34px !important;overflow:hidden !important;}
  body.home-carousel-mode .products-grid{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-template-rows:repeat(2, minmax(0, auto)) !important;
    grid-auto-columns:calc((100% - 10px) / 2) !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 12px 0 !important;
    scroll-snap-type:x mandatory !important;
  }
  body.home-carousel-mode .product-card{scroll-snap-align:start !important;}
  .carousel-arrow{width:30px !important;height:48px !important;font-size:1.75rem !important;border-radius:13px !important;}
  .carousel-prev{left:0 !important;}
  .carousel-next{right:0 !important;}

  .product-card{
    border-radius:13px !important;
    padding:8px !important;
    min-height:0 !important;
    background:linear-gradient(#10131d,#10131d) padding-box,linear-gradient(130deg,#00c3ff,#8a2be2,#ff005d) border-box !important;
    box-shadow:0 0 12px rgba(0,195,255,.09) !important;
  }
  .card-image-wrap{min-height:118px !important;border-radius:10px !important;margin-bottom:8px !important;}
  .product-card img{height:112px !important;max-height:112px !important;border-radius:10px !important;}
  .card-content{gap:5px !important;}
  .category-pill{font-size:.55rem !important;letter-spacing:.04em !important;margin-bottom:1px !important;}
  .product-card h3{font-size:.82rem !important;line-height:1.08 !important;margin:0 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .product-card p{font-size:.68rem !important;line-height:1.25 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .shipping-line,.discount-note{font-size:.62rem !important;line-height:1.2 !important;}
  .price-line{font-size:.95rem !important;margin-top:2px !important;}
  .product-highlights{grid-template-columns:1fr 1fr !important;gap:5px !important;margin:4px 0 !important;}
  .product-highlights div{padding:6px 3px !important;border-radius:9px !important;min-height:40px !important;}
  .product-highlights span{font-size:.72rem !important;}
  .product-highlights small{font-size:.56rem !important;}
  .product-actions{gap:5px !important;display:grid !important;grid-template-columns:1fr !important;}
  .product-actions .buy-button,
  .product-actions .detail-button,
  .product-actions [data-quote-product-id]{
    min-width:0 !important;
    width:100% !important;
    padding:8px 5px !important;
    min-height:32px !important;
    font-size:.59rem !important;
    border-radius:9px !important;
    letter-spacing:.02em !important;
  }
}

@media(max-width:390px){
  .carousel-shell{padding:0 30px !important;}
  body.home-carousel-mode .products-grid{grid-auto-columns:calc((100% - 8px) / 2) !important;gap:8px !important;}
  .product-card{padding:7px !important;}
  .card-image-wrap{min-height:104px !important;}
  .product-card img{height:100px !important;max-height:100px !important;}
  .product-card h3{font-size:.76rem !important;}
  .product-card p{font-size:.63rem !important;}
  .price-line{font-size:.86rem !important;}
}


/* =========================================================
   V10.1 — MOBILE HOME REAL COM FUNDOMOBILE + MENU LIMPO
   ========================================================= */
@media (max-width: 760px){
  html, body{
    background:#000 url('img/Fundomobile.png') center top / cover no-repeat fixed !important;
    min-height:100% !important;
  }
  body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    background:
      linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.18) 48%, rgba(0,0,0,.72) 100%),
      url('img/Fundomobile.png') center top / cover no-repeat !important;
    pointer-events:none;
  }

  .hero,
  header.hero{
    min-height:100svh !important;
    height:auto !important;
    background:
      linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,.74) 100%),
      url('img/Fundomobile.png') center top / cover no-repeat !important;
    background-attachment:scroll !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
  }
  .hero-overlay{
    background:linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.20) 55%, rgba(0,0,0,.72) 100%) !important;
  }

  /* Topo mobile transparente: sem bloco preto, usando a arte como fundo */
  .topbar{
    width:100% !important;
    min-height:auto !important;
    padding:28px 18px 16px !important;
    margin:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:18px !important;
  }
  .brand{
    justify-content:center !important;
    gap:10px !important;
  }
  .brand-logo-img{width:74px !important;height:74px !important;}
  .brand-title{font-size:1.15rem !important;letter-spacing:.10em !important;max-width:none !important;transform:none !important;}
  .brand-subtitle{font-size:.62rem !important;letter-spacing:.26em !important;}

  .menu{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px 10px !important;
    align-items:center !important;
    justify-items:center !important;
    padding:0 !important;
  }
  .menu a{
    font-size:1.02rem !important;
    letter-spacing:.06em !important;
    text-align:center !important;
    padding:8px 2px !important;
    min-width:0 !important;
  }
  .menu .top-action{
    width:100% !important;
    min-width:0 !important;
    justify-content:center !important;
    padding:13px 9px !important;
    border-radius:999px !important;
    font-size:.83rem !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
    background:rgba(0,0,0,.22) !important;
    border:1px solid rgba(0,195,255,.58) !important;
    box-shadow:0 0 16px rgba(0,195,255,.08) !important;
  }

  /* Mobile: antes do login não mostra carrinho/meus pedidos/sair/painel. */
  body.oc-auth-guest #cartBtn,
  body.oc-auth-guest #myOrdersBtn,
  body.oc-auth-guest #logoutBtn,
  body.oc-auth-guest #adminBtn{
    display:none !important;
  }
  body.oc-auth-guest #loginOpenBtn{display:inline-flex !important;}

  /* Mobile: logado mostra carrinho, meus pedidos e sair. Admin também mostra painel. */
  body.oc-auth-logged #loginOpenBtn{display:none !important;}
  body.oc-auth-logged #cartBtn,
  body.oc-auth-logged #myOrdersBtn,
  body.oc-auth-logged #logoutBtn{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  body.oc-auth-logged:not(.oc-role-admin-final) #adminBtn{display:none !important;}
  body.oc-auth-logged.oc-role-admin-final #adminBtn{display:inline-flex !important;}

  .hero-content{
    width:calc(100% - 30px) !important;
    margin:0 auto !important;
    padding:34px 0 80px !important;
  }
  .hero-main-logo{width:82px !important;height:82px !important;margin-bottom:8px !important;}
  .hero h1 .title-top{font-size:clamp(2.35rem,12vw,3.45rem) !important;letter-spacing:.05em !important;}
  .hero h1 .title-bottom{font-size:clamp(1.25rem,7vw,1.85rem) !important;letter-spacing:.18em !important;}
  .hero-line{margin:26px 0 14px !important;}
  .hero-line span{display:none !important;}
  .hero-line p{font-size:.84rem !important;line-height:1.35 !important;letter-spacing:.08em !important;max-width:360px !important;}
  .hero-description{font-size:1rem !important;line-height:1.45 !important;max-width:360px !important;}
  .hero-buttons{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;width:100% !important;max-width:360px !important;margin:26px auto 0 !important;}
  .hero-btn{width:100% !important;min-width:0 !important;padding:15px 18px !important;font-size:1rem !important;border-radius:18px !important;}

  /* Vitrine mobile: 2 por linha x 2 linhas, carrossel depois */
  .carousel-shell{padding:0 22px !important;overflow:hidden !important;}
  body.home-carousel-mode .products-grid{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-template-rows:repeat(2, minmax(0, auto)) !important;
    grid-auto-columns:calc((100% - 10px) / 2) !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    padding:0 0 14px !important;
  }
  .carousel-arrow{width:28px !important;height:42px !important;font-size:1.45rem !important;border-radius:12px !important;}
  .carousel-prev{left:0 !important;}
  .carousel-next{right:0 !important;}
}

@media (max-width:390px){
  .topbar{padding-left:14px !important;padding-right:14px !important;gap:14px !important;}
  .menu{gap:10px 8px !important;}
  .menu a{font-size:.94rem !important;}
  .menu .top-action{font-size:.76rem !important;padding:12px 6px !important;}
  .carousel-shell{padding:0 18px !important;}
  body.home-carousel-mode .products-grid{grid-auto-columns:calc((100% - 8px) / 2) !important;gap:8px !important;}
}


/* =========================================================
   FIX FINAL - WhatsApp orçamento com arquivo + Mobile botões roxos
   ========================================================= */
@media (max-width: 760px){
  #cartBtn,
  #myOrdersBtn,
  #logoutBtn,
  #loginOpenBtn,
  #adminBtn{
    background: linear-gradient(135deg, #4f18c9 0%, #7b2ff7 48%, #b517ff 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(190, 130, 255, .85) !important;
    box-shadow: 0 0 16px rgba(123,47,247,.38) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
  }
  #cartBtn:hover,
  #myOrdersBtn:hover,
  #logoutBtn:hover,
  #loginOpenBtn:hover,
  #adminBtn:hover{
    filter: brightness(1.12) !important;
  }

  /* melhora visual dos cards no mobile, sem borda exagerada */
  .product-card,
  .dash-card,
  .admin-panel,
  .order-modal-content{
    border-width: 1px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.45) !important;
  }
}