body{font-family:Arial;margin:0;background:#f5f5f5}
header{background:#111;color:white;padding:20px}
nav a{
color:white;
margin-left:28px;
text-decoration:none;
font-size:15px;
opacity:0.8;
transition:0.3s;
}

nav a:hover{
opacity:1;
}
.hero{
position:relative;
height:200px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;

background:linear-gradient(
180deg,
#2a2a2a 0%,
#1f1f1f 60%,
#181818 100%
);

border-top:1px solid #333;
}

.hero-gallery{
position:absolute;
width:100%;
height:100%;
overflow:hidden;
}

.hero-track{
display:flex;
gap:15px;
height:100%;
align-items:center;
animation:none;
}

.hero-track img{
height:140px;
border-radius:10px;
object-fit:cover;
opacity:0.6;
}

.hero-content{
position:relative;
z-index:2;
text-align:center;
color:white;
}

.hero-content h1{
font-size:32px;
margin-bottom:15px;
}

@keyframes scrollGallery{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}
.section{
padding:-20px 40px 60px 40px;
opacity:1;
transform:translateY(0);
transition:opacity 0.4s ease, transform 0.4s ease;
}
.section.hidden-section{
display:none;
opacity:0;
transform:translateY(20px);
}
.card{
background:white;
padding:18px;
margin:0;
border-radius:12px;
display:inline-block;
width:160px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transition:transform 0.3s, box-shadow 0.3s;
text-align:center;
flex:0 0 auto;
scroll-snap-align:start;
}

.card:hover{
transform:translateY(-8px);
box-shadow:0 12px 30px rgba(0,0,0,0.15);
}

.card h3{
margin-bottom:10px;
}

.card p{
font-size:18px;
font-weight:bold;
margin-bottom:15px;
}

.card button{
background:#111;
color:white;
border:none;
padding:10px 18px;
border-radius:6px;
cursor:pointer;
transition:0.3s;
}

.card button:hover{
background:#333;
}
button{padding:10px 16px;border:none;background:#111;color:white;border-radius:6px}

.contact-info{
margin-top:20px;
font-size:18px;
}

.contact-info a{
color:#111;
text-decoration:none;
font-weight:bold;
}

.contact-info a:hover{
text-decoration:underline;
}

.social-links{
margin-top:20px;
display:flex;
justify-content:center;
gap:20px;
}

.social-links img{
width:35px;
height:35px;
transition:transform 0.3s;
}

.social-links img:hover{
transform:scale(1.2);
}

.map-link{
display:inline-block;
margin-top:10px;
padding:8px 14px;
background:#111;
color:white;
border-radius:6px;
text-decoration:none;
}

.map-link:hover{
background:#333;
}

html{
scroll-behavior:smooth;
}

.contact-section{
background:#111;
color:white;
text-align:center;
}

.contact-container{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:25px;
margin-top:20px;
}

.contact-card{
background:#1c1c1c;
padding:18px;
border-radius:10px;
width:200px;
max-width:90%;
}

.contact-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.4);
}

.map-button,.phone-button{
display:inline-block;
margin-top:10px;
padding:10px 15px;
background:white;
color:#111;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

.map-button:hover,.phone-button:hover{
background:#ddd;
}

form{
background:white;
padding:30px;
border-radius:10px;
max-width:400px;
margin:auto;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

form input, form select{
width:100%;
padding:10px;
margin-top:5px;
margin-bottom:15px;
border-radius:6px;
border:1px solid #ccc;
}

form button{
width:100%;
font-size:16px;
cursor:pointer;
transition:0.3s;
}

form button:hover{
background:#333;
}

.hero button{
cursor:pointer;
transition:0.3s;
}

.hero button:hover{
background:#333;
}

.section h2{
text-align:center;
margin-bottom:25px;
font-size:28px;
}

#produtos{
text-align:center;
}



.gallery{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-auto-rows:180px;
gap:15px;
max-width:900px;
margin:auto;
overflow-y:auto;
max-height:380px;
padding-right:5px;
}

.gallery img{
width:100%;
height:100%;
object-fit:cover;
border-radius:10px;
transition:0.3s;
}

.gallery img:hover{
transform:scale(1.05);
}
.gallery-item{
position:relative;
}

.share-btn{
  position:absolute;
  top:10px;
  right:10px;
  background:black;
  color:white;
  border:none;
  padding:6px 10px;
  border-radius:6px;
  cursor:pointer;
  font-size:12px;
}


.share-btn:hover{
background:black;
}

.image-modal{
display:none;
position:fixed;
z-index:2000;
left:0;
top:0;
width:100%;
height:100%;

background:rgba(10,10,10,0.45);

backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);

justify-content:center;
align-items:center;

animation:fadeBackdrop .25s ease;
}

.modal-content{
max-width:80%;
max-height:80%;
border-radius:10px;
}

.close-modal{
position:absolute;
top:30px;
right:40px;
color:white;
font-size:35px;
cursor:pointer;
}

.cards-container{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:20px;
}

.hidden-section{
display:none;
}

.card h3{
font-size:18px;
margin-bottom:8px;
}

.card p{
font-size:16px;
margin-bottom:10px;
}

.time-slots button.reserved{
background:#ccc;
color:#666;
cursor:not-allowed;
}
.footer{
margin-top:20px;
padding-top:10px;
padding-bottom:5px;
border-top:1px solid #333;
font-size:13px;
color:#bbb;
text-align:center;
}
#contactos{
padding-bottom:10px;
}

.header-container{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 50px;

background:rgba(17,17,17,0.95);
backdrop-filter:blur(10px);

position:sticky;
top:0;
z-index:1000;

border-bottom:1px solid #222;
}
.logo-area{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
color:white;
}

