:root{--primary:#25D366;--dark:#102a23;--muted:#64748b;--bg:#f7faf9;--card:#fff;--danger:#ef4444;--line:#e2e8f0}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#0f172a}a{text-decoration:none;color:inherit}.topbar{background:linear-gradient(135deg,#25D366,#128C7E);color:white;position:sticky;top:0;z-index:10;box-shadow:0 10px 30px #0002}.wrap{max-width:1180px;margin:auto;padding:0 18px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}.logo img{height:48px;border-radius:10px}.navlinks{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer;background:#e8f7ef;color:#128C7E}.btn.primary{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff}.btn.dark{background:#0f172a;color:#fff}.btn.white{background:#fff;color:#128C7E}.btn.red{background:#fee2e2;color:#b91c1c}.hero{padding:42px 0;background:radial-gradient(circle at top left,#d9ffe8,transparent 35%),#fff}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.hero h1{font-size:clamp(32px,5vw,58px);line-height:1;margin:0 0 16px}.hero p{font-size:18px;color:var(--muted);line-height:1.6}.hero-card{border-radius:28px;overflow:hidden;box-shadow:0 25px 60px #128c7e30;background:#fff}.hero-card img{width:100%;height:360px;object-fit:cover}.search{display:flex;gap:10px;background:white;padding:10px;border-radius:18px;box-shadow:0 12px 35px #0001;margin-top:20px}.search input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px}.section{padding:32px 0}.title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.title h2{margin:0;font-size:28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 25px #00000008;overflow:hidden}.product img{width:100%;height:210px;object-fit:cover;background:#eee}.product .body{padding:16px}.product h3{margin:0 0 8px;font-size:18px}.price{font-size:22px;font-weight:900;color:#128C7E}.muted{color:var(--muted)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:800}.footer{background:#0f172a;color:#cbd5e1;padding:32px 0;margin-top:30px}.form{display:grid;gap:12px}.input,.textarea,.select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.textarea{min-height:110px}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#0f172a;color:white;padding:22px;position:sticky;top:0;height:100vh}.side a{display:flex;padding:12px;border-radius:12px;margin:4px 0;color:#e2e8f0}.side a:hover,.side a.active{background:#1e293b}.main{padding:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:white;border-radius:20px;padding:18px;border:1px solid var(--line)}.stat b{font-size:30px;display:block}.table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.alert{padding:12px 14px;border-radius:12px;margin:12px 0;background:#dcfce7;color:#166534;font-weight:700}.gallery{display:flex;gap:8px;overflow:auto}.gallery img{width:70px;height:70px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}@media(max-width:900px){.hero-grid,.layout{grid-template-columns:1fr}.side{position:relative;height:auto}.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start}.hero-card img{height:240px}}@media(max-width:560px){.grid,.stats{grid-template-columns:1fr}.navlinks{width:100%}.search{flex-direction:column}.table{font-size:13px}.main{padding:14px}}


/* ===== Menu hambúrguer com logo central ===== */

.nav-modern{
    position:relative;
    min-height:82px;
    justify-content:center;
}

.logo-center{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    flex-direction:column;
    gap:4px;
    font-size:15px;
    line-height:1.1;
    max-width:220px;
    z-index:5;
}

.logo-center img{
    height:54px;
    width:auto;
    object-fit:contain;
    background:#fff;
    padding:4px;
    border-radius:10px;
}

.hamburger{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    border:0;
    border-radius:14px;
    background:#ffffff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    cursor:pointer;
    box-shadow:0 8px 20px #0002;
    z-index:100001;
}

.hamburger span{
    width:23px;
    height:3px;
    border-radius:99px;
    background:#128C7E;
    display:block;
}

.cart-shortcut{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    border-radius:14px;
    background:#ffffff;
    color:#128C7E;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px #0002;
    z-index:100001;
    text-decoration:none;
}

.menu-panel{
    position:fixed;
    left:0;
    top:0;
    width:min(320px,88vw);
    height:100vh;
    background:#fff;
    z-index:999999;
    padding:95px 22px 22px;
    display:flex;
    flex-direction:column;
    gap:12px;
    transform:translateX(-105%);
    transition:.25s ease;
}

body.menu-open .menu-panel{
    transform:translateX(0);
}

.menu-panel a{
    display:block;
    padding:15px 16px;
    background:#e8f7ef;
    color:#128C7E;
    border-radius:14px;
    text-decoration:none;
    font-weight:900;
    position:relative;
    z-index:1000000;
}

.menu-overlay{
    position:fixed;
    inset:0;
    background:#0008;
    z-index:999998;
    display:none;
}

body.menu-open .menu-overlay{
    display:block;
}

body.menu-open .menu-overlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

/* ===== Categorias em texto lado a lado ===== */
.category-bar-section{
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.category-text-row{
    display:flex;
    align-items:center;
    gap:12px;
    overflow-x:auto;
    padding:14px 0;
    scrollbar-width:thin;
}

.cat-text{
    white-space:nowrap;
    font-weight:900;
    color:#334155;
    padding:9px 13px;
    border-radius:999px;
    border:1px solid transparent;
    text-decoration:none;
}

.cat-text:hover,
.cat-text.active{
    color:#128C7E;
    background:#e8f7ef;
    border-color:#b7efd3;
}

@media(max-width:560px){
    .nav-modern{
        min-height:76px;
    }

    .logo-center{
        font-size:12px;
        max-width:170px;
    }

    .logo-center img{
        height:44px;
    }

    .hamburger,
    .cart-shortcut{
        width:42px;
        height:42px;
    }

    .hamburger{
        left:12px;
    }

    .cart-shortcut{
        right:12px;
    }
}

/* ===== Carrinho rápido pelo WhatsApp ===== */
.carrinho-page h1{margin-bottom:8px}
.cart-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:22px;align-items:start;margin-top:22px}
.cart-products{display:grid;gap:15px}
.cart-item{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px;align-items:center}
.cart-img img{width:150px;height:120px;object-fit:cover;border-radius:16px;background:#f1f5f9;border:1px solid var(--line)}
.cart-info h3{margin:0 0 8px;font-size:20px}
.cart-info p{margin:6px 0}
.cart-final{padding:20px;position:sticky;top:105px}
.cart-final h2{margin-top:0}
.cart-total{font-size:24px;font-weight:900;color:#128C7E;background:#e8f7ef;border-radius:16px;padding:14px;margin-bottom:16px;text-align:center}
.cart-whats-btn{font-size:16px;width:100%;padding:15px}
.cart-empty{padding:28px;margin-top:20px;text-align:center}
@media(max-width:900px){
    .cart-layout{grid-template-columns:1fr}
    .cart-final{position:relative;top:0}
}
@media(max-width:560px){
    .cart-item{grid-template-columns:1fr}
    .cart-img img{width:100%;height:210px}
}

/* =========================================================
   TOPO ESTILO BORA MOBILIAR - CATEGORIAS + MEGA MENU
   ========================================================= */
:root{
  --bora-cyan:#65cbd1;
  --bora-cyan-dark:#48bac3;
  --bora-yellow:#efe35a;
  --bora-strip:#cf8b57;
  --bora-text:#4b5563;
}
body{background:#fff;color:#374151}.bora-header{background:#fff;color:#374151;position:sticky;top:0;z-index:900;border-bottom:1px solid #e5e7eb;box-shadow:0 3px 16px rgba(15,23,42,.05)}
.bora-top-strip{background:var(--bora-strip);color:#fff;font-size:12px;font-weight:800}.bora-strip-inner{height:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.bora-strip-inner a{color:#fff;text-decoration:underline}.bora-mainbar{min-height:92px;display:grid;grid-template-columns:210px minmax(220px,1fr) 150px;align-items:center;gap:28px}.bora-logo{display:flex;align-items:center;gap:10px;color:var(--bora-cyan-dark);font-weight:900;font-size:18px;min-width:0}.bora-logo img{max-height:76px;max-width:190px;object-fit:contain}.bora-logo span{display:none}.bora-search{height:46px;display:flex;align-items:center;background:#fff;border:1px solid #d7dde4;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.22);overflow:hidden}.bora-search input{flex:1;height:100%;border:0;outline:0;padding:0 18px;font-size:15px;color:#555;background:#fff}.bora-search button{width:58px;height:100%;border:0;background:#fff;color:#737373;font-size:26px;cursor:pointer}.bora-icons{display:flex;align-items:center;justify-content:flex-end;gap:18px}.bora-icons a{color:var(--bora-cyan-dark);font-size:24px;font-weight:900;line-height:1;transition:.2s}.bora-icons a:hover{transform:translateY(-2px);color:#2aa8b1}.bora-menu-btn{display:none;border:0;background:#fff;border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 2px 9px rgba(0,0,0,.12)}.bora-menu-btn span{width:22px;height:3px;border-radius:99px;background:var(--bora-cyan-dark)}.bora-catbar{background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.bora-cat-inner{height:52px;display:flex;align-items:center;justify-content:center;gap:0;overflow:visible}.bora-cat-item{position:relative;height:100%;display:flex;align-items:center}.bora-cat-link{height:52px;display:flex;align-items:center;gap:5px;padding:0 14px;color:var(--bora-cyan-dark);font-size:14px;font-weight:900;text-transform:none;white-space:nowrap;border-top:3px solid transparent;transition:.15s}.bora-cat-link.active{color:#000}.bora-cat-link:hover,.bora-cat-item:hover>.bora-cat-link{color:#111;border-top-color:var(--bora-cyan)}.bora-cat-link.entrega{color:#e0cf18}.bora-cat-link.admin-mini{font-size:12px;color:#94a3b8}.bora-mega{position:absolute;left:0;top:52px;width:360px;background:#fff;border-top:4px solid var(--bora-yellow);box-shadow:0 16px 35px rgba(15,23,42,.12);padding:18px 22px;display:none;grid-template-columns:1fr 1fr;gap:0 26px;z-index:999}.bora-cat-item:hover .bora-mega{display:grid}.bora-mega a{display:block;color:#2f3742;font-size:15px;padding:10px 0;text-transform:uppercase;line-height:1.25}.bora-mega a:hover{color:var(--bora-cyan-dark)}.menu-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:850;display:none}.hero{padding-top:45px}.hero h1,.title h2{color:var(--bora-cyan-dark)}.btn.primary{background:var(--bora-yellow);color:#333;border-radius:6px}.price{color:#222}.badge{background:#eafafb;color:#45b9c1}.footer{background:var(--bora-cyan);color:#fff}.footer a,.footer .muted{color:#fff}.product{border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.22)}.product img{background:#fff;object-fit:contain}.product .body{text-align:center}.product h3{font-weight:500;color:#6b7280;font-size:15px;min-height:42px}.product .btn.primary{font-size:12px;padding:9px 14px}.grid{gap:24px}.category-bar-section{display:none!important}

@media(max-width:980px){.bora-mainbar{grid-template-columns:54px 1fr 118px;gap:12px;min-height:78px}.bora-menu-btn{display:flex}.bora-logo{justify-content:center}.bora-logo img{max-height:58px;max-width:160px}.bora-search{grid-column:1 / -1;grid-row:2;height:42px;margin-bottom:12px}.bora-icons{gap:12px}.bora-icons a{font-size:21px}.bora-catbar{position:fixed;left:0;top:0;width:min(330px,88vw);height:100vh;overflow-y:auto;z-index:1000;transform:translateX(-105%);transition:.25s ease;box-shadow:18px 0 40px rgba(0,0,0,.18);padding-top:18px}.menu-open .bora-catbar{transform:translateX(0)}.menu-open .menu-overlay{display:block}.bora-cat-inner{height:auto;display:block;padding:0 16px 20px}.bora-cat-item{display:block;height:auto}.bora-cat-link{height:auto;padding:15px 12px;border-top:0;border-bottom:1px solid #edf2f7;justify-content:space-between}.bora-mega{position:static;width:100%;box-shadow:none;border-top:2px solid var(--bora-yellow);padding:5px 12px 10px;display:grid;grid-template-columns:1fr;background:#fbffff}.bora-cat-item .bora-mega{display:grid}.bora-mega a{font-size:13px;padding:8px 0}.bora-strip-inner{font-size:10px;height:auto;min-height:24px;flex-wrap:wrap;justify-content:center;padding-top:4px;padding-bottom:4px}.hero{padding-top:28px}}
@media(max-width:560px){.wrap{padding-left:14px;padding-right:14px}.bora-mainbar{grid-template-columns:46px 1fr 104px}.bora-logo img{max-width:132px;max-height:52px}.bora-icons{gap:8px}.bora-icons a{font-size:19px}.bora-search input{font-size:14px}.bora-search button{width:48px;font-size:22px}.grid{grid-template-columns:1fr 1fr;gap:13px}.product img{height:160px}.product .body{padding:11px}.product h3{font-size:13px}.price{font-size:18px}.hero-grid{grid-template-columns:1fr}.hero-card img{height:220px}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.bora-icons a{font-size:17px}.bora-logo img{max-width:115px}}


/* ===== Rodapé estilo Bora Mobiliar ===== */
.bora-footer{
  margin-top:55px;
  background:#63c8cc;
  color:#fff;
}
.bora-footer-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1.15fr;
  gap:55px;
  padding-top:44px;
  padding-bottom:44px;
}
.footer-logo{
  display:inline-block;
  border:3px solid #fff;
  color:#fff;
  font-weight:1000;
  font-size:26px;
  line-height:1;
  padding:6px 10px;
  text-transform:uppercase;
  margin-bottom:22px;
  letter-spacing:.5px;
}
.bora-footer-col h3{
  color:#fff;
  margin:0 0 22px;
  font-size:22px;
  line-height:1.2;
  font-weight:1000;
}
.bora-footer-col p{
  color:#fff;
  opacity:.96;
  font-size:16px;
  line-height:1.72;
  margin:0 0 20px;
}
.bora-footer-col a{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.65;
  margin:5px 0;
}
.bora-footer-col a:hover{
  text-decoration:underline;
}
.footer-social{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.footer-social a{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#20242b;
  color:#fff;
  font-weight:900;
  margin:0;
  font-size:18px;
}
.footer-social a:last-child{
  width:auto;
  padding:0 9px;
  font-size:14px;
}
.bora-payment{
  background:#fff;
  color:#333;
}
.payment-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding-top:30px;
  padding-bottom:28px;
}
.payment-inner h3{
  margin:0 0 14px;
  color:#333;
  font-size:20px;
}
.payment-inner p{
  margin:0 0 10px;
  color:#333;
}
.payment-icons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.payment-icons span{
  min-width:70px;
  height:38px;
  border-radius:6px;
  background:#e9f1f7;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#2563eb;
  box-shadow:0 1px 3px rgba(0,0,0,.12);
}
.payment-icons span:nth-child(3){color:#f97316}
.payment-icons span:nth-child(5){color:#39b8ae}
.payment-icons span:nth-child(6){color:#111;background:#f8fafc}
.security-seals{
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
}
.security-seals span{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:10px;
  padding:12px 16px;
  color:#444;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  font-weight:900;
}
.bora-powered{
  background:#63c8cc;
  color:#eaffff;
  text-align:center;
  padding:20px 10px;
  font-size:17px;
}
.bora-powered b{
  font-style:italic;
  color:#fff;
}
.footer{display:none!important}

@media(max-width:900px){
  .bora-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .payment-inner{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:560px){
  .bora-footer-grid{
    grid-template-columns:1fr;
    padding-top:32px;
    padding-bottom:32px;
    gap:24px;
  }
  .footer-logo{
    font-size:21px;
  }
  .bora-footer-col h3{
    font-size:19px;
    margin-bottom:12px;
  }
  .bora-footer-col a{
    font-size:16px;
  }
  .payment-icons span{
    min-width:64px;
  }
}


/* =========================================================
   AJUSTE FULL SCREEN + VITRINE 6 PRODUTOS POR LINHA
   ========================================================= */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

.wrap{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding-left:32px !important;
  padding-right:32px !important;
}

.section{
  padding:28px 0;
}

.hero .wrap,
.bora-mainbar,
.bora-cat-inner,
.bora-strip-inner,
.bora-footer-grid,
.payment-inner{
  max-width:100% !important;
}

.grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:16px !important;
}

.product{
  border-radius:18px;
}

.product img{
  height:185px !important;
  object-fit:cover;
}

.product .body{
  padding:13px !important;
}

.product h3{
  font-size:15px !important;
  line-height:1.25;
  min-height:38px;
  margin-bottom:7px !important;
}

.product .muted{
  font-size:13px;
  line-height:1.35;
}

.price{
  font-size:20px !important;
}

.product .btn,
.product .btn.primary{
  width:100%;
  padding:10px 12px;
  font-size:13px;
}

.title{
  margin-bottom:16px;
}

.card{
  min-width:0;
}

/* Home: ocupa melhor a largura do monitor */
.hero{
  padding:32px 0 !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:24px;
}

.hero-card img{
  height:390px !important;
}

/* Admin e áreas internas também em tela cheia */
.layout{
  width:100%;
  max-width:100%;
  grid-template-columns:250px minmax(0,1fr);
}

.main{
  width:100%;
  max-width:100%;
  padding:24px 28px !important;
}

.table{
  width:100%;
}

.table th,
.table td{
  white-space:normal;
}

.stats{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Páginas com tabelas largas */
.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
}

/* Topo: usa a tela inteira sem ficar apertado */
.bora-mainbar{
  padding-left:32px !important;
  padding-right:32px !important;
}

.bora-cat-inner{
  padding-left:32px !important;
  padding-right:32px !important;
}

.bora-search{
  max-width:none;
}

/* Rodapé também em tela cheia */
.bora-footer-grid{
  padding-left:32px !important;
  padding-right:32px !important;
}

.payment-inner{
  padding-left:32px !important;
  padding-right:32px !important;
}

/* Breakpoints da vitrine */
@media(max-width:1500px){
  .grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
  .product img{height:180px !important}
}

@media(max-width:1250px){
  .grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}

@media(max-width:980px){
  .wrap{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}

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

  .hero-card img{
    height:280px !important;
  }

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

  .main{
    padding:18px !important;
  }

  .stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .bora-mainbar,
  .bora-cat-inner,
  .bora-footer-grid,
  .payment-inner{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}

@media(max-width:640px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .product img{height:155px !important}
  .product .body{padding:10px !important}
  .product h3{font-size:13px !important;min-height:34px}
  .price{font-size:17px !important}
  .stats{grid-template-columns:1fr !important}
}

@media(max-width:390px){
  .grid{grid-template-columns:1fr !important}
  .product img{height:220px !important}
}

/* =========================================================
   MELHORIA VISUAL 2026 - VITRINE MAIS LEGÍVEL + PRODUTO
   ========================================================= */
:root{
  --site-cyan:#60c7ce;
  --site-cyan-dark:#31adb8;
  --site-yellow:#f1e452;
  --site-ink:#1f2937;
  --site-soft:#f7fbfb;
  --site-border:#e5eef0;
}

body{
  font-size:17px;
  line-height:1.5;
  background:#ffffff;
  color:var(--site-ink);
  -webkit-font-smoothing:antialiased;
}

.wrap{
  width:100% !important;
  max-width:1920px !important;
  padding-left:34px !important;
  padding-right:34px !important;
}

.bora-header{
  box-shadow:0 3px 18px rgba(15,23,42,.08);
}

.bora-mainbar{
  min-height:104px;
  grid-template-columns:240px minmax(320px,1fr) 170px;
  gap:34px;
}

.bora-logo img{
  max-height:82px;
  max-width:220px;
}

.bora-search{
    height:48px;
    max-width:900px;
    margin:0 auto;
    border-radius:12px;
    border:1px solid #dfe8ec;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.bora-search input{
    font-size:16px;
    padding:0 20px;
}

.bora-search button{
    width:56px;
    font-size:22px;
}


.bora-cat-inner{
  height:58px;
}

.bora-cat-link{
  height:58px;
  font-size:15px;
  padding:0 17px;
  letter-spacing:.15px;
}

.bora-mega{
  top:58px;
  width:430px;
  padding:20px 25px;
  gap:0 34px;
}

.bora-mega a{
  font-size:16px;
  padding:11px 0;
}

.hero{
  background:linear-gradient(90deg,#f0fff7 0%,#ffffff 52%,#f8ffff 100%) !important;
  padding:44px 0 38px !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(520px,.92fr) !important;
  align-items:center;
  gap:44px !important;
}

.hero h1{
  font-size:clamp(44px,4.4vw,74px) !important;
  letter-spacing:-1.4px;
  line-height:.96 !important;
  color:var(--site-cyan-dark) !important;
}

.hero p{
  font-size:20px !important;
  line-height:1.55 !important;
  color:#5b6777;
}

.hero-card{
  border-radius:22px;
  box-shadow:0 22px 60px rgba(49,173,184,.22);
}

.hero-card img{
  height:420px !important;
  object-fit:cover;
}

.section{
  padding:44px 0 !important;
}

.title{
  margin-bottom:24px;
}

.title h2{
  font-size:34px !important;
  color:var(--site-cyan-dark) !important;
  letter-spacing:-.3px;
}

/* Vitrine: 6 por linha sem achatar */
.grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:22px !important;
}

.card.product{
  border:1px solid #dfe8ec;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 5px 16px rgba(15,23,42,.16);
  transition:transform .18s ease, box-shadow .18s ease;
}

.card.product:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(15,23,42,.18);
}

.product a:first-child{
  display:block;
  background:#fff;
}

.product img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  padding:12px;
  background:#fff !important;
  border-bottom:1px solid #edf2f5;
}

.product .body{
  padding:16px 14px 15px !important;
  text-align:center;
}

.badge{
  font-size:12px !important;
  letter-spacing:.35px;
  font-weight:1000;
  padding:7px 11px;
  background:#e6fbfd;
  color:#35b4bf;
}

.product h3{
  font-size:17px !important;
  line-height:1.3 !important;
  min-height:48px !important;
  font-weight:700 !important;
  color:#52606d !important;
  margin:10px 0 8px !important;
}

.product .muted{
  min-height:38px;
  font-size:14px !important;
  line-height:1.35 !important;
  color:#7a8492;
}

.price{
  font-size:24px !important;
  line-height:1.1;
  color:#1f2937 !important;
  margin:10px 0 4px;
}

.product .btn.primary,
.product .btn{
  min-height:42px;
  font-size:14px !important;
  font-weight:1000;
  border-radius:8px;
  background:var(--site-yellow) !important;
  color:#242424 !important;
  width:100%;
}

/* Página de produto */
.product-page{
  padding:36px 0 56px !important;
  background:linear-gradient(90deg,#ffffff 0%,#ffffff 63%,#f0ffff 100%);
}

.product-detail{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.62fr);
  gap:38px;
  align-items:start;
}

.product-gallery-card,
.product-info-card{
  background:#fff;
  border:1px solid var(--site-border);
  border-radius:22px;
  box-shadow:0 12px 30px rgba(15,23,42,.08);
}

.product-gallery-card{
  overflow:hidden;
  padding:18px;
}

.product-main-photo{
  width:100%;
  aspect-ratio:1 / 1;
  min-height:560px;
  max-height:780px;
  object-fit:contain;
  background:#fff;
  border-radius:18px;
  display:block;
}

.product-thumbs{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:16px 2px 2px;
}

.product-thumbs img{
  width:96px;
  height:96px;
  min-width:96px;
  object-fit:contain;
  background:#fff;
  border:2px solid #e5eef0;
  border-radius:12px;
  cursor:pointer;
  padding:5px;
}

.product-thumbs img:hover{
  border-color:var(--site-cyan);
}

.product-info-card{
  padding:34px;
  position:sticky;
  top:190px;
}

.product-info-card h1{
  font-size:42px;
  line-height:1.12;
  margin:18px 0 15px;
  color:#263244;
  letter-spacing:-.5px;
}

.product-info-card .price{
  font-size:34px !important;
  margin:12px 0 10px;
}

.product-info-card .muted,
.product-desc{
  font-size:18px;
  color:#667085;
  line-height:1.6;
}

.product-form label{
  display:block;
  font-size:17px;
  font-weight:800;
  margin:18px 0 8px;
}

.product-form .input{
  height:48px;
  font-size:18px;
}

.product-form .btn.primary{
  min-height:52px;
  padding:14px 22px;
  font-size:17px;
  border-radius:10px;
}

/* Páginas internas e admin mais legíveis */
.input,.textarea,.select{
  font-size:17px;
  min-height:46px;
}

.btn{
  font-size:15px;
}

.table th,.table td{
  font-size:15px;
  padding:16px;
}

.main{
  font-size:16px;
}

/* Rodapé mais equilibrado em tela cheia */
.bora-footer-grid{
  max-width:1920px !important;
  padding-left:48px !important;
  padding-right:48px !important;
}

.payment-inner{
  max-width:1920px !important;
  padding-left:48px !important;
  padding-right:48px !important;
}

@media(max-width:1700px){
  .grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:18px !important}
  .product h3{font-size:16px !important}
  .price{font-size:22px !important}
}

@media(max-width:1360px){
  .grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
  .hero-grid{grid-template-columns:1fr 1fr !important}
  .product-main-photo{min-height:480px}
}

@media(max-width:1120px){
  .grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  .product-detail{grid-template-columns:1fr}
  .product-info-card{position:relative;top:0}
  .product-main-photo{min-height:0}
}

@media(max-width:980px){
  body{font-size:16px}
  .wrap{padding-left:18px !important;padding-right:18px !important}
  .hero-grid{grid-template-columns:1fr !important}
  .hero h1{font-size:42px !important}
  .hero-card img{height:280px !important}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .product-info-card h1{font-size:34px}
}

@media(max-width:640px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
  .product img{padding:8px}
  .product .body{padding:12px 10px !important}
  .product h3{font-size:15px !important;min-height:42px !important}
  .price{font-size:20px !important}
  .product .muted{display:none}
  .title h2{font-size:26px !important}
  .product-info-card{padding:22px}
  .product-info-card h1{font-size:30px}
  .product-info-card .price{font-size:28px !important}
  .product-thumbs img{width:76px;height:76px;min-width:76px}
}

@media(max-width:390px){
  .grid{grid-template-columns:1fr !important}
}

/* =========================================================
   CORREÇÕES FINAIS - BANNER DESKTOP + TOPO MOBILE
   Ajustado por ChatGPT
   ========================================================= */

/* Banner da home: no desktop mostra a arte inteira sem cortar */
.hero-grid{
  grid-template-columns:minmax(380px,42%) minmax(0,58%) !important;
  gap:38px !important;
}

.hero-card{
  width:100%;
  overflow:hidden;
  background:#fff;
}

.hero-card img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  display:block;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Evita o título esmagar o banner em telas médias */
@media(max-width:1360px){
  .hero-grid{
    grid-template-columns:minmax(340px,40%) minmax(0,60%) !important;
    gap:28px !important;
  }
  .hero h1{
    font-size:clamp(38px,4vw,58px) !important;
  }
}

/* Tablet e celular: mantém o layout em coluna e o banner bonito */
@media(max-width:980px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .hero-card img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}

/* Topo mobile: corrige logo encavalando com carrinho/ícones */
@media(max-width:980px){
  .bora-mainbar{
    grid-template-columns:52px minmax(0,1fr) 52px !important;
    gap:10px !important;
    min-height:82px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .bora-menu-btn{
    width:44px !important;
    height:44px !important;
    justify-self:start;
  }

  .bora-logo{
    width:100%;
    min-width:0;
    justify-content:center !important;
    overflow:hidden;
  }

  .bora-logo img{
    max-width:145px !important;
    max-height:58px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .bora-icons{
    justify-content:flex-end !important;
    gap:0 !important;
    min-width:0;
  }

  /* No celular deixa só o carrinho no topo para não apertar a logo */
  .bora-icons a:not(:last-child){
    display:none !important;
  }

  .bora-icons a:last-child{
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    font-size:24px !important;
    background:#fff;
    border-radius:12px;
    box-shadow:0 2px 9px rgba(0,0,0,.12);
  }

  .bora-search{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    margin:8px 0 12px !important;
  }
}

@media(max-width:560px){
  .wrap{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .bora-top-strip{
    font-size:10px !important;
  }

  .bora-strip-inner{
    gap:8px !important;
    padding-left:8px !important;
    padding-right:8px !important;
    text-align:center;
  }

  .bora-mainbar{
    grid-template-columns:48px minmax(0,1fr) 48px !important;
    gap:8px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .bora-logo img{
    max-width:128px !important;
    max-height:54px !important;
  }

  .bora-menu-btn,
  .bora-icons a:last-child{
    width:42px !important;
    height:42px !important;
  }

  .hero{
    padding-top:24px !important;
  }

  .hero h1{
    font-size:36px !important;
    line-height:1.02 !important;
  }
}

@media(max-width:380px){
  .bora-logo img{
    max-width:112px !important;
  }
  .bora-mainbar{
    grid-template-columns:44px minmax(0,1fr) 44px !important;
    gap:6px !important;
  }
}
.cart-symbol{
    width:32px;
    height:32px;
    display:inline-block;
    position:relative;
}

.cart-symbol::before{
    left:4px;
    top:7px;
    width:21px;
    height:14px;
}

.cart-symbol::after{
    left:7px;
    top:24px;
}
.cart-symbol{
  font-size:0;
  width:30px;
  height:30px;
  display:inline-block;
  position:relative;
}

.cart-symbol::before{
  content:"";
  position:absolute;
  left:3px;
  top:6px;
  width:20px;
  height:14px;
  border:3px solid #31adb8;
  border-top:0;
  border-radius:2px 2px 5px 5px;
}

.cart-symbol::after{
  content:"";
  position:absolute;
  left:6px;
  top:23px;
  width:5px;
  height:5px;
  background:#31adb8;
  border-radius:50%;
  box-shadow:14px 0 0 #31adb8;
}
@media(max-width:560px){

    .bora-icons a:not(:last-child){
        display:none;
    }

    .bora-mainbar{
        grid-template-columns:46px 1fr 46px;
    }

}
/* =========================================================
   LOGO PREMIUM 2026
   ========================================================= */

.bora-logo{
    justify-content:center;
    align-items:center;
}

.bora-logo img{
    max-width:300px !important;
    max-height:110px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    transition:.25s ease;
}

/* Tablet */
@media(max-width:980px){

    .bora-logo img{
        max-width:220px !important;
        max-height:80px !important;
    }

    .bora-mainbar{
        min-height:90px !important;
    }

}

/* Mobile */
@media(max-width:560px){

    .bora-logo img{
        max-width:180px !important;
        max-height:70px !important;
    }

    .bora-mainbar{
        min-height:95px !important;
    }

}

/* Celulares pequenos */
@media(max-width:380px){

    .bora-logo img{
        max-width:160px !important;
        max-height:65px !important;
    }

}
/* Topo superior - apenas desktop */
@media(min-width:981px){

    .bora-top-strip{
        font-size:15px !important;
    }

    .bora-strip-inner{
        min-height:34px !important;
        font-weight:1200;
    }

    .bora-strip-inner strong{
        font-size:16px !important;
        letter-spacing:.3px;
    }

    .bora-strip-inner a{
        font-size:15px !important;
        font-weight:1200;
    }

    .bora-strip-inner span{
        font-size:15px !important;
        font-weight:1200;
    }

}
/* Esconder barra superior no mobile */
@media(max-width:980px){

    .bora-top-strip{
        display:none !important;
    }

}
/* ===================================
   WhatsApp Flutuante Premium
   =================================== */

.whatsapp-float{
    position:fixed;
    right:22px;
    bottom:22px;
    width:68px;
    height:68px;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 25px rgba(37,211,102,.45);
    z-index:99999;
    transition:.25s ease;
    animation:whatsPulse 2s infinite;
}

.whatsapp-float:hover{
    transform:scale(1.08);
}

.whatsapp-float svg{
    width:38px;
    height:38px;
}

@keyframes whatsPulse{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.6);
    }
    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

@media(max-width:560px){

    .whatsapp-float{
        width:60px;
        height:60px;
        right:14px;
        bottom:14px;
    }

    .whatsapp-float svg{
        width:32px;
        height:32px;
    }

}
/* =========================================================
   PÁGINA SOBRE NÓS - OUSADIA MÓVEIS
   ========================================================= */

.sobre-hero{
    background:linear-gradient(90deg,#f0fff7 0%,#ffffff 52%,#f8ffff 100%);
    padding:70px 0;
}

.sobre-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 430px;
    gap:50px;
    align-items:center;
}

.sobre-hero h1{
    font-size:clamp(42px,4.5vw,72px);
    line-height:.98;
    margin:18px 0;
    color:#31adb8;
    letter-spacing:-1.2px;
}

.sobre-hero p{
    font-size:20px;
    color:#5b6777;
    line-height:1.65;
    max-width:760px;
}

.sobre-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px;
}

.sobre-card-destaque{
    background:#fff;
    border:1px solid #e5eef0;
    border-radius:26px;
    padding:38px;
    box-shadow:0 22px 60px rgba(49,173,184,.22);
    position:relative;
    overflow:hidden;
}

.sobre-card-destaque::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-60px;
    top:-60px;
    background:#f1e452;
    border-radius:50%;
    opacity:.9;
}

.sobre-card-destaque h2{
    position:relative;
    margin:0 0 16px;
    color:#263244;
    font-size:34px;
    line-height:1.1;
}

.sobre-card-destaque p{
    position:relative;
    font-size:18px;
    color:#667085;
}

.sobre-card-destaque strong{
    position:relative;
    display:inline-flex;
    margin-top:16px;
    background:#f1e452;
    color:#242424;
    padding:12px 18px;
    border-radius:999px;
    font-size:18px;
    font-weight:1000;
}

.sobre-section{
    padding:60px 0;
    background:#fff;
}

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

.sobre-box{
    background:#fff;
    border:1px solid #dfe8ec;
    border-radius:22px;
    padding:30px;
    box-shadow:0 8px 22px rgba(15,23,42,.10);
    transition:.2s ease;
}

.sobre-box:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 34px rgba(15,23,42,.15);
}

.sobre-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    background:#e6fbfd;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:18px;
}

.sobre-box h3{
    margin:0 0 12px;
    color:#31adb8;
    font-size:26px;
}

.sobre-box p{
    margin:0;
    color:#667085;
    font-size:17px;
    line-height:1.6;
}

.sobre-faixa{
    background:#63c8cc;
    color:#fff;
    padding:62px 0;
}

.sobre-faixa h2{
    margin:0 0 30px;
    font-size:38px;
    color:#fff;
}

.sobre-beneficios{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.sobre-beneficios div{
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.35);
    border-radius:20px;
    padding:22px;
}

.sobre-beneficios strong{
    display:block;
    font-size:34px;
    color:#f1e452;
    margin-bottom:8px;
}

.sobre-beneficios span{
    font-size:17px;
    font-weight:900;
    line-height:1.35;
}

.sobre-final{
    text-align:center;
    max-width:850px !important;
}

.sobre-final h2{
    color:#31adb8;
    font-size:42px;
    margin:0 0 14px;
}

.sobre-final p{
    font-size:20px;
    color:#667085;
    line-height:1.6;
    margin-bottom:28px;
}

/* Responsivo */
@media(max-width:980px){

    .sobre-hero{
        padding:46px 0;
    }

    .sobre-hero-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .sobre-card-destaque{
        padding:28px;
    }

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

    .sobre-beneficios{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:560px){

    .sobre-hero{
        padding:34px 0;
    }

    .sobre-hero h1{
        font-size:36px;
    }

    .sobre-hero p,
    .sobre-final p{
        font-size:17px;
    }

    .sobre-card-destaque h2{
        font-size:28px;
    }

    .sobre-section{
        padding:40px 0;
    }

    .sobre-beneficios{
        grid-template-columns:1fr;
    }

    .sobre-faixa h2,
    .sobre-final h2{
        font-size:30px;
    }

    .sobre-actions .btn{
        width:100%;
    }

}
/* =========================================================
   PÁGINA OPINIÃO DOS CLIENTES
   ========================================================= */

.opiniao-hero{
    background:linear-gradient(90deg,#f0fff7 0%,#ffffff 52%,#f8ffff 100%);
    padding:70px 0 50px;
    text-align:center;
}

.opiniao-hero-inner{
    max-width:900px !important;
}

.opiniao-hero h1{
    font-size:clamp(42px,4.5vw,72px);
    line-height:1;
    margin:18px 0;
    color:#31adb8;
    letter-spacing:-1.2px;
}

.opiniao-hero p{
    font-size:20px;
    color:#5b6777;
    line-height:1.65;
    margin:0 auto;
}

.opiniao-section{
    padding:60px 0;
    background:#fff;
}

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

.opiniao-card{
    background:#fff;
    border:1px solid #dfe8ec;
    border-radius:22px;
    padding:30px;
    box-shadow:0 8px 22px rgba(15,23,42,.10);
    transition:.2s ease;
    position:relative;
}

.opiniao-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 34px rgba(15,23,42,.15);
}

.opiniao-card::before{
    content:"“";
    position:absolute;
    right:24px;
    top:10px;
    font-size:90px;
    line-height:1;
    color:#e6fbfd;
    font-family:Georgia,serif;
}

.opiniao-stars{
    color:#f1e452;
    font-size:24px;
    letter-spacing:2px;
    margin-bottom:18px;
    position:relative;
    z-index:1;
}

.opiniao-card p{
    font-size:17px;
    line-height:1.65;
    color:#667085;
    margin:0 0 22px;
    position:relative;
    z-index:1;
}

.opiniao-card strong{
    display:block;
    font-size:20px;
    color:#263244;
    margin-bottom:4px;
}

.opiniao-card span{
    color:#31adb8;
    font-weight:900;
    font-size:14px;
}

.opiniao-chamada{
    padding:60px 0;
    background:#63c8cc;
}

.opiniao-chamada-box{
    background:#fff;
    border-radius:26px;
    padding:42px;
    text-align:center;
    box-shadow:0 22px 60px rgba(15,23,42,.18);
}

.opiniao-chamada h2{
    margin:0 0 14px;
    color:#31adb8;
    font-size:40px;
}

.opiniao-chamada p{
    margin:0 0 26px;
    color:#667085;
    font-size:19px;
}

/* Responsivo */
@media(max-width:980px){
    .opiniao-grid{
        grid-template-columns:1fr 1fr;
    }

    .opiniao-hero{
        padding:46px 0 36px;
    }
}

@media(max-width:560px){
    .opiniao-grid{
        grid-template-columns:1fr;
    }

    .opiniao-hero{
        padding:34px 0;
    }

    .opiniao-hero h1{
        font-size:36px;
    }

    .opiniao-hero p,
    .opiniao-card p{
        font-size:16px;
    }

    .opiniao-chamada{
        padding:40px 0;
    }

    .opiniao-chamada-box{
        padding:28px 20px;
    }

    .opiniao-chamada h2{
        font-size:30px;
    }
}
/* =========================================================
   PÁGINA PRIVACIDADE E SEGURANÇA
   ========================================================= */

.privacidade-hero{
    background:linear-gradient(90deg,#f0fff7 0%,#ffffff 52%,#f8ffff 100%);
    padding:70px 0 50px;
    text-align:center;
}

.privacidade-hero-inner{
    max-width:950px !important;
}

.privacidade-hero h1{
    font-size:clamp(42px,4.5vw,72px);
    line-height:1;
    margin:18px 0;
    color:#31adb8;
    letter-spacing:-1.2px;
}

.privacidade-hero p{
    font-size:20px;
    color:#5b6777;
    line-height:1.65;
    margin:0 auto;
}

.privacidade-section{
    padding:60px 0;
    background:#fff;
}

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

.privacidade-card{
    background:#fff;
    border:1px solid #dfe8ec;
    border-radius:22px;
    padding:30px;
    box-shadow:0 8px 22px rgba(15,23,42,.10);
    transition:.2s ease;
}

.privacidade-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 34px rgba(15,23,42,.15);
}

.privacidade-icon{
    width:60px;
    height:60px;
    border-radius:18px;
    background:#e6fbfd;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:18px;
}

.privacidade-card h3{
    margin:0 0 12px;
    color:#31adb8;
    font-size:25px;
}

.privacidade-card p{
    margin:0;
    color:#667085;
    font-size:17px;
    line-height:1.6;
}

.privacidade-conteudo{
    padding:20px 0 70px;
    background:#fff;
}

.privacidade-box{
    max-width:1050px !important;
    background:#fff;
    border:1px solid #dfe8ec;
    border-radius:26px;
    padding:42px;
    box-shadow:0 12px 30px rgba(15,23,42,.08);
}

.privacidade-box h2{
    color:#31adb8;
    font-size:28px;
    margin:0 0 12px;
}

.privacidade-box p{
    color:#667085;
    font-size:18px;
    line-height:1.7;
    margin:0 0 30px;
}

.privacidade-chamada{
    padding:60px 0;
    background:#63c8cc;
}

.privacidade-chamada-box{
    background:#fff;
    border-radius:26px;
    padding:42px;
    text-align:center;
    box-shadow:0 22px 60px rgba(15,23,42,.18);
}

.privacidade-chamada h2{
    margin:0 0 14px;
    color:#31adb8;
    font-size:40px;
}

.privacidade-chamada p{
    margin:0 0 26px;
    color:#667085;
    font-size:19px;
}

/* Responsivo */
@media(max-width:980px){
    .privacidade-grid{
        grid-template-columns:1fr;
    }

    .privacidade-hero{
        padding:46px 0 36px;
    }

    .privacidade-box{
        padding:30px;
    }
}

@media(max-width:560px){
    .privacidade-hero{
        padding:34px 0;
    }

    .privacidade-hero h1{
        font-size:35px;
    }

    .privacidade-hero p,
    .privacidade-card p,
    .privacidade-box p{
        font-size:16px;
    }

    .privacidade-card{
        padding:24px;
    }

    .privacidade-box{
        padding:24px 20px;
        border-radius:20px;
    }

    .privacidade-box h2{
        font-size:23px;
    }

    .privacidade-chamada{
        padding:40px 0;
    }

    .privacidade-chamada-box{
        padding:28px 20px;
    }

    .privacidade-chamada h2{
        font-size:30px;
    }
}
/* =========================================================
   CARRINHO MOBILE - FORMULÁRIO EM CIMA E PRODUTO ABAIXO
   ========================================================= */

@media(max-width:700px){

    .carrinho-page .cart-layout{
        display:flex !important;
        flex-direction:column !important;
    }

    .carrinho-page .cart-final{
        order:1 !important;
        width:100% !important;
        padding:22px 18px !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .carrinho-page .cart-products{
        order:2 !important;
        width:100% !important;
        border-top:1px solid #e5e7eb;
        padding-top:20px;
        margin-top:10px;
    }

    .carrinho-page > .wrap > h1{
        display:none !important;
    }

    .carrinho-page > .wrap > .muted{
        order:3;
        display:block;
        margin:18px 0 18px !important;
        font-size:16px !important;
    }

    .cart-final form{
        display:flex;
        flex-direction:column;
        gap:10px;
    }

    .cart-final label{
        font-size:16px;
        color:#111827;
        margin-bottom:2px;
    }

    .cart-final .input,
    .cart-final .textarea{
        width:100%;
        border-radius:14px !important;
        border:1px solid #e0e7ef !important;
        min-height:58px;
        font-size:16px !important;
        padding:14px 16px !important;
    }

    .cart-final .textarea{
        min-height:92px !important;
    }

    .cart-products .cart-item{
        display:grid !important;
        grid-template-columns:150px 1fr !important;
        gap:18px !important;
        align-items:center !important;
        padding:18px !important;
        border-radius:0 !important;
        box-shadow:none !important;
        border:0 !important;
        border-bottom:1px solid #e5e7eb !important;
    }

    .cart-img img{
        width:140px !important;
        height:110px !important;
        object-fit:contain !important;
        border-radius:14px !important;
        padding:6px;
        background:#fff;
    }

    .cart-info h3{
        font-size:22px !important;
        margin-bottom:8px !important;
        color:#111827;
    }

    .cart-info p{
        font-size:17px !important;
        margin:5px 0 !important;
    }

    .cart-info .btn.red{
        margin-top:8px;
        width:auto !important;
        min-height:42px;
        padding:10px 18px !important;
        border-radius:12px !important;
        font-size:16px !important;
    }

    .cart-final h2{
        font-size:32px !important;
        margin-top:24px !important;
        margin-bottom:22px !important;
    }

    .cart-total{
        font-size:32px !important;
        padding:22px 12px !important;
        border-radius:18px !important;
        margin-bottom:28px !important;
    }

    .add-more{
        min-height:58px !important;
        font-size:18px !important;
        border-radius:15px !important;
        margin-bottom:22px !important;
    }

    .cart-actions{
        display:flex !important;
        flex-direction:row !important;
        gap:14px !important;
        margin-bottom:28px !important;
    }

    .cart-actions .btn{
        width:auto !important;
        flex:1;
        min-height:56px !important;
        border-radius:15px !important;
        font-size:17px !important;
        font-weight:900 !important;
    }

    .cart-whats-btn{
        min-height:62px !important;
        border-radius:8px !important;
        font-size:19px !important;
        margin-top:8px !important;
    }
}

@media(max-width:430px){

    .cart-products .cart-item{
        grid-template-columns:125px 1fr !important;
        gap:14px !important;
        padding:16px 4px !important;
    }

    .cart-img img{
        width:120px !important;
        height:96px !important;
    }

    .cart-info h3{
        font-size:20px !important;
    }

    .cart-info p{
        font-size:16px !important;
    }

    .cart-actions{
        flex-direction:column !important;
    }

    .cart-actions .btn{
        width:100% !important;
    }
}
/* Menu de categorias maior */
.bora-cat-link{
    font-size:19px !important;
    font-weight:700 !important;
    letter-spacing:.2px;
}
.mobile-load-more{
    display:none;
    text-align:center;
    margin-top:22px;
}

@media(max-width:700px){
    .mobile-load-more{
        display:block;
    }

    .mobile-load-more .btn{
        width:100%;
        min-height:52px;
        font-size:16px;
        border-radius:12px;
    }
}
.load-trigger{
    display:none;
    text-align:center;
    padding:22px;
    color:#31adb8;
    font-weight:900;
}

@media(min-width:701px){
    .load-trigger{
        display:none !important;
    }
}
.foto-click{
  cursor:pointer;
}

.btn-excluir-foto{
  position:absolute!important;
  right:5px!important;
  top:5px!important;
  z-index:20!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  background:#dc2626!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}

.modal-foto{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.85);
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}

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

.modal-box{
  width:min(520px,96vw);
  background:#fff;
  border-radius:22px;
  padding:15px;
  text-align:center;
}

.modal-box img{
  width:100%;
  max-height:65vh;
  object-fit:contain;
  border-radius:16px;
  transition:transform .25s ease;
}

.modal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}

.modal-actions .btn{
  width:100%;
}

.btn-fechar-modal{
  margin-top:10px;
  width:100%;
}
/* =========================================================
   AJUSTES FINAIS RESPONSIVOS - OUSADIA MÓVEIS
   Mantém o layout atual e corrige telas pequenas
   ========================================================= */

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

img,
video,
iframe{
  max-width:100%;
}

.card,
.product,
.wrap,
.main,
.section,
.table-wrap{
  min-width:0;
}

/* Evita cards e textos estourando lateralmente */
.product h3,
.product .muted,
.card,
.table td,
.table th{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Desktop grande: mantém vitrine cheia e sem achatar */
@media(min-width:1501px){
  .grid{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }

  .product img{
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    object-fit:contain !important;
  }
}

/* Notebook / desktop médio */
@media(max-width:1500px){
  .grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }

  .product img{
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    object-fit:contain !important;
  }
}

@media(max-width:1250px){
  .grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

/* Tablet */
@media(max-width:980px){
  .wrap{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
  }

  .hero h1{
    font-size:40px !important;
    line-height:1.05 !important;
  }

  .hero p{
    font-size:17px !important;
  }

  .hero-card img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .bora-mainbar{
    grid-template-columns:52px minmax(0,1fr) 52px !important;
    gap:10px !important;
  }

  .bora-logo{
    justify-content:center !important;
    min-width:0;
    overflow:hidden;
  }

  .bora-logo img{
    max-width:170px !important;
    max-height:66px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .bora-search{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  .bora-icons{
    justify-content:flex-end !important;
    min-width:0;
  }
}

/* Celular */
@media(max-width:640px){
  body{
    font-size:16px;
  }

  .wrap{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .section{
    padding:28px 0 !important;
  }

  .title{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .title h2{
    font-size:26px !important;
  }

  .grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:13px !important;
  }

  .product img{
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    object-fit:contain !important;
    padding:8px !important;
  }

  .product .body{
    padding:10px !important;
  }

  .product h3{
    font-size:14px !important;
    line-height:1.25 !important;
    min-height:38px !important;
  }

  .product .muted{
    display:none !important;
  }

  .price{
    font-size:18px !important;
  }

  .product .btn,
  .product .btn.primary{
    min-height:40px;
    font-size:13px !important;
    padding:9px 8px !important;
  }

  .hero{
    padding-top:24px !important;
  }

  .hero h1{
    font-size:32px !important;
    line-height:1.05 !important;
  }

  .hero p{
    font-size:16px !important;
  }

  .search{
    flex-direction:column !important;
  }

  .search input,
  .search button{
    width:100%;
  }

  .bora-mainbar{
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    gap:8px !important;
    min-height:86px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .bora-logo img{
    max-width:145px !important;
    max-height:60px !important;
  }

  .bora-menu-btn,
  .bora-icons a:last-child{
    width:42px !important;
    height:42px !important;
  }

  .bora-search input{
    font-size:14px !important;
  }

  .bora-search button{
    width:48px !important;
  }

  .bora-catbar{
    width:min(330px,88vw) !important;
  }

  .table-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  .table{
    min-width:680px;
  }
}

/* Celulares muito pequenos */
@media(max-width:390px){
  .grid{
    grid-template-columns:1fr !important;
  }

  .product img{
    aspect-ratio:1 / 1 !important;
    height:auto !important;
  }

  .bora-logo img{
    max-width:125px !important;
    max-height:56px !important;
  }

  .bora-mainbar{
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    gap:6px !important;
  }

  .hero h1{
    font-size:29px !important;
  }
}


/* =========================================================
   AJUSTE FINAL DO TOPO - LOGO + BUSCA + CARRINHO
   Melhor disposição da busca no desktop e responsivo no mobile
   ========================================================= */

/* Desktop: logo maior, busca centralizada e carrinho alinhado */
@media(min-width:981px){

  .bora-mainbar{
    display:grid !important;
    grid-template-columns:300px minmax(420px,900px) 90px !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    min-height:92px !important;
    padding-left:30px !important;
    padding-right:30px !important;
  }

  .bora-logo{
    justify-content:flex-start !important;
    width:100% !important;
    overflow:visible !important;
  }

  .bora-logo img{
    max-width:285px !important;
    max-height:82px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .bora-search{
    width:100% !important;
    max-width:900px !important;
    height:52px !important;
    margin:0 auto !important;
    border-radius:12px !important;
    border:1px solid #dfe8ec !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(15,23,42,.14) !important;
    overflow:hidden !important;
  }

  .bora-search input{
    height:100% !important;
    font-size:16px !important;
    padding:0 20px !important;
    color:#374151 !important;
  }

  .bora-search button{
    width:58px !important;
    height:100% !important;
    font-size:24px !important;
    color:#6b7280 !important;
    background:#fff !important;
  }

  .bora-icons{
    justify-content:flex-end !important;
    width:100% !important;
    gap:0 !important;
  }

  .bora-icons a{
    width:48px !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* Monitores menores: reduz um pouco a logo e a busca */
@media(min-width:981px) and (max-width:1250px){

  .bora-mainbar{
    grid-template-columns:245px minmax(360px,1fr) 70px !important;
    gap:18px !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .bora-logo img{
    max-width:235px !important;
    max-height:72px !important;
  }

  .bora-search{
    max-width:760px !important;
  }
}

/* Tablet e celular: busca fica embaixo ocupando a largura total */
@media(max-width:980px){

  .bora-mainbar{
    grid-template-columns:52px minmax(0,1fr) 52px !important;
    gap:10px !important;
    min-height:88px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .bora-logo{
    justify-content:center !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .bora-logo img{
    max-width:175px !important;
    max-height:68px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .bora-search{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:100% !important;
    height:46px !important;
    margin:8px 0 12px !important;
    border-radius:12px !important;
    box-shadow:0 3px 10px rgba(15,23,42,.12) !important;
  }

  .bora-search input{
    font-size:15px !important;
    padding:0 14px !important;
  }

  .bora-search button{
    width:50px !important;
    font-size:22px !important;
  }
}

/* Celulares pequenos */
@media(max-width:560px){

  .bora-mainbar{
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    gap:8px !important;
    min-height:90px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .bora-logo img{
    max-width:155px !important;
    max-height:62px !important;
  }

  .bora-search{
    height:44px !important;
    margin-top:7px !important;
    margin-bottom:10px !important;
  }

  .bora-search input{
    font-size:14px !important;
  }
}

@media(max-width:380px){

  .bora-logo img{
    max-width:135px !important;
    max-height:58px !important;
  }

  .bora-mainbar{
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    gap:6px !important;
  }
}