/* =====================================================================
   products.css — Codreum products page, brought into the home redesign
   system (light, full-width, centered). Styling layer only: no render or
   checkout logic is touched. Scoped to body.page-products. Loads after
   style.css and theme.modern.css.  v: pd1
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

body.page-products{
  --pr-surface:#FFFFFF; --pr-2:#FBFBFE;
  --pr-line:#E7E9F2; --pr-line2:#D8DBEA;
  --pr-indigo:#5B4BE6; --pr-violet:#8B3FD0; --pr-magenta:#C13DA6; --pr-teal:#0A8C99;
  --pr-text:#101426; --pr-muted:#5A6378; --pr-faint:#8A93A8;
  --pr-grad:linear-gradient(95deg,#5B4BE6,#8B3FD0 48%,#C13DA6);
  --pr-grad-soft:linear-gradient(135deg,rgba(91,75,230,.10),rgba(193,61,166,.07));
  --pr-disp:"Space Grotesk",system-ui,sans-serif;
  --pr-body:"Inter",system-ui,sans-serif;
  --pr-mono:"JetBrains Mono",ui-monospace,monospace;
  --pr-r:16px; --pr-rlg:22px;
  --pr-sh:0 1px 2px rgba(16,22,42,.04),0 12px 30px rgba(16,22,42,.07);
  --pr-shlg:0 24px 60px rgba(16,22,42,.13);
  font-family:var(--pr-body);color:var(--pr-text);
  background:
    radial-gradient(1100px 480px at 84% 2%,rgba(193,61,166,.06),transparent 60%),
    radial-gradient(900px 420px at -4% 1%,rgba(91,75,230,.07),transparent 55%),
    #F6F7FB;
}

/* full-width page, centered content column with guaranteed gutters */
body.page-products main.wrap{max-width:none;width:100%;margin:12px 0;padding:0}
body.page-products main.wrap > section{max-width:1180px;margin-left:auto;margin-right:auto;width:100%;
  padding-left:clamp(24px,4vw,52px);padding-right:clamp(24px,4vw,52px);box-sizing:border-box}

/* headings + eyebrows */
body.page-products h1,body.page-products h2,body.page-products h3,
body.page-products .labs-title,body.page-products .labs-sectionHd{
  font-family:var(--pr-disp);letter-spacing:-.02em;color:var(--pr-text)}
body.page-products .labs-kicker,
body.page-products .labs-proofIntro__eyebrow,
body.page-products .managed-form-heading{
  font-family:var(--pr-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--pr-teal)}

/* hero */
body.page-products .hero{
  border:none;background:none;box-shadow:none;padding:48px 0 8px;border-radius:0}
body.page-products .hero h1{font-size:clamp(30px,4vw,50px);font-weight:700;line-height:1.05}
body.page-products .hero .labs-sub,body.page-products .hero p{color:var(--pr-muted);font-size:17px}