.logo-area:hover{
text-decoration:none;
color:white;
}

.logo{
height:70px;
width:auto;
}

.logo-text{
font-size:20px;
font-weight:bold;
}

nav a{
color:white;
margin-left:20px;
text-decoration:none;
}

.menu-toggle{
display:none;
font-size:26px;
cursor:pointer;
}

.nav-menu{
display:flex;
align-items:center;
}


.products-grid{
display:grid;

grid-template-columns:repeat(auto-fit,180px);

justify-content:center;
gap:20px;

max-width:900px;
margin:auto;

max-height:420px;
overflow-y:auto;
padding-right:6px;
}
.products-grid::-webkit-scrollbar{
width:6px;
}

.products-grid::-webkit-scrollbar-thumb{
background:#aaa;
border-radius:10px;
}

.product-item{
background:white;
border-radius:12px;
overflow:hidden;
cursor:pointer;
transition:0.3s;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
animation:fadeIn 0.4s ease;
}
@keyframes fadeIn{
from{
opacity:0;
transform:translateY(10px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.product-item:hover{
transform:translateY(-6px);
}

.product-item img{
width:100%;
height:160px;
object-fit:cover;
}

.product-info{
padding:10px;
text-align:center;
}

.stock{
font-size:13px;
padding:4px 8px;
border-radius:6px;
}

.stock.available{
background:#2ecc71;
color:white;
}

.stock.out{
background:#e74c3c;
color:white;
}
.modal-box{
  background:white;
  padding:25px;
  border-radius:10px;
  text-align:center;

  width:90%;
  max-width:480px;

  max-height:80vh;

  overflow-y:auto;
  overflow-x:hidden;
}

.modal-box img{
width:90%;
border-radius:8px;
margin-bottom:15px;
}

.pickup-note{
margin-top:10px;
font-size:14px;
color:#666;
}


/* =========================================
SUCCESS MODAL
========================================= */

.success-modal{

  display:none;

  position:fixed;

  inset:0;

  z-index:999999;

  align-items:center;
  justify-content:center;

  background:rgba(0,0,0,0.45);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.success-modal-box{

  width:90%;
  max-width:420px;

  background:white;

  border-radius:28px;

  padding:40px 28px;

  text-align:center;

  animation:fadeInUp .25s ease;

  box-shadow:
    0 30px 70px rgba(0,0,0,.25);
}

.success-check{

  width:80px;
  height:80px;

  margin:0 auto 18px;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:linear-gradient(
    135deg,
    #ff4fa3,
    #ff7b72
  );

  color:white;

  font-size:38px;

  font-weight:bold;
}

.success-modal-box h2{

  margin:0 0 12px;

  font-size:30px;

  color:#111;
}

.success-modal-box p{

  margin:0;

  color:#666;

  line-height:1.5;
}

.success-note{

  margin-top:18px;

  padding:14px;

  border-radius:14px;

  background:#fff4f8;

  color:#ff4fa3;

  font-weight:600;
}

#closeSuccessModal{

  width:100%;

  height:54px;

  margin-top:24px;

  border:none;

  border-radius:16px;

  background:linear-gradient(
    90deg,
    #ff4fa3,
    #ff7b72
  );

  color:white;

  font-size:16px;

  font-weight:700;

  cursor:pointer;
}


.services-menu{
   display:flex;
   gap:10px;

   overflow-x:auto;
   scroll-behavior:smooth;

   padding:10px;
   margin-top:-10px;
   margin-bottom:15px;

   justify-content:center; /* 🔥 default centrado */
}

/* quando houver scroll */
.services-menu.scrollable{
   justify-content:flex-start; /* 🔥 muda automaticamente */
}

/* esconder scrollbar */
.services-menu::-webkit-scrollbar{
   display:none;
}
.services-menu{
   -ms-overflow-style:none;
   scrollbar-width:none;
}

.service-tab{
background:#e9e9e9;
border:none;
padding:10px 20px;
border-radius:8px;
cursor:pointer;
font-weight:bold;
transition:0.3s;
color:#333;
}
.service-tab:hover{
background:#dcdcdc;
}

.service-tab.active{
background:#111;
color:white;
}


.services-group{
   display:flex;
   gap:20px;

   max-width:1060px;
   margin:0 auto;

   overflow-x:auto;
   justify-content:flex-start;  /* 🔥 IMPORTANTE */
   
}

.services-group::-webkit-scrollbar{
display:none;
}

.services-group.active{
display:flex;
}

#productModalDesc ul{
text-align:left;
margin-top:10px;
padding-left:20px;
}

#productModalDesc li{
margin-bottom:4px;
}
#productModalTitle{
font-size:22px;
line-height:1.3;
margin-bottom:8px;
}

#productModalTitle small{
font-size:16px;
font-weight:normal;
color:#555;
}

.time-full{
opacity:0.5;
cursor:not-allowed;
position:relative;
}

.time-full::after{
content:"🔒";
position:absolute;
top:2px;
right:6px;
font-size:12px;
}
.closed-day{
color:#c0392b;
font-weight:600;
margin-top:10px;
}

.time-slots button{
position:relative;
}


.slot-time{
  pointer-events:none;
}
.slot-badge{
position:absolute;
top:2px;
right:2px;

color:white;
font-size:10px;
border-radius:50%;
width:16px;
height:16px;
display:flex;
align-items:center;
justify-content:center;


  background:#111827;
  border:1px solid white;
  pointer-events:none;
}

