:root{--bg:#07111f;--panel:#0d1a2d;--ink:#0b1320;--muted:#667085;--line:#e5e7eb;--white:#fff;--accent:#17a8ff;--accent2:#6dd8ff;--soft:#f5f8fb;--danger:#c9362b;--success:#177245}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:30px}.nav nav{display:flex;gap:26px;margin-left:auto}.logo{font-size:26px;font-weight:900;letter-spacing:-1.5px}.logo span{font-size:11px;font-weight:700;letter-spacing:2.5px;display:inline-block;margin-left:4px;vertical-align:middle}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:white;border:0;border-radius:12px;padding:14px 20px;font-weight:750;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-small{padding:10px 15px}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.hero{background:radial-gradient(circle at 82% 18%,#173c67 0,#07111f 44%,#040a13 100%);color:white;padding:82px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:2.2px;color:var(--accent);margin-bottom:12px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-4px;margin:0;max-width:760px}.hero p{color:#bed0e3;font-size:18px;line-height:1.65;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-art{min-height:370px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#7de6ff,#1598ee 35%,#0b3157 73%);filter:drop-shadow(0 30px 80px rgba(23,168,255,.25))}.device-card{position:relative;width:min(360px,90%);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.23);backdrop-filter:blur(18px);border-radius:24px;padding:30px;box-shadow:0 35px 80px rgba(0,0,0,.3)}.device-card span,.device-card small{display:block;color:#b8d6eb}.device-card strong{display:block;font-size:25px;line-height:1.15;margin:10px 0 24px}.banner-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-28px;position:relative;z-index:2}.banner-card{min-height:145px;background:#0b1930 center/cover;border-radius:18px;color:white;padding:24px;display:flex;flex-direction:column;justify-content:end;box-shadow:0 16px 40px rgba(12,27,47,.16)}.banner-card strong{font-size:20px}.banner-card span{color:#d0deeb;margin-top:5px}.catalog-section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2,.about h2,.contact h2{font-size:38px;letter-spacing:-1.8px;margin:0}.search{display:flex;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden}.search input{border:0;background:transparent;padding:13px 16px;min-width:290px;outline:none}.search button{border:0;background:var(--ink);color:white;padding:0 18px;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.chip{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:14px}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;transition:.2s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(15,23,42,.1)}.product-image{height:250px;background:var(--soft);position:relative;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:contain;padding:18px}.placeholder{font-size:54px;font-weight:950;letter-spacing:-5px;color:#c5ced8}.badge{position:absolute;top:14px;left:14px;background:var(--ink);color:white;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.product-body{padding:20px;display:flex;flex:1;flex-direction:column}.product-body small{color:var(--muted)}.product-body h3{font-size:20px;margin:8px 0}.product-body p{color:var(--muted);line-height:1.5;margin:0 0 18px}.card-actions{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center}.text-link{font-weight:750}.wa-link{font-size:13px;font-weight:750;color:#0b7a46}.empty{grid-column:1/-1;padding:40px;background:var(--soft);border-radius:16px;color:var(--muted)}.about{background:var(--soft);padding:80px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p{font-size:18px;line-height:1.8;color:var(--muted);margin:0}.contact{padding:70px 0}.contact-box{background:var(--bg);color:white;padding:44px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-box p{color:#bfd1e3}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);gap:20px}.footer .logo{color:var(--ink)}.product-page{padding:70px 0}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-image{min-height:520px;background:var(--soft);border-radius:22px;display:grid;place-items:center}.detail-image img{width:100%;height:100%;max-height:520px;object-fit:contain;padding:30px}.detail-copy h1{font-size:48px;letter-spacing:-2px;line-height:1.05;margin:0 0 14px}.meta{display:flex;gap:20px;color:var(--muted);font-size:14px}.lead{font-size:20px;line-height:1.55}.description{color:var(--muted);line-height:1.75;border-top:1px solid var(--line);padding-top:20px}.wide{margin-top:28px;width:100%}
/* admin */.admin-body,.setup-page{background:#f3f6f9;min-height:100vh}.setup-page{display:grid;place-items:center;padding:30px}.setup-card{width:min(680px,100%);background:white;padding:38px;border-radius:22px;box-shadow:0 20px 70px rgba(15,23,42,.1)}.setup-card h1{font-size:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#344054}.form-grid input,.form-grid select,.form-grid textarea,.field input,.field select,.field textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;font:inherit;background:white}.form-grid textarea,.field textarea{min-height:130px;resize:vertical}.form-grid .full,.full{grid-column:1/-1}.notice{padding:12px 14px;border-radius:10px;margin:12px 0}.notice.error{background:#fff0ee;color:var(--danger)}.notice.success{background:#eaf8f0;color:var(--success)}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#07111f;color:white;padding:26px 18px;position:sticky;top:0;height:100vh}.sidebar .logo{margin:0 8px 30px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#c9d7e5}.sidebar nav a:hover,.sidebar nav a.active{background:#12243b;color:white}.admin-main{padding:34px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.admin-top h1{margin:0;font-size:30px}.panel{background:white;border:1px solid #e4e7ec;border-radius:16px;padding:22px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:white;border:1px solid #e4e7ec;border-radius:16px;padding:22px}.stat strong{font-size:34px;display:block}.stat span{color:var(--muted)}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:13px;border-bottom:1px solid #edf0f3;font-size:14px}.admin-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px}.thumb{width:48px;height:48px;border-radius:9px;object-fit:contain;background:#f5f7fa}.actions{display:flex;gap:8px}.mini-btn{border:1px solid #d0d5dd;background:white;border-radius:8px;padding:7px 9px;font-size:12px;cursor:pointer}.mini-btn.danger{color:var(--danger)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,#173c67,#07111f 48%,#040a13);padding:24px}.login-card{width:min(420px,100%);background:white;border-radius:20px;padding:32px}.login-card h1{margin:20px 0 6px}.login-card .btn{width:100%;margin-top:12px}.login-card .field{margin:14px 0}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-preview{max-width:220px;max-height:180px;object-fit:contain;background:#f5f7fa;border-radius:12px;padding:8px}.toggle{display:flex;align-items:center;gap:8px;font-size:14px}.toggle input{width:auto}.muted{color:var(--muted)}
@media(max-width:850px){.nav nav{display:none}.hero-grid,.product-detail,.about-grid{grid-template-columns:1fr}.hero-art{min-height:300px}.banner-strip,.product-grid{grid-template-columns:1fr 1fr}.section-head{align-items:stretch;flex-direction:column}.search input{min-width:0;width:100%}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{flex-direction:row;flex-wrap:wrap}.admin-main{padding:20px}.stats{grid-template-columns:1fr}.contact-box{align-items:flex-start;flex-direction:column}.form-grid,.admin-form{grid-template-columns:1fr}.form-grid .full,.full{grid-column:auto}}@media(max-width:560px){.container{width:min(100% - 24px,1160px)}.nav{height:66px}.nav .btn{display:none}.hero{padding:54px 0}.hero h1{letter-spacing:-2.4px}.hero-art{display:none}.banner-strip,.product-grid{grid-template-columns:1fr}.section-head h2,.about h2,.contact h2{font-size:31px}.contact-box{padding:28px}.footer{align-items:flex-start;flex-direction:column;padding:28px 0}.detail-copy h1{font-size:38px}.detail-image{min-height:330px}.admin-main{padding:14px}}

/* M3 V2 */
.product-image{height:220px}.product-image img{padding:24px;object-fit:contain}.product-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-size:20px;font-weight:850;margin:-5px 0 16px}.price{font-size:32px;font-weight:900;margin:22px 0 8px}.quote-label{display:inline-block;background:var(--soft);border-radius:999px;padding:9px 13px;font-weight:750;margin:20px 0 4px}.gallery-thumbs{display:flex;gap:10px;overflow:auto;margin-top:12px}.gallery-thumbs button{width:76px;height:76px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px;cursor:pointer;flex:0 0 auto}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.spec-section{margin-top:60px;max-width:900px}.spec-section h2{font-size:34px;margin:0 0 20px}.spec-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.spec-table>div{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--line);padding:14px 18px}.spec-table>div:last-child{border-bottom:0}.spec-table span{color:var(--muted)}.gallery-admin{display:flex;gap:12px;flex-wrap:wrap}.gallery-admin>div{border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:7px}.gallery-admin img{width:110px;height:90px;object-fit:contain}.field small{font-weight:500;color:var(--muted)}.field textarea.tall{min-height:190px}@media(max-width:560px){.product-image{height:240px}.spec-table>div{grid-template-columns:1fr;gap:5px}.gallery-admin img{width:90px}}

