.c-bkr-grid__item--product .c-bkr-product .commerce-product--ecom-product-card .field--name-field-short-description {
	display: none;
}

.node--type-ecom-product-page div.pink-module {
	background-color: #B01F5D;
	padding-top: 68px;
	padding-bottom: 59px;
}

.node--type-ecom-product-page div.pink-module .grid__container {
	margin-bottom: 0;
}

.node--type-ecom-product-page div.iia-module {
	padding-top: 60px;
	padding-bottom: 74px;
}

.node--type-ecom-product-page div.iia-module .grid__container {
	margin-bottom: 0;
}

.layout__region.grid__container--item.layout__region--sidebar {
	align-content: center;
}

/* ==========================================================================
   CIA Exam Review (ES) — FAQ accordion restyle
   Page: /cia-exam-review/translations/es
   Target: Figma node 230:361 (CIA_Translation-Launch-Portuguese)
   Scope: .accordion-es only — will not affect other accordion instances
   ========================================================================== */

/* Kill the grey panel background behind the whole accordion */
.c-accordion.accordion-es .c-accordion__items--parent {
  background-color: transparent !important;
}

/* Each row: flat white bg, hairline bottom border, no zebra striping.
   Also becomes the positioning context for the plus icon (see below),
   since the heading itself is being capped to a max-width for text wrap. */
.c-accordion.accordion-es .p-accordion__item {
  position: relative !important;
  margin: 0 !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #ebebeb !important;
}

/* The theme also puts its own darker (#aaaaaa) border-bottom directly on
   .p-accordion__item--heading when collapsed. Since the heading is now
   capped to max-width: 560px, that border only ran under the text
   column — layering a dark line on the left portion of the row on top
   of the lighter divider above. Kill it so only the single full-width
   divider on .p-accordion__item shows. */
.c-accordion.accordion-es .p-accordion__item.c-accordion--collapsed .p-accordion__item--heading {
  border-bottom: none !important;
}

/* The theme puts a SEPARATE dark (#aaaaaa) border-bottom directly on
   .p-accordion__item itself when expanded, which otherwise overrides
   the light divider from the base rule above (more specific selector).
   Repoint it to the same light color rather than removing it, or the
   divider disappears entirely once a row is opened. */
.c-accordion.accordion-es .p-accordion__item.c-accordion--expanded {
  border-bottom: 1px solid #ebebeb !important;
}

/* Heading row: remove the 62px indent for the old icon square,
   vertically center content in a 72px row, left-align text.
   max-width caps the text column so long questions wrap onto a second
   line the way they do in the Figma spec, instead of stretching the
   full width of the row. position:static hands off the icon's
   containing block to .p-accordion__item above, so the icon stays
   pinned to the row's right edge instead of shrinking in with the text. */
.c-accordion.accordion-es .p-accordion__item--heading {
  /* NOTE: the theme's base rule sets flex-flow: column on this element,
     so align-items controls the HORIZONTAL axis and justify-content
     controls the VERTICAL axis here — inverted from a typical row-flex. */
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;   /* left-align (was wrongly "center") */
  justify-content: center !important;   /* vertically center in the row */
  max-width: 560px;
  min-height: 72px;
  padding: 12px 40px 12px 0 !important;
  text-transform: none !important;
  text-align: left !important;
  font-weight: 700;
  font-size: 17px;
  line-height: 23.8px; /* ~1.4 */
  color: #122048 !important;
}

/* Plus icon: drop the navy square, make it a plain gold glyph
   floated to the right and vertically centered in the heading row.
   The "+" is a font-icon glyph (bkr-icomoon via ::before) that scales
   with .icon's font-size, so the pseudo-element needs its own font-size
   override too — sizing only the outer box leaves the glyph oversized.
   top is a fixed px offset (half the heading's 72px min-height), not
   50%, because the icon's containing block is .p-accordion__item — and
   once an item expands to show its answer, that element's height grows
   well past the heading, so top:50% would drag the icon down into the
   middle of the whole block instead of staying level with the heading. */
.c-accordion.accordion-es .p-accordion__item--heading .icon,
.c-accordion.accordion-es .p-accordion__item--heading .icon::before {
  font-size: 16px !important;
  line-height: 1 !important;
}

.c-accordion.accordion-es .p-accordion__item--heading .icon {
  position: absolute;
  top: 36px; /* half of the heading's 72px min-height */
  left: auto;
  right: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  color: #fdc20d !important;
  font-weight: 700;
}

/* Answer body: line the text up with the new flush-left heading
   (was indented 50px to clear the old icon square). Full width —
   unlike the heading, the answer text isn't meant to wrap at a
   capped column, so no max-width here. */
.c-accordion.accordion-es .p-accordion__item--body {
  max-width: none;
  padding: 0 40px 24px 0 !important;
}