.no-slots-message{
    margin:20px auto;
    padding:18px 16px;

    width:365px;              /* 🔥 TAMANHO FIXO */
    min-height:70px;         /* 🔥 ALTURA CONSISTENTE */

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
    font-size:14px;
    color:#444;

    background:#f7f7f7;
    border:1px solid #ddd;
    border-radius:12px;

    line-height:1.4;          /* 🔥 texto mais equilibrado */
}

.no-slots-message::before{
    content:"⏰";
    display:block;
    font-size:26px;
    margin-bottom:10px;
}

#calendar{
margin-top:20px;
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

.agenda-top{
display:flex;
gap:40px;
margin-bottom:20px;
}

.stat-box{
background:white;
padding:15px;
border-radius:10px;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.toast{
position:fixed;

top:50%;
left:50%;

transform:translate(-50%, -60%) scale(0.9);

background:white;
color:#222;
border:1px solid #e5e5e5;

padding:20px 26px;
border-radius:12px;

display:flex;
align-items:center;
gap:12px;

box-shadow:0 10px 30px rgba(0,0,0,0.35);

opacity:0;
transition:all .35s ease;

z-index:999999;
}

.toast.show{
transform:translate(-50%, -50%) scale(1);
opacity:1;
}

.toast-icon{
font-size:22px;
color:#4CAF50;
}

.toast-title{
font-weight:bold;
margin-bottom:2px;
}

.toast-text{
font-size:14px;
color:#ccc;
}

.services-wrapper{
   position:relative;
   display:none;
   align-items:center;
   width:100%;              /* 🔥 ocupa toda largura */
  
}
.services-wrapper.active{
   display:flex;
}

.scroll-btn{
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   z-index:10;

   background:#111;
   color:white;
   border:none;

   width:40px;
   height:40px;
   border-radius:50%;

   cursor:pointer;
   opacity:0.7;
}

.scroll-btn:hover{
   opacity:1;
}

.scroll-btn.left{
   left:0;
}

.scroll-btn.right{
   right:0;
}


/* esconder no mobile */
@media (max-width:768px){
   .scroll-btn{
      display:block; /* 🔥 MOSTRAR */
      width:32px;
      height:32px;
      font-size:14px;
   }
}

@media (max-width:768px){

.contact-container{
flex-direction:column;
align-items:center;
}


.gallery{
grid-template-columns:repeat(2,1fr);
}

.time-slots{
grid-template-columns:repeat(3,1fr);
}

.menu-toggle{
display:block;
}

.nav-menu{
position:absolute;
top:65px;
right:0;
background:#111;
width:200px;
flex-direction:column;
align-items:flex-start;
padding:20px;
display:none;
}

.nav-menu a{
margin:10px 0;
}

.nav-menu.active{
display:flex;
}
}

@media (min-width: 768px){

   .services-group{
      justify-content:center;  /* 🔥 AGORA SIM */
      flex-wrap:nowrap;
      overflow-x:auto;
   }

}
.contact-card{
  height:165px;        /* 🔥 menor */
  overflow:hidden;
  padding-top:14px;    /* 🔥 sobe conteúdo */
  padding-bottom:12px;
}

.contact-card h3{
  margin-top:0;
  margin-bottom:10px;  /* 🔥 menos espaço abaixo do título */
}

.contact-card p{
  margin-top:0;
  margin-bottom:10px;
}


.hours-box{
  margin-top:4px;
  max-height:105px;
  overflow-y:auto;
  padding-right:4px;
}

.hours-list{
  display:flex;
  flex-direction:column;
  gap:0;
}

.hours-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:4px 0;
  font-size:12px;
  line-height:1.1;
  border-bottom:1px solid rgba(255,255,255,0.12);
}

.hours-day{
  color:white;
  font-weight:700;
}

.hours-time{
  color:white;
  font-weight:500;
  white-space:nowrap;
}

.hours-box::-webkit-scrollbar{
  width:4px;
}

.hours-box::-webkit-scrollbar-thumb{
  background:#555;
  border-radius:10px;
}

.iti{
  width:100%;
}


/* =========================
   RESERVAR - COMPACT PRO
========================= */



#reservar h2{
  margin:0 0 22px;
  font-size:20px;
  font-weight:800;
  color:#111827;
}

#reservar form{
  max-width:460px;
  width:100%;
  padding:26px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  gap:14px;
}

.form-row{
  display:grid;
  grid-template-columns:92px 1fr;
  align-items:center;
  gap:12px;
}

.form-row label{
  margin:0;
  font-size:14px;
  font-weight:800;
  color:#111827;
}

.form-row input,
.form-row select{
  width:100%;
  height:40px;
  margin:0;
  padding:0 12px;
  border-radius:10px;
  border:1px solid #d1d5db;
  background:#fff;
  color:#111827;
  font-size:13px;
  box-sizing:border-box;
}

.form-row input:focus,
.form-row select:focus{
  outline:none;
  border-color:#111827;
  box-shadow:0 0 0 3px rgba(17,24,39,.08);
}

#serviceDurationInfo{
  margin:-6px 0 4px 104px !important;
  font-size:12px !important;
  color:#6b7280 !important;
}

.form-row:has(.time-slots){
  align-items:flex-start;
  position:relative;
  z-index:50;
}

.time-slots{
  width:100%;
  position:relative;
  z-index:100;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:7px;

  max-height:178px;
  overflow-y:auto;
  overflow-x:hidden;

  padding:3px 6px 3px 2px;
  margin:0;
  box-sizing:border-box;
}

.time-slots button{
  position:relative;
  z-index:101;
  height:36px;
  padding:0;
  border-radius:9px;
  background:#eef2f7;
  color:#111827;
  font-size:13px;
  font-weight:800;
  border:1px solid #e5e7eb;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation;
  transition:.18s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}