/* M3 V2.1 — correção de layout da página de produto */
.product-page{padding:54px 0 76px;overflow-x:hidden}
.product-detail{width:min(1160px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:48px;align-items:start}
.product-detail>div,.detail-copy,.detail-image{min-width:0}
.detail-image{width:100%;min-height:0;aspect-ratio:4/3;background:var(--soft);border-radius:22px;overflow:hidden;display:grid;place-items:center}
.detail-image img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;padding:28px}
.gallery-thumbs{width:100%;max-width:100%;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;margin-top:12px;padding-bottom:5px;scrollbar-width:thin}
.gallery-thumbs button{width:78px;height:78px;min-width:78px;flex:0 0 78px}
.detail-copy{position:sticky;top:100px;align-self:start}
.detail-copy h1{font-size:clamp(34px,4vw,52px);overflow-wrap:anywhere}
.meta{display:flex;flex-wrap:wrap;gap:10px 24px}
.lead{font-size:18px;line-height:1.6}
.description{overflow-wrap:anywhere}
.spec-section{width:min(1160px,calc(100% - 36px));max-width:none;margin:58px auto 0}
.spec-table{width:100%}
@media(max-width:900px){
  .product-detail{grid-template-columns:1fr;gap:30px}
  .detail-copy{position:static}
  .detail-image{aspect-ratio:16/11}
  .spec-section{margin-top:42px}
}
@media(max-width:560px){
  .product-page{padding:30px 0 56px}
  .product-detail,.spec-section{width:min(100% - 24px,1160px)}
  .detail-image{aspect-ratio:1/1;min-height:0}
  .detail-image img{padding:18px}
  .detail-copy h1{font-size:34px;letter-spacing:-1.4px}
  .meta{font-size:13px}
  .price{font-size:28px}
  .lead{font-size:17px}
}