/* buttons */
body.page-products .btn{font-family:var(--pr-body);border-radius:12px;font-weight:600;
  border:1px solid var(--pr-line2);background:#fff;color:var(--pr-text);transition:.18s;box-shadow:var(--pr-sh)}
body.page-products .btn:hover{border-color:var(--pr-indigo);transform:translateY(-1px)}
body.page-products .btn.primary{background:var(--pr-grad);border:none;color:#fff;box-shadow:0 10px 28px rgba(123,58,208,.32)}
body.page-products .btn.primary:hover{box-shadow:0 16px 38px rgba(123,58,208,.46)}
body.page-products .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(91,75,230,.4)}

/* flagship section */
body.page-products .labs-flagship{
  border-radius:var(--pr-rlg);border:1px solid var(--pr-line);box-shadow:var(--pr-sh);
  background:
    radial-gradient(820px 320px at 92% -12%,rgba(20,184,196,.08),transparent 60%),
    linear-gradient(180deg,#fff,#fbfaff)}
body.page-products .labs-title{font-size:clamp(26px,3vw,38px);font-weight:700}
body.page-products .labs-sub{color:var(--pr-muted)}
body.page-products .labs-trust span,
body.page-products .labs-trust .chip{font-family:var(--pr-body);font-size:11px;border-radius:999px;
  border:1px solid var(--pr-line);background:#fff;color:var(--pr-muted)}

/* feature + capability cards */
body.page-products .labs-featureCard,
body.page-products .labs-capabilityCard,
body.page-products .labs-capabilityPanel,
body.page-products .managed-card-context,
body.page-products .products-sharedRoadmap__card{
  border-radius:var(--pr-r);border:1px solid var(--pr-line);background:#fff;box-shadow:var(--pr-sh);transition:.2s}
body.page-products .labs-featureCard:hover,
body.page-products .labs-capabilityCard:hover{transform:translateY(-2px);box-shadow:var(--pr-shlg)}
body.page-products .labs-capabilityCard--roadmap{background:linear-gradient(180deg,#fff,#fdf6fb);border-color:rgba(193,61,166,.22)}

/* pricing / plan cards */
body.page-products .pricing-grid{gap:18px}
body.page-products .plan{
  border-radius:var(--pr-rlg);border:1px solid var(--pr-line);background:#fff;box-shadow:var(--pr-sh);
  position:relative;overflow:hidden;transition:.2s}
body.page-products .plan:hover{transform:translateY(-4px);box-shadow:var(--pr-shlg)}
/* the real managed card is .price-tile.pricing-card.managed-pricing-card — it had no
   positioning context, so give it one and pin the badge to ITS top-right (14px padding) */
body.page-products .managed-pricing-card,
body.page-products .pricing-card{position:relative}
body.page-products .plan-badge{position:absolute;top:14px;right:14px;z-index:3;white-space:nowrap}
/* reserve room on the title's first line so it never runs under the badge */
body.page-products .plan-name{padding-right:104px}
/* keep the "Best for…/base price" blurb a uniform height so the price aligns
   on the same row across every card regardless of copy length */
body.page-products .plan-for{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  line-height:1.35;min-height:2.7em;margin-top:6px}
body.page-products .managed-card-context{
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body.page-products .plan-name,body.page-products .plan-title{font-family:var(--pr-disp);font-weight:600;color:var(--pr-text)}
body.page-products .plan-price-main{font-family:var(--pr-disp);font-weight:700;letter-spacing:-.02em}
body.page-products .plan-badge{font-family:var(--pr-body);font-weight:700;font-size:10px;letter-spacing:.06em;
  border-radius:999px;background:rgba(91,75,230,.10);color:var(--pr-indigo)}
body.page-products .plan.is-featured{border-color:transparent;box-shadow:inset 0 0 0 2px rgba(91,75,230,.5),var(--pr-shlg)}
body.page-products .plan.is-featured::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;
  background:var(--pr-grad);border-radius:var(--pr-rlg) var(--pr-rlg) 0 0}
body.page-products .plan.is-featured .plan-badge{background:var(--pr-grad);color:#fff}
body.page-products .plan-features li::before,
body.page-products .managed-included-mark{color:#16a34a}

/* managed subscription sheet (checkout) — restyle only, logic untouched */
body.page-products .managed-card-context,
body.page-products .managed-priceBlock,
body.page-products .managed-form-grid{
  border-radius:var(--pr-rlg);border:1px solid var(--pr-line);background:#fff;box-shadow:var(--pr-sh)}
body.page-products .managed-pill{font-family:var(--pr-body);font-size:10.5px;border-radius:999px;
  border:1px solid var(--pr-line);background:#fff;color:var(--pr-muted)}
body.page-products .managed-priceText{font-family:var(--pr-disp);font-weight:700;color:var(--pr-text)}
body.page-products .managed-tier-chip,
body.page-products .managed-period-chip,
body.page-products .managed-chip-text{border-radius:999px;border:1px solid var(--pr-line);background:#fff}
body.page-products .managed-tier-chip.is-active,
body.page-products .managed-chip-input:checked + .managed-chip-body,
body.page-products .managed-period-chip.is-active{
  border-color:transparent;background:var(--pr-grad-soft);box-shadow:inset 0 0 0 1.5px rgba(91,75,230,.45)}
body.page-products .input,
body.page-products select.input,
body.page-products textarea.input{border-radius:10px;border:1px solid var(--pr-line);background:#fff;color:var(--pr-text)}
body.page-products .input:focus{outline:none;border-color:var(--pr-indigo);box-shadow:0 0 0 3px rgba(91,75,230,.18)}

/* roadmap */
body.page-products .products-sharedRoadmap__card{background:linear-gradient(180deg,#fff,#fafaff)}

/* accessibility */
body.page-products a:focus-visible,body.page-products button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(91,75,230,.4);border-radius:8px}
@media (prefers-reduced-motion:reduce){ body.page-products *{transition:none!important} }
body.page-products .managed-feature-package-chip.is-disabled{opacity:.55;cursor:not-allowed;background:#f8fafc;border-style:dashed;box-shadow:none}
body.page-products .managed-feature-package-chip.is-disabled:hover{box-shadow:none;border-color:var(--pr-line)}

/* v2.28 feature-package subscription selector cleanup */
body.page-products #mgFeaturePackageList.managed-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
body.page-products .managed-feature-package-chip{border-radius:16px;border:1px solid var(--pr-line);background:#fff;padding:0;box-shadow:var(--pr-sh);overflow:hidden}
body.page-products .managed-feature-package-chip .managed-chip-body{display:grid;gap:4px;width:100%;border:0;background:transparent;border-radius:0;padding:14px 16px;min-height:88px}
body.page-products .managed-feature-package-chip .managed-chip-text{border:0;background:transparent;border-radius:0;padding:0;font-weight:800;color:var(--pr-text)}
body.page-products .managed-feature-package-chip .managed-chip-subtext{font-size:12px;color:var(--pr-muted);line-height:1.4}
body.page-products .managed-feature-package-chip .managed-chip-input:checked + .managed-chip-body{background:var(--pr-grad-soft);box-shadow:inset 0 0 0 1.5px rgba(91,75,230,.45)}
body.page-products .managed-feature-package-chip.is-disabled{opacity:.56;cursor:not-allowed;background:#f8fafc;border-style:dashed;box-shadow:none}

/* v2.33 customer feature package selector alignment cleanup */
body.page-products #mgFeaturePackageList.managed-tier-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:12px;
  align-items:stretch;
}
body.page-products #mgFeaturePackageList .managed-feature-package-chip{
  display:block;
  min-width:0;
  width:100%;
  min-height:0;
  padding:0;
  align-items:stretch;
  justify-content:stretch;
  border-radius:18px;
  overflow:hidden;
  cursor:pointer;
}
body.page-products #mgFeaturePackageList .managed-feature-package-chip .managed-chip-body,
body.page-products #mgFeaturePackageList .managed-feature-package-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  width:100%;
  height:100%;
  min-height:150px;
  padding:18px;
  border:0;
  border-radius:0;
  background:transparent;
  box-sizing:border-box;
}
body.page-products #mgFeaturePackageList .managed-feature-package-card__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
body.page-products #mgFeaturePackageList .managed-feature-package-card__title{
  display:block;
  min-width:0;
  border:0;
  background:transparent;
  padding:0;
  color:var(--pr-text);
  font-size:16px;
  font-weight:850;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.page-products #mgFeaturePackageList .managed-feature-package-card__status{
  flex:0 0 auto;
  border:1px solid rgba(91,75,230,.22);
  border-radius:999px;
  background:#fff;
  color:var(--pr-indigo);
  font-size:11px;
  font-weight:850;
  line-height:1;
  padding:6px 8px;
}
body.page-products #mgFeaturePackageList .managed-feature-package-card__price{
  display:block;
  color:var(--pr-text);
  font-size:18px;
  font-weight:900;
  line-height:1.2;
}
body.page-products #mgFeaturePackageList .managed-feature-package-card__note,
body.page-products #mgFeaturePackageList .managed-feature-package-card__description{
  display:block;
  color:var(--pr-muted);
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.page-products #mgFeaturePackageList .managed-feature-package-card__description{
  margin-top:auto;
}
body.page-products #mgFeaturePackageList .managed-feature-package-chip.active,
body.page-products #mgFeaturePackageList .managed-feature-package-chip:has(.managed-chip-input:checked){
  border-color:#4f46e5;
  box-shadow:0 0 0 2px rgba(79,70,229,.16), var(--pr-sh);
}
body.page-products #mgFeaturePackageList .managed-feature-package-chip .managed-chip-input:checked + .managed-chip-body{
  background:linear-gradient(135deg,rgba(91,75,230,.12),rgba(255,255,255,.94));
  box-shadow:none;
}
body.page-products #mgFeaturePackageList .managed-feature-package-chip.is-disabled{
  cursor:not-allowed;
  opacity:1;
  background:#f8fafc;
  border-style:dashed;
  box-shadow:none;
}
body.page-products #mgFeaturePackageList .managed-feature-package-chip.is-disabled .managed-chip-body{
  filter:none;
}
body.page-products #mgFeaturePackageList .managed-feature-package-chip.is-disabled .managed-feature-package-card__title,
body.page-products #mgFeaturePackageList .managed-feature-package-chip.is-disabled .managed-feature-package-card__description{
  color:#64748b;
}
body.page-products #mgFeaturePackageList .managed-feature-package-chip.is-disabled .managed-feature-package-card__status{
  border-color:#d8deea;
  background:#f1f5f9;
  color:#64748b;
}
@media (max-width:720px){
  body.page-products #mgFeaturePackageList.managed-tier-grid{grid-template-columns:1fr;}
  body.page-products #mgFeaturePackageList .managed-feature-package-card{min-height:126px;}
}

/* v2.34 customer capability selector and billing segmented-control cleanup */
body.page-products #mgFeaturePackageList.managed-tier-grid{
  display:block;
}
body.page-products #mgFeaturePackageList .managed-capability-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
body.page-products #mgFeaturePackageList .managed-capability-card{
  position:relative;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:14px;
  align-items:start;
  min-height:132px;
  padding:18px;
  border:1px solid var(--pr-line);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--pr-sh);
  cursor:pointer;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}
body.page-products #mgFeaturePackageList .managed-capability-card:hover{
  border-color:#c7d2fe;
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}
body.page-products #mgFeaturePackageList .managed-capability-card.active{
  border-color:#4f46e5;
  background:linear-gradient(135deg,rgba(91,75,230,.12),rgba(255,255,255,.96));
  box-shadow:0 0 0 2px rgba(79,70,229,.14),0 16px 40px rgba(79,70,229,.12);
}
body.page-products #mgFeaturePackageList .managed-capability-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
  overflow:hidden;
}
body.page-products #mgFeaturePackageList .managed-capability-check{
  position:relative;
  width:22px;
  height:22px;
  margin-top:2px;
  border:1.5px solid #cbd5e1;
  border-radius:8px;
  background:#fff;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.8);
}
body.page-products #mgFeaturePackageList .managed-capability-card.active .managed-capability-check{
  border-color:#2563eb;
  background:#2563eb;
}
body.page-products #mgFeaturePackageList .managed-capability-card.active .managed-capability-check::after{
  content:"";
  position:absolute;
  left:6px;
  top:3px;
  width:7px;
  height:12px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