.time-slots button:hover,
.time-slots button.active{
  background:#111827;
  color:white;
  border-color:#111827;
}


.slot-time{
  pointer-events:none;
}
.slot-badge{
  top:2px;
  right:2px;
  width:16px;
  height:16px;
  font-size:10px;
  background:#111827;
  color:white;
  border:1px solid white;
  pointer-events:none;
}

.time-slots::-webkit-scrollbar{
  width:5px;
}

.time-slots::-webkit-scrollbar-thumb{
  background:#9ca3af;
  border-radius:20px;
}

.iti{
  width:100%;
}



/* mobile */
@media(max-width:650px){
  #reservar form{
    max-width:92%;
    padding:22px;
  }

  .form-row{
    grid-template-columns:1fr;
    gap:6px;
  }

  #serviceDurationInfo{
    margin-left:0 !important;
  }

  .time-slots{
    grid-template-columns:repeat(3,1fr);
    max-height:178px;
  }
}

/* =========================================
RESERVA PRODUTO MODAL
========================================= */

#reserveModal{
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
}

#reserveModal .modal-box{

  width:90%;
  max-width:420px;

  background:white;

  border-radius:24px;

  padding:35px 25px;

  position:relative;

  display:flex;
  flex-direction:column;
  gap:14px;

  animation:fadeInUp .25s ease;

  box-shadow:
    0 25px 60px rgba(0,0,0,0.25);
}

/* TITULO */

#reserveModal h2{

  margin:0 0 10px 0;

  text-align:center;

  font-size:34px;

  color:#222;
}

/* INPUTS */

#reserveModal input{

  width:100%;

  height:52px;

  border:1px solid #e5e5e5;

  border-radius:14px;

  padding:0 16px;

  font-size:15px;

  box-sizing:border-box;

  transition:.2s;
}

#reserveModal input:focus{

  border-color:#ff4fa3;

  outline:none;

  box-shadow:
    0 0 0 4px rgba(255,79,163,0.12);
}

/* BOTÃO */

#sendReserveBtn{

  width:100%;

  height:54px;

  border:none;

  border-radius:16px;

  background:linear-gradient(
    90deg,
    #ff4fa3,
    #ff7b72
  );

  color:white;

  font-size:16px;

  font-weight:700;

  cursor:pointer;

  transition:.25s;

  margin-top:10px;
}

#sendReserveBtn:hover{

  transform:translateY(-2px);

  opacity:.95;
}

/* FECHAR */

#closeReserveModal{

  position:absolute;

  top:15px;
  right:18px;

  font-size:28px;

  cursor:pointer;

  color:#888;
}

#closeReserveModal:hover{
  color:#111;
}

/* ANIMAÇÃO */

@keyframes fadeInUp{

  from{
    opacity:0;
    transform:translateY(25px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}

/* MOBILE */

@media(max-width:600px){

  #reserveModal .modal-box{

    width:92%;

    padding:30px 20px;
  }

  #reserveModal h2{
    font-size:28px;
  }

}

/* =========================================
RESERVA PRODUTO MODAL
========================================= */

#reserveModal{
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
}

#reserveModal .modal-box{

  width:90%;
  max-width:430px;

  background:white;

  border-radius:26px;

  padding:34px 26px;

  position:relative;

  display:flex;
  flex-direction:column;
  gap:14px;

  animation:fadeInUp .25s ease;

  box-shadow:
    0 30px 70px rgba(0,0,0,0.22);
}

/* TITULO */

#reserveModal h2{

  margin:0 0 8px 0;

  text-align:center;

  font-size:30px;

  font-weight:800;

  color:#111827;
}

/* INPUTS */

#reserveModal input{

  width:100%;

  height:52px;

  border:1px solid #dbe2ea;

  border-radius:14px;

  padding:0 16px;

  font-size:15px;

  background:#f9fafb;

  color:#111827;

  box-sizing:border-box;

  transition:.2s;
}

#reserveModal input:focus{

  border-color:#1f2937;

  background:white;

  outline:none;

  box-shadow:
    0 0 0 4px rgba(31,41,55,0.08);
}

/* BOTÃO ENVIAR */

#sendReserveBtn{

  width:100%;

  height:54px;

  border:none;

  border-radius:16px;

  background:linear-gradient(
    135deg,
    #1f2937,
    #374151
  );

  color:white;

  font-size:15px;

  font-weight:700;

  cursor:pointer;

  transition:.25s;

  margin-top:8px;

  box-shadow:
    0 10px 25px rgba(17,24,39,0.18);
}

#sendReserveBtn:hover{

  transform:translateY(-2px);

  opacity:.96;
}

/* FECHAR */

#closeReserveModal{

  position:absolute;

  top:16px;
  right:18px;

  font-size:26px;

  cursor:pointer;

  color:#9ca3af;

  transition:.2s;
}

#closeReserveModal:hover{
  color:#111827;
}

/* =========================================
PRODUCT MODAL ACTIONS
========================================= */

.product-actions{

  display:flex;
  flex-direction:column;

  align-items:center;

  gap:10px;

  margin-top:18px;
}

.product-actions #reserveProductBtn{

  margin:0;

  min-width:145px;

  height:44px;

  padding:0 18px;

  background:linear-gradient(
    135deg,
    #1f2937,
    #374151
  );

  color:white;

  font-weight:700;

  border:none;

  border-radius:30px;

  font-size:15px;

  cursor:pointer;

  transition:.2s;

  box-shadow:
    0 8px 20px rgba(17,24,39,0.16);
}

