/* GW Judge.me Reviews — Figma 32:674 (desktop 1440) / 32:1644 (mobile 390).
   Mobile-first: base = mobile 390 exact, >=1025 desktop 1440 exact.
   Live review data arrives client-side from the Judge.me widget API; the
   server renders the header plus a skeleton track at the exact card metrics
   so the swap costs zero layout shift. Colours are design literals except the
   ones the schema exposes, which arrive as --gw-jmr-* from the scoped <style>.
   Card radius is 0 by design (the Figma layer type "rounded-rectangle" is a
   misleading name — no radius is declared on it). */
/* <gw-jm-reviews> is a custom element and would default to display:inline,
   which silently breaks the section's own padding — declare the box. */
.gw-jmr{display:block;box-sizing:border-box;padding:64px 16px;background-color:var(--gw-jmr-bg,transparent)}
.gw-jmr__wrap{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%;max-width:358px;margin:0 auto}
.gw-jmr__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%}
.gw-jmr__heading{margin:0;font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:40px;line-height:normal;letter-spacing:0;text-align:center;text-transform:capitalize;color:var(--gw-jmr-heading,#242424)}
.gw-jmr__header-copy{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}
.gw-jmr__verified{display:flex;flex-direction:row;align-items:center;gap:10px}
.gw-jmr__verified-label{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:16px;line-height:normal;color:var(--gw-jmr-verified,#212529)}
.gw-jmr__logo{display:block;width:118px;height:21px;object-fit:contain}
.gw-jmr__arrows{display:none}
/* Figma clips the track at the FRAME edge, not at the content box, so the
   next card peeks through the right gutter. Bleed the viewport right by the
   section's own padding and give the track a matching scroll padding so the
   last card still rests against a gutter at the end of the scroll. */
.gw-jmr__viewport{width:calc(100% + 16px)}
/* font-size:0 removes the 4.5px of font ascent/descent the scroll container
   adds under the cards; every descendant sets its own size explicitly. */
.gw-jmr__track{font-size:0;display:flex;flex-direction:row;align-items:stretch;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;list-style:none;margin:0;padding:0 16px 0 0}
.gw-jmr__track::-webkit-scrollbar{display:none}
.gw-jmr__card{flex:0 0 307px;width:307px;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:21px 20px;background-color:var(--gw-jmr-card-bg,#f2ead8);border-radius:0;overflow:clip;scroll-snap-align:start}
.gw-jmr__media{display:flex;flex-direction:row;align-items:flex-start;gap:16px;width:100%}
.gw-jmr__image{display:block;flex:0 0 136px;width:136px;height:136px;object-fit:cover;border-radius:0;background-color:rgba(0,0,0,.04)}
.gw-jmr__meta{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;flex:1 1 auto;min-width:0;height:136px}
.gw-jmr__meta-top{display:flex;flex-direction:column;gap:8px}
.gw-jmr__name-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.gw-jmr__name{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:18px;line-height:normal;color:var(--gw-jmr-name,#3c3c3c);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.gw-jmr__badge{display:block;flex:0 0 20px;width:20px;height:20px;margin-top:1.5px}
.gw-jmr__rating{display:flex;flex-direction:column;gap:4px}
.gw-jmr__stars{display:flex;flex-direction:row;align-self:flex-start;width:max-content;gap:0;line-height:0}
.gw-jmr__star{display:block;width:18px;height:18px}
.gw-jmr__date{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:14px;line-height:normal;color:var(--gw-jmr-date,#6d6d6d);white-space:nowrap}
.gw-jmr__product{font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:14px;line-height:normal;color:var(--gw-jmr-link,#3c3c3c);text-decoration:underline;text-decoration-style:solid;text-underline-position:from-font}
.gw-jmr__text{display:flex;flex-direction:column;justify-content:center;gap:12px;width:100%}
.gw-jmr__title{margin:0;font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:24px;line-height:normal;color:var(--gw-jmr-title,#242424)}
.gw-jmr__body{margin:0;font-family:"EB Garamond",Garamond,serif;font-weight:400;font-size:16px;line-height:normal;color:var(--gw-jmr-body,#3c3c3c)}
.gw-jmr__body p{margin:0}
.gw-jmr__body p+p{margin-top:1em}
.gw-jmr__indicator{position:relative;width:100%;height:4px;background-color:#e5e6e6;overflow:clip;border-radius:0}
.gw-jmr__thumb{position:absolute;left:0;top:0;width:104px;height:4px;background-color:#252626;will-change:transform}
.gw-jmr__placeholder{padding:48px 16px;text-align:center;font-family:"EB Garamond",Garamond,serif;font-size:16px;color:#6d6d6d;background-color:#f2ead8;width:100%;box-sizing:border-box}
.gw-jmr[hidden]{display:none}
@media screen and (min-width:1025px){
.gw-jmr{padding:96px 48px}
.gw-jmr__viewport{width:calc(100% + 48px)}
.gw-jmr__track{padding-right:48px}
.gw-jmr__wrap{max-width:1344px;gap:32px}
.gw-jmr__header{flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%}
.gw-jmr__header-copy{align-items:flex-start;width:auto}
.gw-jmr__heading{font-size:48px;text-align:left;text-transform:none;white-space:nowrap}
.gw-jmr__arrows{display:flex;flex-direction:row;align-items:center;gap:8px}
.gw-jmr__arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;color:#242424;transition:opacity .2s ease}
.gw-jmr__arrow:hover{opacity:.7}
.gw-jmr__arrow[disabled]{opacity:.35;pointer-events:none}
.gw-jmr__arrow--prev svg{transform:rotate(180deg)}
.gw-jmr__card{flex:0 0 416px;width:416px;padding:40px}
.gw-jmr__meta{height:136px}
.gw-jmr__name{color:var(--gw-jmr-name-desktop,#242424)}
.gw-jmr__indicator{display:none}
}
@media (prefers-reduced-motion:reduce){
.gw-jmr__track{scroll-behavior:auto}
.gw-jmr__arrow{transition:none}
}

/* Behaviour-only wrapper for <gw-scroll-carousel>; must not affect layout. */
.gw-jmr__carousel {
  display: contents;
}