/* Review tab responsive tokens.
   Defaults = current desktop values (rendered pixel-identical via var() fallbacks in rewiewTab.css).
   Per AGENTS.md CSS Governance: values that vary by breakpoint are exposed here and overridden
   ONLY in static/css/responsive.css @media blocks. Do not add @media here. */
:root{
  --review-card-width: 826px;      /* .customer-review card width */
  --review-addbtn-width: 450px;    /* #leaveReviewButton (ADD YOUR REVIEW) */
  --review-viewmore-width: 180px;  /* .review-view-more-button (VIEW MORE) */
  --review-buttons-dir: row;       /* .dow-buttons-container2 flex-direction */
  --review-fileupload-dir: row;    /* .file-upload-container flex-direction */
  --review-fileupload-align: center; /* .file-upload-container align-items */
  --review-fileupload-gap: 32px;   /* .file-upload-container gap (desktop tweak: 60->32 + wrap, утв. в тест-маршруте) */
  --review-fileupload-item-width: auto; /* .file-upload width */
  --review-text-size: 28px;        /* #reviewText font-size */
  --review-text-pad: 30px;         /* #reviewText padding */
  --review-submit-width: 419px;    /* #submitReview width */
}