/* Clawora reviews v2 (Nov 2026): summary, customer photo/video row, review cards, full-screen viewer, /reviews page, review form.
   Monochrome only (the theme's own --text/--bg), 1px hairlines, radius 12, no shadows, glow or gradients. Light on cheap Android:
   transforms/opacity only, no blur, scroll-snap instead of a slider library. */
.rv2,.rhome,.rpage,.rform{ --rl:color-mix(in srgb, var(--text) 12%, transparent); --rl2:color-mix(in srgb, var(--text) 6%, transparent); --rmut:color-mix(in srgb, var(--text) 58%, transparent); --rr:12px; }
.rvx{ --rl:rgba(255,255,255,.18); }

/* stars */
.rstars{ position:relative; display:inline-block; width:max-content; flex:none; align-self:flex-start; line-height:0; white-space:nowrap; vertical-align:middle; }
.rstars svg{ width:14px; height:14px; margin-right:2px; }
.rstars__bg{ color:color-mix(in srgb, var(--text) 16%, transparent); display:inline-block; }
.rstars__fg{ position:absolute; left:0; top:0; overflow:hidden; color:var(--text); display:inline-block; }
.rstars--lg svg{ width:18px; height:18px; margin-right:3px; }
.rbadge{ display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:500; letter-spacing:.01em; color:var(--text); }
.rbadge svg{ width:15px; height:15px; stroke-width:16; }
.rbadge--muted{ color:var(--rmut, #777); font-weight:400; }
svg.ph{ fill:none; stroke:currentColor; stroke-width:16; stroke-linecap:round; stroke-linejoin:round; }
svg.ph.fill{ fill:currentColor; stroke:none; }

/* buttons + links */
.rbtn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 20px; border-radius:var(--rr); border:1px solid var(--text); font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; white-space:nowrap; transition:background .25s, color .25s; -webkit-tap-highlight-color:transparent; }
.rbtn svg{ width:17px; height:17px; }
.rbtn--dark{ background:var(--text); color:var(--bg); }
.rbtn--dark:hover{ background:color-mix(in srgb, var(--text) 82%, var(--bg)); }
.rbtn--line{ background:transparent; color:var(--text); }
.rbtn--line:hover{ background:var(--text); color:var(--bg); }
.rbtn[disabled]{ opacity:.4; pointer-events:none; }
.rlink{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:2px; }
.rlink svg{ width:16px; height:16px; }

/* summary */
.rsum{ border:1px solid var(--rl); border-radius:var(--rr); padding:22px 20px 20px; background:var(--bg); }
.rsum__score{ display:flex; align-items:center; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--rl); }
.rsum__avg{ font-family:var(--font-head); font-size:60px; line-height:.9; font-weight:500; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.rsum__meta{ display:flex; flex-direction:column; gap:7px; }
.rsum__based{ font-size:13px; color:var(--rmut); }
.rsum__bars{ display:flex; flex-direction:column; gap:7px; padding:16px 0 2px; }
.rbar{ display:grid; grid-template-columns:12px 12px 1fr 30px; align-items:center; gap:8px; font-size:12.5px; font-variant-numeric:tabular-nums; color:var(--text); background:none; border:0; padding:3px 0; margin:0; width:100%; text-align:left; }
button.rbar{ cursor:pointer; border-radius:6px; }
button.rbar:hover .rbar__t i{ background:color-mix(in srgb, var(--text) 75%, var(--bg)); }
button.rbar[disabled]{ cursor:default; opacity:.55; }
button.rbar.is-on .rbar__k, button.rbar.is-on .rbar__n{ font-weight:700; }
.rbar svg{ width:12px; height:12px; }
.rbar__t{ position:relative; height:6px; border-radius:6px; background:color-mix(in srgb, var(--text) 9%, transparent); overflow:hidden; }
.rbar__t i{ position:absolute; left:0; top:0; bottom:0; background:var(--text); border-radius:6px; transform-origin:left; }
.rbar__n{ text-align:right; color:var(--rmut); }
.rsum__cta{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.rsum__cta .rbtn{ padding:0 10px; font-size:12px; }

/* customer photos & videos row */
.rmedia{ margin:0 0 22px; }
.rmedia__head{ display:flex; align-items:baseline; gap:8px; margin-bottom:12px; }
.rmedia__h{ font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.rmedia__n{ font-size:12px; color:var(--rmut); }
.rmedia__row{ display:flex; gap:8px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 var(--gutter); -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scrollbar-width:none; margin:0 calc(var(--gutter) * -1); padding:0 var(--gutter); }
.rmedia__row::-webkit-scrollbar{ display:none; }
.rmedia__it,.rcard__m{ position:relative; flex:0 0 auto; width:104px; aspect-ratio:3/4; border-radius:10px; overflow:hidden; border:1px solid var(--rl); background:var(--bg2, #f2f2f2); padding:0; scroll-snap-align:start; -webkit-tap-highlight-color:transparent; }
.rmedia__it img,.rcard__m img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease-out, ease); }
@media (hover:hover){ .rmedia__it:hover img{ transform:scale(1.04); } }
.rmedia__play{ position:absolute; left:8px; bottom:8px; display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 8px 0 7px; border-radius:6px; background:rgba(0,0,0,.72); color:#fff; font-size:11px; font-style:normal; font-variant-numeric:tabular-nums; }
.rmedia__play svg{ width:10px; height:10px; }
.rmedia__play em{ font-style:normal; }
.rmedia__blank{ position:absolute; inset:0; display:grid; place-items:center; background:#111; color:#fff; }
.rmedia__blank svg{ width:28px; height:28px; opacity:.7; }
@media (min-width:750px){ .rmedia__it{ width:132px; } .rmedia__row{ margin:0; padding:0; } }

/* review card */
.rcard{ display:flex; flex-direction:column; gap:10px; border:1px solid var(--rl); border-radius:var(--rr); padding:18px; background:var(--bg); min-width:0; }
.rcard__top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.rcard__date{ font-size:12px; color:var(--rmut); font-variant-numeric:tabular-nums; }
.rcard__title{ font-family:var(--font-body); font-size:15px; font-weight:600; letter-spacing:-.005em; line-height:1.35; }
.rcard__text{ font-size:14px; line-height:1.6; color:color-mix(in srgb, var(--text) 86%, transparent); display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; white-space:pre-line; overflow-wrap:anywhere; }
.rcard.is-open .rcard__text{ -webkit-line-clamp:unset; display:block; }
.rcard__more{ background:none; border:0; padding:4px 0 0; font-size:13px; font-weight:600; text-decoration:underline; text-underline-offset:3px; color:var(--text); }
.rcard__media{ display:flex; gap:6px; flex-wrap:wrap; }
.rcard__m{ width:58px; aspect-ratio:1; border-radius:8px; }
.rcard__m .rmedia__play{ left:4px; bottom:4px; height:18px; padding:0 5px; }
.rcard__m .rmedia__play em{ display:none; }
.rcard__by{ display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; font-size:13px; margin-top:auto; padding-top:2px; }
.rcard__who{ font-weight:600; }
.rcard__prod{ display:flex; align-items:center; gap:10px; padding-top:12px; border-top:1px solid var(--rl); text-decoration:none; font-size:13px; line-height:1.3; }
.rcard__prod img{ width:40px; height:40px; border-radius:8px; object-fit:cover; background:var(--bg2, #f2f2f2); flex:none; }
.rcard__prod span{ flex:1; min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rcard__prod svg{ width:16px; height:16px; flex:none; opacity:.6; }

/* carousel of cards */
.rcar{ position:relative; }
.rcar__track{ display:flex; align-items:flex-start; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 var(--gutter); -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scrollbar-width:none; margin:0 calc(var(--gutter) * -1); padding:0 var(--gutter) 2px; }
.rcar__track::-webkit-scrollbar{ display:none; }
.rcar__track .rcard{ flex:0 0 84%; scroll-snap-align:start; }
.rcar__nav{ display:none; }
.rarrow{ width:42px; height:42px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--rl); background:var(--bg); color:var(--text); transition:background .2s, color .2s; }
.rarrow:hover:not([disabled]){ background:var(--text); color:var(--bg); }
.rarrow[disabled]{ opacity:.3; }
.rarrow svg{ width:18px; height:18px; }
@media (min-width:750px){ .rcar__track{ margin:0; padding:0 0 2px; scroll-padding:0; } .rcar__track .rcard{ flex-basis:calc(50% - 6px); } .rcar__nav{ display:flex; gap:8px; justify-content:flex-end; margin-top:16px; } }
@media (min-width:1300px){ .rcar__track .rcard{ flex-basis:calc(33.333% - 8px); } }

/* home section */
.rhome{ padding-top:56px; padding-bottom:56px; }
.rhome__head{ margin-bottom:24px; }
.rhome__grid{ display:grid; grid-template-columns:minmax(0, 1fr); gap:24px; }
.rhome__grid > *, .rv2__grid > *, .rpage__grid > *{ min-width:0; }
@media (min-width:990px){ .rhome{ padding-top:88px; padding-bottom:88px; } .rhome__head{ margin-bottom:36px; } .rhome__grid{ grid-template-columns:minmax(300px, 360px) minmax(0, 1fr); gap:40px; align-items:start; } .rhome__sum{ position:sticky; top:calc(var(--hdr-h) + 20px); } .rhome__main{ min-width:0; } }

/* product page block */
.rv2{ padding-top:48px; padding-bottom:8px; margin-top:24px; }
.rv2:empty{ display:none; }
.rv2__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:22px; }
.rv2__head .eyebrow{ margin-bottom:10px; }
.rv2__grid{ display:grid; grid-template-columns:minmax(0, 1fr); gap:24px; }
.rv2__list{ display:flex; flex-direction:column; gap:12px; }
.rv2__foot{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.rv2__empty{ border:1px solid var(--rl); border-radius:var(--rr); padding:28px 20px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:12px; }
.rv2__empty .rstars{ opacity:.35; }
.rv2__empty p{ font-size:14px; color:var(--rmut); max-width:34ch; }
@media (min-width:990px){ .rv2__grid{ grid-template-columns:minmax(300px, 360px) minmax(0, 1fr); gap:40px; align-items:start; } .rv2__side{ position:sticky; top:calc(var(--hdr-h) + 20px); } .rv2__main{ min-width:0; } }

/* /reviews page */
.rpage{ padding-top:28px; padding-bottom:72px; }
.rpage__head{ margin-bottom:24px; }
.rpage__head h1{ font-size:clamp(34px, 9vw, 60px); letter-spacing:-.035em; line-height:1; font-family:var(--font-display, var(--font-head)); font-weight:500; }
.rpage__for{ display:inline-flex; align-items:center; gap:10px; margin-top:14px; text-decoration:none; font-size:14px; border:1px solid var(--rl); border-radius:var(--rr); padding:6px 12px 6px 6px; }
.rpage__for img{ width:36px; height:36px; border-radius:8px; object-fit:cover; }
.rpage__grid{ display:grid; grid-template-columns:minmax(0, 1fr); gap:24px; }
.rfilters{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin:0 calc(var(--gutter) * -1) 16px; padding:0 var(--gutter); }
.rfilters::-webkit-scrollbar{ display:none; }
.rchip{ flex:none; display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 14px; border-radius:999px; border:1px solid var(--rl); background:var(--bg); font-size:13px; font-weight:500; white-space:nowrap; color:var(--text); }
.rchip svg{ width:13px; height:13px; }
.rchip.is-on{ background:var(--text); color:var(--bg); border-color:var(--text); }
.rpage__count{ font-size:13px; color:var(--rmut); margin-bottom:12px; }
.rpage__list{ display:grid; gap:12px; }
.rpage__more{ display:flex; justify-content:center; margin-top:22px; }
.rpage__none{ border:1px dashed var(--rl); border-radius:var(--rr); padding:28px; text-align:center; color:var(--rmut); font-size:14px; }
@media (min-width:750px){ .rfilters{ margin:0 0 18px; padding:0; flex-wrap:wrap; } .rpage__list{ grid-template-columns:1fr 1fr; align-items:start; } }
@media (min-width:990px){ .rpage__grid{ grid-template-columns:minmax(300px, 360px) minmax(0, 1fr); gap:40px; align-items:start; } .rpage__side{ position:sticky; top:calc(var(--hdr-h) + 20px); } .rpage__main{ min-width:0; } }
.rskel{ height:180px; border-radius:var(--rr); background:color-mix(in srgb, var(--text) 5%, transparent); }

/* full-screen viewer */
.rvx{ position:fixed; inset:0; z-index:1000; background:#000; color:#fff; display:flex; flex-direction:column; opacity:0; transition:opacity .22s ease; overscroll-behavior:contain; touch-action:pan-x pan-y; }
.rvx.is-on{ opacity:1; }
.rvx__top{ position:absolute; top:0; left:0; right:0; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:calc(env(safe-area-inset-top) + 8px) 8px 8px 18px; pointer-events:none; }
.rvx__count{ font-size:13px; font-variant-numeric:tabular-nums; letter-spacing:.04em; opacity:.85; }
.rvx__x{ pointer-events:auto; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(0,0,0,.5); color:#fff; }
.rvx__x svg{ width:20px; height:20px; }
.rvx__track{ flex:1; min-height:0; display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.rvx__track::-webkit-scrollbar{ display:none; }
.rvx__slide{ position:relative; flex:0 0 100%; height:100%; scroll-snap-align:center; scroll-snap-stop:always; --t:60px; --b:8px; --s:0px; }
.rvx__media{ position:absolute; top:var(--t); bottom:var(--b); left:var(--s); right:var(--s); margin:auto; max-width:calc(100% - var(--s) * 2); max-height:calc(100% - var(--t) - var(--b)); object-fit:contain; display:block; background:#000; }
video.rvx__media{ width:calc(100% - var(--s) * 2); height:calc(100% - var(--t) - var(--b)); }
.rvx__nav{ display:none; }
.rvx__cap{ flex:none; padding:14px 18px calc(env(safe-area-inset-bottom) + 16px); border-top:1px solid rgba(255,255,255,.14); max-height:38vh; overflow:auto; display:flex; flex-direction:column; gap:8px; }
.rvx__cap:empty{ display:none; }
.rvx__row{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; font-size:13px; }
.rvx .rstars__bg{ color:rgba(255,255,255,.28); } .rvx .rstars__fg{ color:#fff; } .rvx .rbadge{ color:#fff; } .rvx .rbadge--muted{ color:rgba(255,255,255,.65); }
.rvx__who{ font-weight:600; }
.rvx__title{ font-weight:600; font-size:14px; }
.rvx__text{ font-size:13.5px; line-height:1.55; color:rgba(255,255,255,.82); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.rvx__prod{ display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-size:13px; padding-top:4px; }
.rvx__prod img{ width:36px; height:36px; border-radius:8px; object-fit:cover; background:#222; }
.rvx__prod svg{ width:15px; height:15px; opacity:.7; }
@media (min-width:750px){
  .rvx__nav{ display:grid; place-items:center; position:absolute; top:50%; z-index:3; width:48px; height:48px; margin-top:-60px; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(0,0,0,.5); color:#fff; }
  .rvx__nav[disabled]{ opacity:.25; } .rvx__nav svg{ width:20px; height:20px; } .rvx__nav--l{ left:20px; } .rvx__nav--r{ right:20px; }
  .rvx__slide{ --t:72px; --b:12px; --s:90px; } .rvx__cap{ align-self:center; width:min(720px, 100%); border-top:0; }
}
@media (prefers-reduced-motion:reduce){ .rvx{ transition:none; } .rmedia__it img{ transition:none; } }

/* ---------- review form (/review) ---------- */
.rvw{ padding-top:20px; padding-bottom:72px; }
.rform{ max-width:640px; margin:0 auto; }
.rform__state{ padding:60px 0; text-align:center; color:var(--rmut); font-size:15px; }
.rform__state a{ color:var(--text); }
.rform__intro{ margin-bottom:22px; }
.rform__h1{ font-family:var(--font-display, var(--font-head)); font-size:clamp(28px, 7.4vw, 42px); line-height:1.04; letter-spacing:-.03em; font-weight:500; }
.rform__lead{ margin-top:10px; color:var(--rmut); font-size:14.5px; }
.rform__back{ display:inline-flex; align-items:center; gap:6px; background:none; border:0; padding:6px 0; margin-bottom:12px; font-size:13px; font-weight:500; color:var(--text); }
.rform__back svg{ width:16px; height:16px; }
.rform__prod{ display:flex; align-items:center; gap:14px; padding-bottom:22px; border-bottom:1px solid var(--rl); }
.rform__prod img{ width:64px; height:64px; border-radius:12px; object-fit:cover; border:1px solid var(--rl); background:var(--bg2, #f2f2f2); flex:none; }
.rform__prod .eyebrow{ margin-bottom:6px; }
.rform__prod .rform__h1{ font-size:clamp(22px, 5.8vw, 30px); }
.rstep{ display:grid; grid-template-columns:34px 1fr; gap:4px 12px; padding:24px 0; border-bottom:1px solid var(--rl); transition:opacity .3s ease; }
.rstep.is-dim{ opacity:.38; pointer-events:none; }
.rstep__n{ font-size:12px; font-weight:600; letter-spacing:.08em; font-variant-numeric:tabular-nums; color:var(--rmut); padding-top:3px; }
.rstep__h{ font-family:var(--font-body); font-size:15px; font-weight:600; letter-spacing:0; margin-bottom:14px; }
.rstep__h em, .rfield__l em{ font-style:normal; font-weight:400; color:var(--rmut); margin-left:6px; font-size:12.5px; }
.rrate{ display:flex; gap:6px; margin-left:-6px; }
.rrate__s{ width:52px; height:52px; display:grid; place-items:center; background:none; border:0; padding:0; border-radius:10px; color:color-mix(in srgb, var(--text) 18%, transparent); transition:color .15s ease, transform .15s ease; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.rrate__s svg{ width:40px; height:40px; }
.rrate__s.is-on{ color:var(--text); }
.rrate__s:active{ transform:scale(.92); }
@media (hover:hover){ .rrate:hover .rrate__s{ color:var(--text); } .rrate .rrate__s:hover ~ .rrate__s{ color:color-mix(in srgb, var(--text) 18%, transparent); } }
.rrate__l{ margin-top:8px; font-size:14px; color:var(--rmut); min-height:21px; }
.rrate__l.is-set{ color:var(--text); font-weight:600; }
.rfield{ position:relative; display:block; margin-bottom:12px; }
.rfield__l{ display:block; font-size:12.5px; font-weight:500; margin-bottom:6px; }
.rinput{ display:block; width:100%; min-height:48px; padding:12px 14px; border:1px solid var(--rl); border-radius:12px; background:var(--bg); font-size:16px; line-height:1.4; color:var(--text); -webkit-appearance:none; appearance:none; transition:border-color .2s; }
.rinput:focus{ outline:none; border-color:var(--text); }
.rinput::placeholder{ color:color-mix(in srgb, var(--text) 40%, transparent); }
.rinput--area{ min-height:132px; resize:vertical; padding-bottom:28px; }
.rfield__c{ position:absolute; right:12px; bottom:8px; font-size:11.5px; color:var(--rmut); font-variant-numeric:tabular-nums; pointer-events:none; }
.rtwo{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.rform__small{ font-size:13px; color:var(--rmut); margin:6px 0 10px; }
.rform__ver{ display:flex; align-items:center; gap:8px; font-size:13.5px; margin-top:4px; }
.rform__ver svg{ width:18px; height:18px; flex:none; }
.rform__hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.rform__go{ padding-top:24px; }
.rform__submit{ width:100%; min-height:54px; font-size:13.5px; }
.rform__msg{ margin-top:10px; font-size:14px; min-height:20px; }
.rform__note{ font-size:12.5px; color:var(--rmut); text-align:center; }
/* uploader */
.rup{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }
@media (min-width:520px){ .rup{ grid-template-columns:repeat(4, 1fr); } }
.rup__it,.rup__add{ position:relative; aspect-ratio:1; border-radius:12px; overflow:hidden; }
.rup__it{ border:1px solid var(--rl); background:#111; }
.rup__it img{ width:100%; height:100%; object-fit:cover; }
.rup__it.is-uploading img,.rup__it.is-preparing img{ opacity:.55; }
.rup__x{ position:absolute; top:6px; right:6px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; border:0; background:rgba(0,0,0,.72); color:#fff; padding:0; }
.rup__x svg{ width:14px; height:14px; stroke-width:22; }
.rup__bar{ position:absolute; left:8px; right:8px; bottom:8px; height:3px; border-radius:3px; background:rgba(255,255,255,.35); overflow:hidden; }
.rup__bar i{ position:absolute; left:0; top:0; bottom:0; background:#fff; transition:width .2s linear; }
.rup__pct{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff; font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; }
.rup__it.is-uploading .rmedia__play,.rup__it.is-preparing .rmedia__play{ display:none; }
.rup__err{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:10px; text-align:center; background:rgba(0,0,0,.78); color:#fff; font-size:11.5px; line-height:1.35; }
.rup__err b{ font-weight:500; }
.rup__err button{ background:#fff; color:#000; border:0; border-radius:8px; font-size:11.5px; font-weight:600; padding:5px 10px; }
.rup__add{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px dashed color-mix(in srgb, var(--text) 30%, transparent); background:var(--bg); color:var(--text); font-size:12.5px; font-weight:600; padding:6px; -webkit-tap-highlight-color:transparent; }
.rup__add svg{ width:26px; height:26px; margin-bottom:2px; }
.rup__add em{ font-style:normal; font-weight:400; font-size:11px; color:var(--rmut); }
.rup__add:active{ background:color-mix(in srgb, var(--text) 5%, var(--bg)); }
.rup__hint{ margin-top:10px; font-size:12px; color:var(--rmut); }
/* order product picker */
.rpick{ display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.rpick__it{ width:100%; display:flex; align-items:center; gap:12px; padding:10px 14px 10px 10px; border:1px solid var(--rl); border-radius:12px; background:var(--bg); text-align:left; color:var(--text); }
.rpick__it img,.rpick__ph{ width:56px; height:56px; border-radius:10px; object-fit:cover; background:var(--bg2, #f2f2f2); flex:none; }
.rpick__t{ flex:1; min-width:0; font-size:14px; font-weight:500; line-height:1.35; }
.rpick__s{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.rpick__s svg{ width:16px; height:16px; }
.rpick__it[disabled]{ opacity:1; }
.rpick__it[disabled] .rpick__s{ color:var(--rmut); text-transform:none; letter-spacing:0; font-weight:500; }
/* thank-you */
.rdone{ text-align:center; padding:36px 0 12px; display:flex; flex-direction:column; align-items:center; }
.rdone__ic{ width:64px; height:64px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--text); margin-bottom:22px; }
.rdone__ic svg{ width:32px; height:32px; stroke-width:14; }
.rdone__p{ margin-top:10px; font-size:15px; color:var(--rmut); max-width:34ch; }
.rdone__card{ display:flex; align-items:center; gap:14px; text-align:left; margin:26px 0 14px; padding:14px 18px 14px 14px; border:1px solid var(--rl); border-radius:12px; width:100%; max-width:420px; }
.rdone__card img{ width:52px; height:52px; border-radius:10px; object-fit:cover; flex:none; }
.rdone__t{ font-size:14px; font-weight:600; margin-bottom:5px; line-height:1.3; }
.rdone__m{ font-size:12.5px; color:var(--rmut); margin-top:5px; }
.rdone__go{ display:flex; flex-direction:column; gap:10px; width:100%; max-width:420px; margin-top:18px; }
.rdone .rform__ver{ justify-content:center; }