.product-actions #reserveProductBtn:hover{

  transform:translateY(-2px);

  opacity:.96;
}

/* BOTÃO DESATIVADO */

.disabled-product-btn{

  background:#d1d5db !important;

  color:#666 !important;

  cursor:not-allowed !important;

  box-shadow:none !important;

  opacity:.9;
}

.disabled-product-btn:hover{

  transform:none !important;
}

/* ANIMAÇÃO */

@keyframes fadeInUp{

  from{
    opacity:0;
    transform:translateY(25px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}

/* MOBILE */

@media(max-width:600px){

  #reserveModal .modal-box{

    width:92%;

    padding:28px 20px;
  }

  #reserveModal h2{
    font-size:26px;
  }

}

.lang-select{

  margin-left:25px;

  height:36px;

  padding:0 10px;

  border:1px solid #333;

  border-radius:8px;

  background:#1b1b1b;

  color:white;

  font-size:13px;

  font-weight:600;

  cursor:pointer;

  outline:none;

  transition:.2s;
}

.lang-select:hover{
  border-color:#666;
}

.lang-select:focus{
  border-color:#999;
}


/* =====================================
MOBILE POLISHING
===================================== */

@media (max-width:768px){

  .header-container{
    padding:12px 15px;
  }

  .logo{
    height:55px;
  }

  .logo-text{
    font-size:16px;
  }

  .hero{
    height:auto;
    min-height:220px;
    padding:30px 15px;
  }

  .hero-content h1{
    font-size:24px;
  }

  .section{
    padding:20px 12px 40px;
  }

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


  .contact-card{
    width:100%;
  }

  form{
    padding:20px;
  }

  .modal-box{
    width:95%;
    max-height:90vh;
  }

}

/* =========================================
MODAL PRODUTOS MOBILE
========================================= */

@media (max-width:768px){

  #prevProduct,
  #nextProduct{

    width:45px;
    height:45px;

    font-size:34px;

    z-index:999999;
  }

  #prevProduct{
    left:8px !important;
  }

  #nextProduct{
    right:8px !important;
  }

  #productModal .close-modal{

    top:10px !important;
    right:10px !important;

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(0,0,0,.7);

    border-radius:50%;

    color:white;

    font-size:28px;

    z-index:999999;
  }

}

/* =========================================
   SETAS EXTERNAS
   Produtos + Galeria
========================================= */

#prevGallery,
#nextGallery,
#prevProduct,
#nextProduct{

  position:fixed;
  top:50%;

  transform:translateY(-50%);

  width:72px;
  height:72px;

  border:none;
  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      rgba(56,189,248,.95),
      rgba(99,102,241,.95)
    );

  color:#fff !important;

  font-size:34px !important;
  font-weight:700;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;

  box-shadow:
    0 12px 35px rgba(0,0,0,.35);

  backdrop-filter:blur(12px);

  transition:all .25s ease;

  z-index:999999;
}

/* esquerda */
#prevGallery,
#prevProduct{
  left:20px;
}

/* direita */
#nextGallery,
#nextProduct{
  right:20px;
}

/* hover */
#prevGallery:hover,
#nextGallery:hover,
#prevProduct:hover,
#nextProduct:hover{

  transform:
    translateY(-50%)
    scale(1.12);

  box-shadow:
    0 18px 45px rgba(56,189,248,.45);

  filter:brightness(1.1);
}

/* click */
#prevGallery:active,
#nextGallery:active,
#prevProduct:active,
#nextProduct:active{

  transform:
    translateY(-50%)
    scale(.96);
}

/* MOBILE */
@media(max-width:768px){

  #prevGallery,
  #nextGallery,
  #prevProduct,
  #nextProduct{

    width:58px;
    height:58px;

    font-size:28px !important;
  }

  #prevGallery,
  #prevProduct{
    left:8px;
  }

  #nextGallery,
  #nextProduct{
    right:8px;
  }

}
/* =====================================
MOBILE SALON TEMPLATE REFINEMENTS
===================================== */

@media (max-width:768px){
  .hero{
    height:260px;
    min-height:0;
    padding:0;
    align-items:center;
    background:linear-gradient(180deg,#242424 0%,#161616 100%);
  }

  .hero-gallery{
    inset:0;
  }

  .hero-track{
    gap:12px;
  }

  .hero-slide{
    flex:0 0 auto;
  }

  .hero-track img{
    width:72vw;
    max-width:310px;
    height:180px;
    border-radius:14px;
    opacity:.72;
    filter:saturate(.92) contrast(1.05);
  }

  .hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(17,17,17,.72),rgba(17,17,17,.22) 35%,rgba(17,17,17,.22) 65%,rgba(17,17,17,.72));
    pointer-events:none;
  }

  .hero-content{
    width:min(92vw,420px);
    padding:0 18px;
  }

  .hero-content h1{
    font-size:clamp(28px,8vw,40px);
    line-height:1.05;
    margin:0 0 18px;
    text-wrap:balance;
    text-shadow:0 3px 18px rgba(0,0,0,.75);
  }

  .hero button{
    min-height:48px;
    padding:12px 24px;
    border-radius:12px;
    font-size:17px;
    box-shadow:0 12px 30px rgba(0,0,0,.35);
  }

  #servicos.section{
    padding:52px 0 44px;
    overflow:hidden;
  }

  #servicos .section h2,
  #servicos h2{
    margin-bottom:24px;
  }

  .services-menu{
    justify-content:flex-start;
    gap:10px;
    overflow-x:auto;
    padding:0 18px 8px;
    scroll-padding-left:18px;
  }

  .service-tab{
    flex:0 0 auto;
    min-height:48px;
    padding:0 22px;
    border-radius:14px;
    font-size:15px;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
  }

  .services-wrapper{
    padding:22px 0 0;
  }

  .services-group{
    gap:14px;
    padding:0 44px;
    scroll-padding:44px;
    scroll-snap-type:x mandatory;
  }

  .card{
    width:235px;
    max-width:none;
    min-height:176px;
    padding:24px 18px;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    box-shadow:0 14px 34px rgba(17,17,17,.10);
    border:1px solid rgba(17,17,17,.05);
  }

  .card h3{
    margin:0;
    font-size:20px;
    line-height:1.2;
    max-width:100%;
  }

  .card p{
    margin:0;
    font-size:19px;
  }

  .card button{
    min-height:44px;
    padding:0 22px;
    border-radius:10px;
    font-size:15px;
    box-shadow:0 10px 22px rgba(0,0,0,.18);
  }

  .scroll-btn{
    width:44px;
    height:64px;
    border-radius:16px;
    background:rgba(17,17,17,.82);
    opacity:1;
    color:#fff;
    font-size:0;
    box-shadow:0 14px 28px rgba(0,0,0,.2);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .scroll-btn::before{
    font-size:34px;
    line-height:1;
    font-weight:700;
  }

  .scroll-btn.left::before{
    content:"\2039";
  }

  .scroll-btn.right::before{
    content:"\203A";
  }

  .scroll-btn.left{
    left:8px;
  }

  .scroll-btn.right{
    right:8px;
  }
}

