/* Au P'tit Crepe — premium beige reviews card, unified mobile / tablet / desktop theme. */
.google-reviews-strip{
  padding:6px 8px 7px;
  background:linear-gradient(180deg,#f7f0e4 0%,#f3eadc 100%);
  border-top:1px solid rgba(85,58,39,.05);
  border-bottom:1px solid rgba(85,58,39,.10)
}
.google-reviews-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:left
}
.google-reviews-uikit,
.google-reviews-link{display:none!important}

.gr-card-split{
  width:min(740px,100%);
  margin:0 auto;
  padding:8px 10px;
  display:grid;
  grid-template-columns:68px 1px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border-radius:18px;
  border:1px solid rgba(160,126,73,.24);
  background:
    radial-gradient(circle at top right,rgba(255,255,255,.34),transparent 32%),
    linear-gradient(180deg,#fbf4e8 0%,#f2e7d5 100%);
  box-shadow:
    0 5px 14px rgba(83,58,33,.06),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 0 0 1px rgba(255,248,235,.30);
  color:#2a1810;
  position:relative;
  overflow:hidden
}
.gr-card-split::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(224,172,43,.04) 0%,transparent 36%),
    radial-gradient(circle at 92% 18%,rgba(255,255,255,.20),transparent 20%)
}
.gr-card-split::after{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,#e5bc66 0%,#bb8b35 100%)
}

.gr-left{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0 1px
}
.gr-google-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:2px;
  border-radius:50%;
  background:rgba(255,255,255,.32);
  box-shadow:0 2px 8px rgba(85,58,39,.05)
}
.gr-google-g{
  width:32px;
  height:32px;
  display:block
}
.gr-google-source{
  font-size:9px;
  line-height:1.02;
  font-weight:700;
  letter-spacing:.02em;
  color:#4f3426;
  text-align:center
}
.gr-google-underline{
  width:24px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#b52a2f 0%,#d13f47 100%)
}

.gr-middle-divider{
  width:1px;
  align-self:stretch;
  background:linear-gradient(180deg,rgba(186,153,106,.08) 0%,rgba(186,153,106,.36) 20%,rgba(186,153,106,.36) 80%,rgba(186,153,106,.08) 100%)
}

.gr-right{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0 2px
}
.gr-rating-line{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:3px;
  line-height:1;
  color:#2a1810
}
.gr-rating-line strong{
  font-size:26px;
  line-height:.92;
  font-weight:850;
  letter-spacing:-.05em;
  font-variant-numeric:tabular-nums;
  color:#2b160c
}
.gr-rating-line span{
  font-size:13px;
  line-height:1.02;
  font-weight:500;
  color:#5c4330
}

.gr-stars-row{line-height:1}
.gr-stars{
  position:relative;
  display:inline-block;
  font-size:13px;
  line-height:1;
  letter-spacing:.8px;
  white-space:nowrap
}
.gr-stars-base{display:block;color:#e6d7ba}
.gr-stars-fill{
  position:absolute;
  inset:0 auto auto 0;
  display:block;
  width:var(--fill,100%);
  overflow:hidden;
  white-space:nowrap;
  color:#dca22a;
  filter:drop-shadow(0 1px 2px rgba(220,162,42,.08))
}

.gr-review-count{
  font-size:10px;
  line-height:1.05;
  font-weight:500;
  color:#614638
}
.gr-review-count strong{
  font-size:inherit;
  font-weight:700;
  color:#2f1b11;
  font-variant-numeric:tabular-nums
}

.gr-main-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:25px;
  width:min(100%,196px);
  padding:5px 10px;
  border-radius:999px;
  border:1px solid rgba(180,132,61,.32);
  background:linear-gradient(180deg,#c83f45 0%,#b92d33 100%);
  color:#fffaf2;
  text-decoration:none;
  box-shadow:0 4px 10px rgba(185,45,51,.12), inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  white-space:nowrap
}
.gr-main-cta span{
  font-size:10px;
  line-height:1;
  font-weight:750
}
.gr-main-cta b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  font-size:10px;
  line-height:1;
  font-weight:600
}
.gr-main-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 14px rgba(185,45,51,.16), inset 0 1px 0 rgba(255,255,255,.2);
  background:linear-gradient(180deg,#cf464d 0%,#bc3138 100%)
}
.gr-main-cta:focus-visible{
  outline:3px solid #cf003d;
  outline-offset:3px
}