/* ============================================================
   M3 TECHNOLOGY V2.3
   Correção CSS-only para produto.php V2.1 (sem alterar PHP/banco)
   ============================================================ */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

.product-page {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  padding: 46px 0 72px;
}

/* produto.php já usa .container.product-detail: não redefinir uma segunda largura */
.container.product-detail {
  width: min(1160px, calc(100% - 36px)) !important;
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr) !important;
  gap: 42px !important;
  align-items: start !important;
}

.product-detail > div,
.product-detail .detail-copy,
.product-detail .detail-image {
  min-width: 0 !important;
  max-width: 100% !important;
}

.product-detail > div:first-child {
  width: 100%;
  overflow: hidden;
}

.detail-image {
  width: 100% !important;
  max-width: 100% !important;
  height: 520px !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: var(--soft);
  border-radius: 22px;
}

.detail-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 520px !important;
  object-fit: contain !important;
  padding: 24px !important;
}

.gallery-thumbs {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  margin-top: 14px !important;
  padding: 2px 0 8px !important;
}

.gallery-thumbs button {
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  flex: 0 0 82px !important;
  padding: 6px !important;
  overflow: hidden !important;
}

.gallery-thumbs button img,
.gallery-thumbs img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
}

.detail-copy {
  width: 100%;
  max-width: 100%;
  position: sticky;
  top: 96px;
  overflow-wrap: anywhere;
}

.detail-copy h1 {
  max-width: 100%;
  font-size: clamp(34px, 3.4vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -2px !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.detail-copy .meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 24px !important;
  max-width: 100%;
}

.detail-copy .lead,
.detail-copy .description {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.spec-section {
  width: min(1160px, calc(100% - 36px)) !important;
  max-width: 1160px !important;
  margin: 52px auto 0 !important;
}

.spec-table {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 900px) {
  .container.product-detail {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  .detail-copy {
    position: static !important;
  }

  .detail-image {
    height: 440px !important;
  }

  .detail-image img {
    max-height: 440px !important;
  }
}

@media (max-width: 560px) {
  .container.product-detail,
  .spec-section {
    width: calc(100% - 24px) !important;
  }

  .product-page {
    padding: 28px 0 54px !important;
  }

  .detail-image {
    height: 330px !important;
    border-radius: 18px !important;
  }

  .detail-image img {
    max-height: 330px !important;
    padding: 14px !important;
  }

  .detail-copy h1 {
    font-size: 34px !important;
    letter-spacing: -1.4px !important;
  }

  .gallery-thumbs button {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    flex-basis: 70px !important;
  }
}


/* ============================================================
   M3 TECHNOLOGY V2.4
   Refinamento visual: imagens menores + proporção mais elegante
   ============================================================ */

.container.product-detail {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
  gap: 36px !important;
}

.detail-image {
  height: 420px !important;
  max-height: 420px !important;
  padding: 0 !important;
}

.detail-image img {
  width: 88% !important;
  height: 88% !important;
  max-height: 380px !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: auto !important;
}

.gallery-thumbs {
  margin-top: 10px !important;
  gap: 8px !important;
}

.gallery-thumbs button {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  flex: 0 0 64px !important;
  border-radius: 10px !important;
}

.detail-copy h1 {
  font-size: clamp(32px, 3vw, 46px) !important;
  line-height: 1.04 !important;
}

.detail-copy .lead {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

@media (max-width: 900px) {
  .container.product-detail {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .detail-image {
    height: 360px !important;
    max-height: 360px !important;
  }

  .detail-image img {
    width: 90% !important;
    height: 90% !important;
    max-height: 330px !important;
  }
}

@media (max-width: 560px) {
  .detail-image {
    height: 280px !important;
    max-height: 280px !important;
  }

  .detail-image img {
    width: 92% !important;
    height: 92% !important;
    max-height: 250px !important;
  }

  .gallery-thumbs button {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    flex-basis: 58px !important;
  }

  .detail-copy h1 {
    font-size: 32px !important;
  }
}
/* =========================================================
   AJUSTE EXCLUSIVO DESKTOP
   Ícone "Entrega para todo o Brasil"
   ========================================================= */

@media (min-width: 769px) {

    .trust-item:first-child .trust-icon svg,
    .trust-item:first-child .trust-icon img {
        width: 42px !important;
        height: 42px !important;
        max-width: 42px !important;
        max-height: 42px !important;
    }

}