@media (max-width:420px){
  .hero{
    height:240px;
  }

  .hero-track img{
    width:76vw;
    height:165px;
  }

  .hero-content h1{
    font-size:clamp(26px,8.4vw,34px);
  }

  .card{
    width:220px;
    min-height:168px;
  }
}

/* =====================================
PRODUCTS HORIZONTAL CAROUSEL
===================================== */

#produtos{
  overflow:hidden;
}

.products-carousel{
  position:relative;
  width:min(100%,1120px);
  margin:0 auto;
  padding:0 52px;
}

.products-grid{
  display:flex;
  grid-template-columns:none;
  justify-content:flex-start;
  gap:14px;
  max-width:none;
  width:100%;
  margin:0;
  max-height:none;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 0 12px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.products-grid::-webkit-scrollbar{
  display:none;
}

.product-item{
  flex:0 0 150px;
  height:150px;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  box-shadow:none;
  background:#111;
  scroll-snap-align:start;
}

.product-item:hover{
  transform:none;
}

.product-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s ease, opacity .3s ease;
}

.product-item:hover img{
  transform:scale(1.04);
}

.product-info{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:34px 10px 10px;
  color:white;
  text-align:left;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78));
  opacity:0;
  transform:translateY(8px);
  transition:opacity .25s ease, transform .25s ease;
}

.product-item:hover .product-info,
.product-item:focus-within .product-info{
  opacity:1;
  transform:translateY(0);
}

.product-info h3{
  margin:0 0 6px;
  font-size:14px;
  line-height:1.15;
}

.product-info .stock{
  font-size:11px;
  padding:3px 7px;
  border-radius:999px;
}

.product-scroll-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:20;
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(17,17,17,.62);
  color:white;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 36px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  cursor:pointer;
}

.product-scroll-btn::before{
  font-size:32px;
  line-height:1;
  font-weight:700;
}

.product-scroll-left{
  left:18px;
}

.product-scroll-left::before{
  content:"\2039";
}

.product-scroll-right{
  right:18px;
}

.product-scroll-right::before{
  content:"\203A";
}

.product-scroll-btn:hover{
  background:rgba(17,17,17,.82);
}

@media (max-width:768px){
  .products-carousel{
    width:100%;
    padding:0 44px;
  }

  .products-grid{
    gap:12px;
  }

  .product-item{
    flex-basis:138px;
    height:138px;
    border-radius:12px;
  }

  .product-scroll-btn{
    width:44px;
    height:58px;
    border-radius:16px;
  }

  .product-scroll-left{
    left:8px;
  }

  .product-scroll-right{
    right:8px;
  }
}

#produtos .product-item{
  flex:0 0 150px;
  height:150px;
  border-radius:10px;
  box-shadow:none;
}

#produtos .stock.available{
  color:white;
}

@media (max-width:768px){
  #produtos .product-item{
    flex-basis:138px;
    height:138px;
    border-radius:12px;
  }
}

/* =====================================
PRODUCTS CAROUSEL POLISH
===================================== */

.products-grid{
  justify-content:center;
}

.products-grid.has-overflow{
  justify-content:flex-start;
}

.product-info{
  opacity:1;
  transform:none;
  padding:48px 10px 10px;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.82));
}

.product-item:hover .product-info,
.product-item:focus-within .product-info{
  opacity:1;
  transform:none;
}

.product-info h3{
  color:white;
  text-shadow:0 2px 8px rgba(0,0,0,.75);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.product-info .stock{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  font-weight:700;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}

@media (max-width:768px){
  .products-grid{
    justify-content:flex-start;
  }

  .products-grid:not(.has-overflow){
    justify-content:center;
  }
}

/* =====================================
PRODUCTS CAROUSEL FINAL ALIGNMENT
===================================== */

.products-carousel{
  box-sizing:border-box;
}

.products-carousel:not(.has-overflow){
  padding-left:16px;
  padding-right:16px;
}

.product-info{
  padding:42px 10px 10px;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.58));
}

.product-info h3{
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  -webkit-line-clamp:unset;
  -webkit-box-orient:initial;
  text-shadow:0 1px 4px rgba(0,0,0,.45);
}