body.page-products #mgFeaturePackageList .managed-capability-copy{
  display:grid;
  gap:6px;
  min-width:0;
}
body.page-products #mgFeaturePackageList .managed-capability-title{
  color:var(--pr-text);
  font-family:var(--pr-disp);
  font-size:18px;
  font-weight:800;
  line-height:1.18;
  letter-spacing:-.01em;
}
body.page-products #mgFeaturePackageList .managed-capability-price{
  color:var(--pr-text);
  font-size:20px;
  font-weight:900;
  line-height:1.15;
}
body.page-products #mgFeaturePackageList .managed-capability-note,
body.page-products #mgFeaturePackageList .managed-capability-description{
  color:var(--pr-muted);
  font-size:13px;
  line-height:1.42;
}
body.page-products #mgFeaturePackageList .managed-capability-note{
  font-weight:650;
}
body.page-products #mgFeaturePackageList .managed-capability-description{
  margin-top:4px;
}
body.page-products #mgFeaturePackageList .managed-capability-card.is-disabled{
  cursor:not-allowed;
  background:#f8fafc;
  border-style:dashed;
  box-shadow:none;
  transform:none;
}
body.page-products #mgFeaturePackageList .managed-capability-card.is-disabled:hover{
  border-color:var(--pr-line);
  box-shadow:none;
  transform:none;
}
body.page-products #mgFeaturePackageList .managed-capability-card.is-disabled .managed-capability-title,
body.page-products #mgFeaturePackageList .managed-capability-card.is-disabled .managed-capability-description{
  color:#64748b;
}
body.page-products #mgFeaturePackageList .managed-capability-card.is-disabled .managed-capability-check{
  background:#f1f5f9;
  border-color:#d8deea;
}
body.page-products #mgFeaturePackageList .managed-feature-bundle-note{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(79,70,229,.18);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(255,255,255,.96));
  color:var(--pr-muted);
  font-size:13px;
}
body.page-products #mgFeaturePackageList .managed-feature-bundle-note strong{
  color:var(--pr-text);
  font-weight:850;
}
body.page-products #mgFeaturePackageList .managed-feature-bundle-note span{
  color:var(--pr-text);
  font-weight:900;
}
body.page-products #mgFeaturePackageList .managed-feature-bundle-note small{
  width:100%;
  color:var(--pr-muted);
  font-size:12px;
}
body.page-products #mgPeriodWrap.managed-period-row{
  gap:8px;
}
body.page-products #mgPeriodOptions.managed-period-choice{
  display:inline-flex;
  flex-wrap:wrap;
  gap:4px;
  width:max-content;
  max-width:100%;
  padding:4px;
  border:1px solid var(--pr-line);
  border-radius:16px;
  background:#f8fafc;
  box-shadow:none;
}
body.page-products #mgPeriodOptions .managed-period-chip{
  min-height:0;
  padding:0;
  border:0;
  border-radius:12px;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}
