/** Shopify CDN: Minification failed

Line 390:1 Expected "}" to go with "{"

**/
/* ==========================================================
   Google Reviews
   MIMOSA by Karuna
   Studio Theme 15
========================================================== */

.gr{
  padding:60px 0;
  background:rgb(var(--color-background));
}

.gr .page-width{
  max-width:1200px;
  margin:0 auto;
}

.gr__header{
  text-align:center;
  margin-bottom:40px;
}

.gr__heading{
  margin:0;
  font-size:34px;
  font-weight:700;
  line-height:1.2;
}

.gr__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:25px;
  flex-wrap:wrap;
}

.gr__rating{
  display:flex;
  align-items:center;
  gap:18px;
}

.gr__stars{
  display:flex;
  gap:4px;
}

.gr__star{
  width:22px;
  height:22px;
  fill:#fbbc04;
}

.gr__score{
  display:flex;
  flex-direction:column;
}

.gr__score-value{
  font-size:28px;
  font-weight:700;
  line-height:1;
}

.gr__score-text{
  font-size:14px;
  color:rgba(var(--color-foreground),0.7);
}

.gr__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.gr__actions .button{
  min-width:190px;
}

.gr__slider{
  position:relative;
  margin-top:50px;
  overflow:hidden;
}

.gr__track{
  display:flex;
  gap:25px;
  transition:transform .4s ease;
  will-change:transform;
}

.gr__card{
  flex:0 0 calc((100% - 50px) / 3);
  max-width:calc((100% - 50px) / 3);

  background:#fff;
  border-radius:18px;
  padding:28px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 5px 18px rgba(0,0,0,.05);
  transition:.3s ease;

  display:flex;
  flex-direction:column;
}

.gr__card:hover{
  transform:translateY(-6px);
  box-shadow:0 14px 40px rgba(0,0,0,.10);
}

.gr__card-stars{
  color:#fbbc04;
  font-size:20px;
  letter-spacing:2px;
  margin-bottom:18px;
}

.gr__card-content{
  flex:1;
  font-size:15px;
  line-height:1.8;
  color:rgb(var(--color-foreground));
  min-height:140px;
  margin:18px 0;
}

.gr__card-footer{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(0,0,0,.08);
}

.gr__card-footer strong{
  display:block;
  font-size:16px;
}

.gr__card-footer span{
  display:block;
  margin-top:4px;
  font-size:13px;
  color:#777;
}

.gr__nav{
  position:absolute;
  top:45%;
  width:48px;
  height:48px;
  border:none;
  border-radius:50%;
  background:#fff;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(0,0,0,.12);
  transition:.3s;
  z-index:5;
}

.gr__nav:hover{
  transform:scale(1.08);
}

.gr__nav--prev{
    left:6px;
}

.gr__nav--next{
    right:6px;
}

.gr__dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:35px;
}

.gr__dot{
  width:12px;
  height:12px;
  border-radius:50%;
  border:none;
  background:#d5d5d5;
  cursor:pointer;
}

.gr__dot.is-active{
  background:#000;
}

/* Tablet */

@media screen and (max-width:990px){

.gr__track{
grid-template-columns:repeat(2,1fr);
}

.gr__summary{
justify-content:center;
text-align:center;
}

.gr__rating{
flex-direction:column;
}

}

/* Mobile */

@media screen and (max-width:749px){

.gr{
padding:40px 0;
}

.gr__heading{
font-size:28px;
}

.gr__track{
grid-template-columns:1fr;
}

.gr__actions{
width:100%;
}

.gr__actions .button{
width:100%;
}

.gr__nav{
display:none;
}

.gr__card{
padding:22px;
}

.gr__card-content{
min-height:auto;
}

/* ===== Google Review Buttons ===== */

.gr__actions{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:24px;
  flex-wrap:wrap;
}

.gr__actions .button{
  min-width:190px;
  border-radius:999px;
  transition:.3s ease;
}

.gr__actions .button--primary{
  background:#0f3b46;
  color:#fff;
}

.gr__actions .button--primary:hover{
  background:#174f5d;
}

.gr__actions .button--secondary{
  background:#fff;
  border:1px solid #d6d6d6;
  color:#222;
}

.gr__actions .button--secondary:hover{
  background:#f7f7f7;
}

/* ==========================================
   Responsive Layout
========================================== */

/* Tablet (iPad) */

@media screen and (min-width:768px) and (max-width:989px){

  .gr__card{
    flex:0 0 calc((100% - 25px)/2);
    max-width:calc((100% - 25px)/2);
  }

}

/* Mobile */

@media screen and (max-width:767px){

  .gr__track{
    gap:0;
  }

  .gr__card{
    flex:0 0 100%;
    max-width:100%;
    padding:22px;
    box-sizing:border-box;
    height:auto;
    min-height:auto;
  }

  .gr__nav{
    display:none !important;
  }

  .gr__actions{
    width:100%;
  }

  .gr__actions .button{
    width:92%;
    min-width:92%;
    margin:auto;
}

  .gr__heading{
    font-size:28px;
  }

}

.gr__read-more{
    appearance:none;
    -webkit-appearance:none;

    background:none;
    border:none;
    padding:0;
    margin-top:18px;

    color:#0f3b46;
    font-size:15px;
    font-weight:600;
    font-family:inherit;

    cursor:pointer;
    transition:.25s;
}

.gr__read-more:hover{
    color:#174f5d;
}

.gr__read-more::after{
    content:" →";
    transition:.25s;
}

.gr__read-more:hover::after{
    margin-left:5px;
}

/* ===== Force Customer Name ===== */

.gr .gr__customer-name{
    font-size:20px !important;
    font-weight:700 !important;
    color:#0f3b46 !important;
    display:block !important;
    line-height:1.2 !important;
    margin-bottom:6px !important;
}

.gr .gr__review-date{
    font-size:14px !important;
    font-weight:400 !important;
    color:#888 !important;
    display:block !important;
    line-height:1.3 !important;
    margin-bottom:14px !important;
}