.product-info .stock{
  box-shadow:none;
}

@media (max-width:768px){
  .products-carousel{
    box-sizing:border-box;
  }

  .products-carousel:not(.has-overflow){
    padding-left:16px;
    padding-right:16px;
  }

  .products-grid:not(.has-overflow){
    justify-content:center;
  }
}

/* =====================================
GALLERY SHARE BUTTON POLISH
===================================== */

.share-btn{
  position:absolute;
  top:12px;
  right:12px;
  z-index:5;
  width:42px;
  height:42px;
  padding:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(12,12,12,.78);
  color:white;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 26px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  cursor:pointer;
  font-size:0;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.share-btn::before{
  content:"\1F517";
  font-size:18px;
  line-height:1;
}

.share-btn:hover{
  background:rgba(0,0,0,.92);
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.34);
}

.share-btn:active{
  transform:translateY(0) scale(.96);
}

@media(max-width:768px){
  .share-btn{
    width:46px;
    height:46px;
    top:10px;
    right:10px;
  }
}

#reservar .form-row:has(.time-slots){
  position:relative;
  z-index:50;
}

#reservar .time-slots{
  position:relative;
  z-index:100;
}

#reservar .time-slots button{
  position:relative;
  z-index:101;
}
/* =====================================
PRODUCTS VERTICAL GRID SCROLL
===================================== */
#produtos .products-carousel{
  width:min(100%, 1040px);
  max-width:1040px;
  margin:0 auto;
  padding:0 8px;
  overflow:hidden;
}

#produtos .products-grid{
  display:grid;
  grid-template-columns:repeat(6, 150px);
  justify-content:center;
  align-items:start;
  gap:14px;
  width:100%;
  max-width:100%;
  max-height:328px;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 14px 14px 6px;
  scroll-snap-type:none;
  scrollbar-width:thin;
}

#produtos .products-grid::-webkit-scrollbar{
  display:block;
  width:6px;
}

#produtos .products-grid::-webkit-scrollbar-thumb{
  background:#9ca3af;
  border-radius:999px;
}

#produtos .product-item{
  width:150px;
  height:150px;
  flex:none;
}

#produtos .product-scroll-btn{
  display:none;
}

@media(max-width:768px){
  #produtos .products-carousel{
    width:100%;
    max-width:340px;
    padding:0;
  }

  #produtos .products-grid{
    grid-template-columns:repeat(2, 138px);
    justify-content:center;
    gap:14px;
    max-height:152px;
    padding:0 12px 12px 4px;
  }

  #produtos .product-item{
    width:138px;
    height:138px;
    flex:none;
  }
}

/* =====================================
PRODUCTS VERTICAL SCROLL + CONTROLS V2
===================================== */
#produtos .products-grid{
  max-height:328px;
}

#produtos .products-carousel.has-overflow .product-scroll-btn{
  display:flex;
}

#produtos .products-carousel.vertical-scroll .product-scroll-left::before{
  content:"\2039";
}

#produtos .products-carousel.vertical-scroll .product-scroll-right::before{
  content:"\203A";
}

@media(max-width:768px){
  #produtos .products-grid{
    max-height:290px;
  }
}

/* =====================================
PRODUCT IMAGE CENTERING
===================================== */
#produtos .product-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

/* =====================================
PRODUCT GRID CENTERING FINAL
===================================== */
#produtos .products-carousel{
  display:flex;
  justify-content:center;
}

#produtos .products-grid:not(.has-overflow){
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  justify-content:center !important;
}

#produtos .products-grid.has-overflow{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* =====================================
PRODUCT GRID CENTERING OVERRIDE
===================================== */
#produtos .products-carousel{
  width:100%;
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  justify-content:center;
  padding-left:0;
  padding-right:0;
}

#produtos .products-grid,
#produtos .products-grid.has-overflow,
#produtos .products-grid:not(.has-overflow){
  display:grid !important;
  grid-template-columns:repeat(auto-fit, 150px) !important;
  width:fit-content !important;
  max-width:984px !important;
  justify-content:center !important;
  justify-items:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:768px){
  #produtos .products-carousel{
    max-width:340px;
  }

  #produtos .products-grid,
  #produtos .products-grid.has-overflow,
  #produtos .products-grid:not(.has-overflow){
    grid-template-columns:repeat(auto-fit, 138px) !important;
    max-width:302px !important;
  }
}

/* =====================================
MOBILE PRODUCT 2-COLUMN FIX
===================================== */
@media(max-width:768px){
  #produtos .products-carousel{
    max-width:340px !important;
  }

  #produtos .products-grid,
  #produtos .products-grid.has-overflow,
  #produtos .products-grid:not(.has-overflow){
    grid-template-columns:repeat(2, 138px) !important;
    width:302px !important;
    max-width:302px !important;
    justify-content:center !important;
    justify-items:center !important;
    max-height:290px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
}

/* =====================================
MOBILE PRODUCT STRICT 2 COLUMNS
===================================== */
@media(max-width:768px){
  #produtos .products-grid,
  #produtos .products-grid.has-overflow,
  #produtos .products-grid:not(.has-overflow){
    display:grid !important;
    grid-template-columns:repeat(2, 138px) !important;
    width:302px !important;
    min-width:302px !important;
    max-width:302px !important;
  }
}

/* =====================================
ROBECA BOOKING FORM POLISH
===================================== */
.template-robeca #reservar{
  text-align:center;
}

.template-robeca #reservar h2{
  margin:0 0 24px;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
  color:#111827;
}