body.page-products #mgPeriodOptions .managed-period-chip:hover{
  background:#fff;
}
body.page-products #mgPeriodOptions .managed-period-chip.active{
  border:1px solid #4f46e5;
  background:#fff;
  box-shadow:0 0 0 2px rgba(79,70,229,.10);
}
body.page-products #mgPeriodOptions .managed-chip-text{
  display:block;
  min-width:112px;
  padding:10px 16px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--pr-text);
  font-weight:800;
  text-align:center;
}
@media (max-width:720px){
  body.page-products #mgFeaturePackageList .managed-capability-grid{grid-template-columns:1fr;}
  body.page-products #mgFeaturePackageList .managed-capability-card{min-height:118px;}
  body.page-products #mgPeriodOptions.managed-period-choice{width:100%;}
  body.page-products #mgPeriodOptions .managed-period-chip{flex:1 1 120px;}
  body.page-products #mgPeriodOptions .managed-chip-text{min-width:0;}
}

/* v2.35: modern managed checkout review modal */
body.page-products #managedReviewModal{
  padding:24px;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(8px);
}
body.page-products #managedReviewModal .managed-review-sheet{
  width:min(820px, calc(100vw - 32px));
  max-height:min(88vh, 860px);
  border:1px solid rgba(226,232,240,.96);
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 30px 90px rgba(15,23,42,.28);
}
body.page-products #managedReviewModal .managed-review-hd{
  padding:24px 28px 18px;
  border-bottom:1px solid rgba(226,232,240,.92);
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%);
}
body.page-products #managedReviewModal .managed-review-eyebrow{
  margin:0 0 6px;
  font-size:11px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.42px;
  text-transform:uppercase;
  color:#2563eb;
}
body.page-products #managedReviewModal .cr-tt{
  margin:0;
  font-size:24px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:-.02em;
  color:#0f172a;
}
body.page-products #managedReviewModal .managed-review-subtitle{
  margin:8px 0 0;
  color:#64748b;
  font-size:14px;
  line-height:1.55;
}
body.page-products #managedReviewModal .managed-review-body{
  padding:22px 28px 18px;
  display:grid;
  gap:16px;
  max-height:calc(88vh - 190px);
  overflow:auto;
}
body.page-products #managedReviewModal .managed-review-total-card{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  border:1px solid rgba(37,99,235,.22);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.98));
  box-shadow:0 18px 38px rgba(37,99,235,.10);
}
body.page-products #managedReviewModal .managed-review-total-label{
  display:block;
  font-size:12px;
  font-weight:950;
  letter-spacing:.32px;
  text-transform:uppercase;
  color:#475569;
}
body.page-products #managedReviewModal .managed-review-total-value{
  display:block;
  margin-top:7px;
  font-size:34px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  color:#0f172a;
}
body.page-products #managedReviewModal .managed-review-total-note{
  margin:0;
  max-width:230px;
  text-align:right;
  font-size:13px;
  line-height:1.45;
  color:#64748b;
}
body.page-products #managedReviewModal .managed-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.page-products #managedReviewModal .managed-review-panel{
  border:1px solid rgba(226,232,240,.95);
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}
body.page-products #managedReviewModal .managed-review-panel-wide{
  grid-column:1 / -1;
}
body.page-products #managedReviewModal .managed-review-panel h3{
  margin:0;
  padding:16px 18px 10px;
  font-size:13px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.34px;
  text-transform:uppercase;
  color:#334155;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
}
body.page-products #managedReviewModal .cr-row{
  display:grid;
  grid-template-columns:minmax(130px,.82fr) minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding:12px 18px;
  border-top:1px solid rgba(226,232,240,.88);
}
body.page-products #managedReviewModal .managed-review-panel-wide .cr-row{
  grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);
}
body.page-products #managedReviewModal .cr-row[hidden]{
  display:none !important;
}
body.page-products #managedReviewModal .cr-key{
  color:#64748b;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
}
body.page-products #managedReviewModal .cr-val{
  color:#0f172a;
  font-size:14px;
  line-height:1.45;
  font-weight:900;
  text-align:right;
  overflow-wrap:anywhere;
}
body.page-products #managedReviewModal .managed-review-ft{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 24px;
  border-top:1px solid rgba(226,232,240,.92);
  background:rgba(255,255,255,.95);
}
body.page-products #managedReviewModal .managed-review-note{
  flex:1 1 auto;
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.5;
}
body.page-products #managedReviewModal .managed-review-actions{
  display:flex;
  gap:10px;
  align-items:center;
  margin-left:auto;
}
body.page-products #managedReviewModal .cr-btn{
  min-height:42px;
  padding:0 18px;
  border-radius:12px;
  font-weight:900;
}
@media (max-width:760px){
  body.page-products #managedReviewModal{padding:14px;}
  body.page-products #managedReviewModal .managed-review-sheet{width:100%;max-height:calc(100vh - 28px);border-radius:22px;}
  body.page-products #managedReviewModal .managed-review-hd{padding:20px;}
  body.page-products #managedReviewModal .managed-review-body{padding:18px;max-height:calc(100vh - 210px);}
  body.page-products #managedReviewModal .managed-review-total-card{align-items:flex-start;flex-direction:column;}
  body.page-products #managedReviewModal .managed-review-total-note{text-align:left;max-width:none;}
  body.page-products #managedReviewModal .managed-review-grid{grid-template-columns:1fr;}
  body.page-products #managedReviewModal .cr-row,
  body.page-products #managedReviewModal .managed-review-panel-wide .cr-row{grid-template-columns:1fr;gap:4px;}
  body.page-products #managedReviewModal .cr-val{text-align:left;}
  body.page-products #managedReviewModal .managed-review-ft{align-items:stretch;flex-direction:column;}
  body.page-products #managedReviewModal .managed-review-actions{width:100%;margin-left:0;justify-content:flex-end;}
}