/* Tablet: same beige premium theme, just more breathing room and slightly larger elements. */
@media (min-width:391px) and (max-width:760px){
  .google-reviews-strip{padding:7px 9px 8px}
  .gr-card-split{
    grid-template-columns:74px 1px minmax(0,1fr);
    padding:9px 11px;
    gap:9px;
    border-radius:19px
  }
  .gr-google-badge{width:40px;height:40px}
  .gr-google-g{width:34px;height:34px}
  .gr-google-source{font-size:9.5px}
  .gr-google-underline{width:26px}
  .gr-rating-line strong{font-size:28px}
  .gr-rating-line span{font-size:14px}
  .gr-stars{font-size:14px;letter-spacing:.85px}
  .gr-review-count{font-size:10.5px}
  .gr-main-cta{min-height:27px;width:min(100%,208px);padding:5px 11px}
  .gr-main-cta span{font-size:10.5px}
}

/* Tablets landscape + desktop: same colors/theme as mobile, only slightly larger. */
@media (min-width:761px){
  .google-reviews-strip{padding:8px 10px 9px}
  .gr-card-split{
    width:min(760px,100%);
    grid-template-columns:84px 1px minmax(0,1fr);
    padding:10px 13px;
    gap:11px;
    border-radius:20px;
    background:
      radial-gradient(circle at top right,rgba(255,255,255,.34),transparent 32%),
      linear-gradient(180deg,#fbf4e8 0%,#f2e7d5 100%);
    border-color:rgba(160,126,73,.24)
  }
  .gr-card-split::after{top:11px;bottom:11px}
  .gr-google-badge{width:46px;height:46px}
  .gr-google-g{width:38px;height:38px}
  .gr-google-source{font-size:10.5px;color:#4f3426}
  .gr-google-underline{width:30px;height:2px}
  .gr-rating-line strong{font-size:33px;color:#2b160c}
  .gr-rating-line span{font-size:17px;color:#5c4330}
  .gr-stars{font-size:17px;letter-spacing:.95px}
  .gr-review-count{font-size:11.5px;color:#614638}
  .gr-review-count strong{color:#2f1b11}
  .gr-main-cta{
    min-height:30px;
    width:auto;
    padding:6px 13px;
    border-color:rgba(180,132,61,.32);
    background:linear-gradient(180deg,#c83f45 0%,#b92d33 100%);
    color:#fffaf2
  }
  .gr-main-cta span{font-size:11.5px}
  .gr-main-cta b{width:15px;height:15px;font-size:10px}
}

@media (min-width:1100px){
  .gr-card-split{
    width:min(800px,100%);
    grid-template-columns:92px 1px minmax(0,1fr);
    padding:11px 15px;
    gap:12px
  }
  .gr-google-badge{width:48px;height:48px}
  .gr-google-g{width:40px;height:40px}
  .gr-google-source{font-size:11px}
  .gr-google-underline{width:32px}
  .gr-rating-line strong{font-size:35px}
  .gr-rating-line span{font-size:18px}
  .gr-stars{font-size:18px}
  .gr-review-count{font-size:12px}
  .gr-main-cta{min-height:31px;padding:6px 14px}
  .gr-main-cta span{font-size:12px}
}

@media (max-width:390px){
  .google-reviews-strip{padding:6px 5px 7px}
  .gr-card-split{
    grid-template-columns:62px 1px minmax(0,1fr);
    gap:6px;
    padding:8px 7px;
    border-radius:16px
  }
  .gr-card-split::after{top:9px;bottom:9px}
  .gr-google-badge{width:34px;height:34px}
  .gr-google-g{width:29px;height:29px}
  .gr-google-source{font-size:8.5px}
  .gr-google-underline{width:22px;height:2px}
  .gr-rating-line strong{font-size:24px}
  .gr-rating-line span{font-size:12px}
  .gr-stars{font-size:12px;letter-spacing:.6px}
  .gr-review-count{font-size:9.5px}
  .gr-main-cta{min-height:24px;padding:5px 9px;width:min(100%,184px)}
  .gr-main-cta span{font-size:10px}
  .gr-main-cta b{width:13px;height:13px;font-size:9px}
}