.template-robeca #reservar form{
  max-width:460px;
  width:100%;
  margin:0 auto;
  padding:26px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 50px rgba(17,24,39,.10), 0 10px 28px rgba(0,0,0,.08);
  display:flex;
  flex-direction:column;
  gap:14px;
  text-align:left;
  box-sizing:border-box;
}

.template-robeca #reservar .form-row{
  display:grid;
  grid-template-columns:92px minmax(0, 1fr);
  align-items:center;
  gap:12px;
  width:100%;
}

.template-robeca #reservar .form-row label{
  margin:0;
  text-align:left;
  line-height:1.2;
  font-size:14px;
  font-weight:900;
  color:#111827;
}

.template-robeca #reservar .form-row input,
.template-robeca #reservar .form-row select,
.template-robeca #reservar .iti{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.template-robeca #reservar .form-row input,
.template-robeca #reservar .form-row select{
  height:40px;
  margin:0;
  padding:0 12px;
  border-radius:10px;
}

.template-robeca #reservar #serviceDurationInfo{
  margin:-6px 0 4px 104px !important;
  text-align:left;
  font-size:12px !important;
}

.template-robeca #reservar .form-row:has(.time-slots){
  align-items:flex-start;
}

.template-robeca #reservar .time-slots{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:7px;
  width:100%;
  max-height:178px;
  min-height:0;
  padding:3px 8px 3px 2px;
  overflow-y:auto;
  overflow-x:hidden;
}

.template-robeca #reservar .no-slots-message{
  grid-column:1 / -1;
  width:100%;
  min-height:86px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-sizing:border-box;
  white-space:normal;
}

.template-robeca #reservar #confirmBookingBtn{
  min-height:44px;
  border-radius:10px;
  font-weight:900;
}

@media(max-width:768px){
  .template-robeca #reservar{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .template-robeca #reservar h2{
    font-size:28px;
    margin-bottom:24px;
  }

  .template-robeca #reservar form{
    width:calc(100vw - 24px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:22px !important;
    border-radius:22px !important;
    gap:16px !important;
  }

  .template-robeca #reservar .form-row{
    grid-template-columns:1fr;
    gap:6px;
  }

  .template-robeca #reservar .form-row label{
    font-size:16px;
    line-height:1.3;
  }

  .template-robeca #reservar .form-row input,
  .template-robeca #reservar .form-row select{
    height:46px;
    font-size:14px;
    border-radius:12px;
    padding:0 14px;
  }

  .template-robeca #reservar #serviceDurationInfo{
    margin-left:0 !important;
    font-size:13px !important;
  }

  .template-robeca #reservar .time-slots{
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    max-height:230px;
    padding:4px 10px 6px 2px;
  }

  .template-robeca #reservar .time-slots button{
    min-height:44px;
    font-size:15px;
    border-radius:10px;
    font-weight:900;
  }

  .template-robeca #reservar .slot-badge{
    top:-5px !important;
    right:-5px !important;
  }

  .template-robeca #reservar .no-slots-message{
    min-height:130px;
    font-size:15px;
    border-radius:16px;
  }

  .template-robeca #servicos .card{
    width:205px !important;
    min-height:150px !important;
    padding:18px 14px !important;
    border-radius:16px !important;
  }

  .template-robeca #servicos .card h3{
    font-size:17px !important;
  }

  .template-robeca #servicos .card p{
    font-size:17px !important;
  }

  .template-robeca #servicos .card button{
    min-height:40px !important;
    padding:0 18px !important;
    font-size:14px !important;
  }
}
/* ROBECA DESKTOP SLOT BADGE POSITION */
@media(min-width:769px){
  .template-robeca #reservar .slot-badge{
    top:-4px !important;
    right:-4px !important;
  }
}


/* Produto modal desktop: manter mobile como esta, reduzir imagem em telas grandes */
@media (min-width:769px){
  #productModal .modal-box{
    max-width:420px;
  }

  #productModal .modal-box img,
  #productModalImg{
    width:auto;
    max-width:72%;
    max-height:360px;
    object-fit:contain;
  }
}

/* Categorias de servicos: scroll horizontal por quantidade */
.services-menu.scrollable{
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  justify-content:flex-start;
  -webkit-overflow-scrolling:touch;
}

.services-menu.scrollable .service-tab{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Desktop: categorias com scroll mantidas visualmente ao centro */
@media (min-width:769px){
  .services-menu.scrollable{
    justify-content:center;
    padding-left:18px;
    padding-right:18px;
  }
}

@media (max-width:768px){
  .services-menu.scrollable{
    justify-content:flex-start;
  }
}

/* Robeca desktop: cards de servicos mais compactos e elegantes */
@media (min-width:769px){
  .template-robeca #servicos .services-group{
    gap:16px;
    max-width:1180px;
    justify-content:center;
  }

  .template-robeca #servicos .card{
    width:178px !important;
    min-height:126px !important;
    padding:16px 12px !important;
    border-radius:12px !important;
    box-shadow:0 10px 28px rgba(15,23,42,.07) !important;
  }

  .template-robeca #servicos .card h3{
    font-size:16px !important;
    line-height:1.15 !important;
    margin-bottom:12px !important;
  }

  .template-robeca #servicos .card p{
    font-size:15px !important;
    line-height:1.1 !important;
    margin-bottom:12px !important;
  }

  .template-robeca #servicos .card button{
    min-height:34px !important;
    padding:0 16px !important;
    border-radius:7px !important;
    font-size:13px !important;
    line-height:1 !important;
  }
}

/* Robeca: remover setas da grelha de produtos; modal mantem as proprias setas */
.template-robeca #produtos .product-scroll-btn{
  display:none !important;
}