/** ABOUT / FAQ INNER PAGES **/

:root{
  /* =========================================
     INFO PAGE FLUID SCALE
     reference width: 1920px
     ========================================= */

  /* ===== wide screen scaling ===== */
  /*
    1   = old behavior, stops at the 1920px design size
    1.5 = continues growing to 150% of the old max caps
    2   = continues growing to 200% of the old max caps
  */
  --wide-scale: 2;

  /* page spacing */
  --info-page-top-pad: clamp(4px, calc(8 / 1920 * 100vw), 8px);

  /* content widths */
  --info-body-w: clamp(320px, calc(760 / 1920 * 100vw), 760px);
  --info-head-mb: clamp(22px, calc(28 / 1920 * 100vw), 28px);

  /* type scale */
  --info-body-font-size: clamp(16px, calc(18 / 1920 * 100vw), 18px);
  --info-body-line-height: 1.8;

  --info-h1-size: clamp(30px, calc(40 / 1920 * 100vw), 40px);
  --info-h2-size: clamp(20px, calc(30 / 1920 * 100vw), 30px);
  --info-h3-size: clamp(18px, calc(22 / 1920 * 100vw), 26px);

  /* spacing scale */
  --info-paragraph-gap: clamp(18px, calc(22 / 1920 * 100vw), 22px);
  --info-section-gap-lg: clamp(48px, calc(64 / 1920 * 100vw), 64px);
  --info-section-gap-md: clamp(22px, calc(32 / 1920 * 100vw), 32px);

  /* media / image sizing */
  --info-inline-image-w: clamp(280px, calc(520 / 1920 * 100vw), 520px);
  --info-inline-image-m: clamp(20px, calc(28 / 1920 * 100vw), 28px);
  --info-inline-image-radius: clamp(12px, calc(18 / 1920 * 100vw), 18px);

  /* top nav — matched to article page */
  --top-link-w: clamp(72px, calc(209.6 / 1920 * 100vw), 209.6px);
  --top-links-gap: clamp(12px, calc(34 / 1920 * 100vw), 34px);
  --top-links-shift-x: 0px;
  --top-links-shift-y: clamp(-83px, calc(var(--content-pad) * -0.8), -10px);

  /* invoke/about image */
  --invoke-image-m: 48px;
  --invoke-image-img-w: min(1400px, 90vw);
  --invoke-image-img-m: 28px auto;
  --invoke-image-img-radius: 18px;

  /* shared effects */
  --shadow-nav: drop-shadow(0 8px 16px rgba(0,0,0,0.22));
  --shadow-image: drop-shadow(0 8px 22px rgba(0,0,0,0.14));
}

/* =========================================
   WIDE SCREEN UPSCALE ONLY
   nothing changes at or below 1920px
   ========================================= */

@media (min-width: 1920px){
  :root{
    /* page spacing */
    --info-page-top-pad: clamp(8px, calc(8 / 1920 * 100vw), calc(8px * var(--wide-scale)));

    /* content widths */
    --info-body-w: clamp(760px, calc(760 / 1920 * 100vw), calc(760px * var(--wide-scale)));
    --info-head-mb: clamp(28px, calc(28 / 1920 * 100vw), calc(28px * var(--wide-scale)));

    /* type scale */
    --info-body-font-size: clamp(18px, calc(18 / 1920 * 100vw), calc(18px * var(--wide-scale)));

    --info-h1-size: clamp(40px, calc(40 / 1920 * 100vw), calc(40px * var(--wide-scale)));
    --info-h2-size: clamp(30px, calc(30 / 1920 * 100vw), calc(30px * var(--wide-scale)));
    --info-h3-size: clamp(26px, calc(26 / 1920 * 100vw), calc(26px * var(--wide-scale)));

    /* spacing scale */
    --info-paragraph-gap: clamp(22px, calc(22 / 1920 * 100vw), calc(22px * var(--wide-scale)));
    --info-section-gap-lg: clamp(64px, calc(64 / 1920 * 100vw), calc(64px * var(--wide-scale)));
    --info-section-gap-md: clamp(32px, calc(32 / 1920 * 100vw), calc(32px * var(--wide-scale)));

    /* media / image sizing */
    --info-inline-image-w: clamp(520px, calc(520 / 1920 * 100vw), calc(520px * var(--wide-scale)));
    --info-inline-image-m: clamp(28px, calc(28 / 1920 * 100vw), calc(28px * var(--wide-scale)));
    --info-inline-image-radius: clamp(18px, calc(18 / 1920 * 100vw), calc(18px * var(--wide-scale)));

    /* top nav */
    --top-link-w: clamp(209.6px, calc(209.6 / 1920 * 100vw), calc(209.6px * var(--wide-scale)));
    --top-links-gap: clamp(34px, calc(34 / 1920 * 100vw), calc(34px * var(--wide-scale)));
    --top-links-shift-y: clamp(calc(-83px * var(--wide-scale)), calc(-83 / 1920 * 100vw), -83px);

    /* invoke/about image */
    --invoke-image-m: clamp(48px, calc(48 / 1920 * 100vw), calc(48px * var(--wide-scale)));
    --invoke-image-img-w: min(calc(1400px * var(--wide-scale)), 90vw);
    --invoke-image-img-m:
      clamp(28px, calc(28 / 1920 * 100vw), calc(28px * var(--wide-scale)))
      auto;
    --invoke-image-img-radius: clamp(18px, calc(18 / 1920 * 100vw), calc(18px * var(--wide-scale)));
  }
}

.info-page,
.top-links{
  position: relative;
  z-index: 12;
}

.info-page{
  padding-top: var(--info-page-top-pad);
}

/* top nav */
.top-links{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--top-links-gap);
  margin-top: 0;
  margin-bottom: calc(var(--content-pad) * -0.25);
}

.top-links__home{
  position: relative;
  display: inline-block;
  line-height: 0;
  text-decoration: none;
  width: var(--top-link-w);

  transform:
    translateX(var(--top-links-shift-x))
    translateY(var(--top-links-shift-y));

  transition: transform 160ms ease, filter 160ms ease;
  filter: var(--shadow-nav);
}

.top-links__home img{
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}

.top-links__home:hover{
  transform:
    translateX(var(--top-links-shift-x))
    translateY(var(--top-links-shift-y));
  filter:
    drop-shadow(0 0 10px var(--hover-glow))
    drop-shadow(0 0 22px var(--hover-glow));
}

.top-links__home:active{
  transform:
    translateX(var(--top-links-shift-x))
    translateY(var(--top-links-shift-y));
}

/* header */
.info-head{
  width: min(100%, var(--info-body-w));
  margin: 0 auto var(--info-head-mb);

  display: flex;
  flex-direction: column;
  align-items: center;
}

.info-head h1{
  margin: 0;
  display: block;
  text-align: center;

  font-family: "Cinzel", serif;
  font-size: var(--info-h1-size);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.2;
  color: rgba(255,255,255,0.96);
  text-shadow: 0 0 14px rgba(0,0,0,0.28);
}

.info-page .info-head > h1::after{
  content: "";
  display: block !important;
  width: clamp(70px, calc(80 / 1920 * 100vw), 80px);
  height: 1px;
  margin: clamp(14px, calc(18 / 1920 * 100vw), 18px) auto 0;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,0.35),
    transparent
  );
}

@media (min-width: 1920px){
  .info-page .info-head > h1::after{
    width: clamp(80px, calc(80 / 1920 * 100vw), calc(80px * var(--wide-scale)));
    margin-top: clamp(18px, calc(18 / 1920 * 100vw), calc(18px * var(--wide-scale)));
  }
}

/* body */
.info-body{
  width: min(100%, var(--info-body-w));
  margin: 0 auto;
  font-size: var(--info-body-font-size);
  line-height: var(--info-body-line-height);
  color: rgba(245,244,240,0.94);
}

.info-body p{
  margin: 0 0 var(--info-paragraph-gap);
}

.info-body p:last-child{
  margin-bottom: 0;
}

.info-body h2:not(.panel-glass__title),
.info-body h3:not(.panel-glass__title){
  text-align: center;
  font-family: "Cinzel", serif;
  font-weight: 500;
  margin: var(--info-section-gap-lg) 0 var(--info-section-gap-md);
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.96);
  text-transform: uppercase;
}

.info-body h2:not(.panel-glass__title){
  font-size: var(--info-h2-size);
}

.info-body h3:not(.panel-glass__title){
  font-size: var(--info-h3-size);
}

.info-body img{
  display: block;
  width: min(100%, var(--info-inline-image-w));
  height: auto;
  margin: var(--info-inline-image-m) auto;
  border-radius: var(--info-inline-image-radius);
  filter: var(--shadow-image);
}

.legal-document{
  max-width: var(--info-body-w);
  padding-bottom: var(--info-section-gap-lg);
}

.legal-document h2,
.legal-document h3{
  position: relative;
}

.legal-document > h2:first-child,
.legal-document > h3:first-child{
  margin-top: 0;
}

.legal-document h2::after{
  content: "";
  display: block;
  width: clamp(60px, calc(60 / 1920 * 100vw), 60px);
  height: 1px;
  margin: clamp(14px, calc(14 / 1920 * 100vw), 14px) auto 0;
  background: rgba(255,255,255,0.3);
}

.legal-document ul,
.legal-document ol{
  margin: 0 0 var(--info-paragraph-gap) 1.4em;
  padding: 0;
}

.legal-document .legal-columns{
  columns: 2;
  column-gap: clamp(28px, calc(42 / 1920 * 100vw), 42px);
}

.legal-document li{
  margin-bottom: clamp(8px, calc(8 / 1920 * 100vw), 8px);
}

.legal-table{
  width: 100%;
  margin: 0 0 var(--info-paragraph-gap);
  border-collapse: collapse;
  color: rgba(245,244,240,0.94);
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 16px);
  line-height: 1.55;
}

.legal-table th,
.legal-table td{
  padding: clamp(9px, calc(12 / 1920 * 100vw), 12px) clamp(10px, calc(14 / 1920 * 100vw), 14px);
  border-bottom: 1px solid rgba(255,255,255,0.16);
  vertical-align: top;
  text-align: left;
}

.legal-table th{
  font-family: "Cinzel", serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.96);
}

.legal-table td:first-child,
.legal-table td:last-child{
  white-space: nowrap;
}

.legal-document a{
  color: rgba(190, 215, 255, 0.95);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-document strong{
  color: rgba(255,255,255,0.98);
}

.legal-document em{
  color: rgba(230,235,245,0.96);
}

@media (min-width: 1920px){
  .legal-document h2::after{
    width: clamp(60px, calc(60 / 1920 * 100vw), calc(60px * var(--wide-scale)));
    margin-top: clamp(14px, calc(14 / 1920 * 100vw), calc(14px * var(--wide-scale)));
  }

  .legal-document li{
    margin-bottom: clamp(8px, calc(8 / 1920 * 100vw), calc(8px * var(--wide-scale)));
  }

  .legal-document .legal-columns{
    column-gap: clamp(42px, calc(42 / 1920 * 100vw), calc(42px * var(--wide-scale)));
  }

  .legal-table{
    font-size: clamp(16px, calc(16 / 1920 * 100vw), calc(16px * var(--wide-scale)));
  }

  .legal-table th,
  .legal-table td{
    padding:
      clamp(12px, calc(12 / 1920 * 100vw), calc(12px * var(--wide-scale)))
      clamp(14px, calc(14 / 1920 * 100vw), calc(14px * var(--wide-scale)));
  }
}

@media (max-width: 640px){
  .legal-document .legal-columns{
    columns: 1;
  }

  .legal-table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 500px){
  :root{
    --top-links-shift-y: 34px;
  }

  .top-links{
    margin-bottom: 58px;
  }
}


.invoke-image{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--invoke-image-m) 0;
}

.invoke-image img{
  display: block;
  width: var(--invoke-image-img-w);
  height: auto;

  margin: var(--invoke-image-img-m);
  border-radius: var(--invoke-image-img-radius);

  filter: drop-shadow(0 8px 22px rgba(0,0,0,0.14));
}

/* =========================
   FAQ SHIPPING CHART
   ========================= */

.info-body--faq {
  --info-body-w: clamp(320px, calc(1280 / 1920 * 100vw), 1280px);

  /* selector colors reused */
  --cat-fresh: #294a28;
  --cat-sweet: #1f3d73;
  --cat-smoke: #303a49;
  --cat-spice: #604b30;

  --shipping-text: rgba(245, 244, 240, 0.92);
  --shipping-text-strong: rgba(255, 255, 255, 0.98);

  --shipping-img-w: clamp(180px, calc(262 / 1920 * 100vw), 262px);
  --shipping-img-ratio: calc(232 / 524);

  --shipping-grid-gap: clamp(18px, calc(24 / 1920 * 100vw), 24px);

  --shipping-pill-radius: 999px;
  --shipping-pill-pad-y: clamp(7px, calc(10 / 1920 * 100vw), 10px);
  --shipping-pill-pad-x: clamp(10px, calc(14 / 1920 * 100vw), 14px);

  --shipping-fill: 0.50;
  --shipping-stroke: 0.62;
}

@media (min-width: 1920px) {
  .info-body--faq {
    --info-body-w: clamp(1280px, calc(1280 / 1920 * 100vw), calc(1280px * var(--wide-scale)));
    --shipping-img-w: clamp(262px, calc(262 / 1920 * 100vw), calc(262px * var(--wide-scale)));
    --shipping-grid-gap: clamp(24px, calc(24 / 1920 * 100vw), calc(24px * var(--wide-scale)));

    --shipping-pill-pad-y: clamp(10px, calc(10 / 1920 * 100vw), calc(10px * var(--wide-scale)));
    --shipping-pill-pad-x: clamp(14px, calc(14 / 1920 * 100vw), calc(14px * var(--wide-scale)));
  }
}

.faq-copy {
  width: min(100%, clamp(320px, calc(760 / 1920 * 100vw), 760px));
  margin: 0 auto;
}

@media (min-width: 1920px) {
  .faq-copy {
    width: min(100%, clamp(760px, calc(760 / 1920 * 100vw), calc(760px * var(--wide-scale))));
  }
}

.shipping-chart {
  margin-top: var(--info-section-gap-lg);
}

.shipping-chart h2 {
  text-align: center;
}

.shipping-free-callout {
  max-width: min(100%, 760px);
  margin: clamp(20px, calc(24 / 1920 * 100vw), 24px) auto 0;
  padding: clamp(14px, calc(16 / 1920 * 100vw), 16px)
           clamp(16px, calc(20 / 1920 * 100vw), 20px);
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: clamp(16px, calc(18 / 1920 * 100vw), 18px);
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.10),
      rgba(255,255,255,0.035) 46%,
      rgba(0,0,0,0.16)
    ),
    rgba(41,74,40,0.24);
  box-shadow:
    0 12px 30px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.10);
  color: var(--shipping-text);
  text-align: center;
}

.shipping-free-callout strong {
  display: block;
  margin-bottom: clamp(5px, calc(6 / 1920 * 100vw), 6px);
  color: var(--shipping-text-strong);
  font-family: "Cinzel", serif;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.shipping-free-callout span {
  display: block;
}

.shipping-regions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--shipping-grid-gap);
  align-items: start;
  margin-top: var(--info-section-gap-md);
}

.shipping-region {
  --region-color: var(--cat-fresh);

  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.shipping-region--fresh {
  --region-color: var(--cat-fresh);
}

.shipping-region--sweet {
  --region-color: var(--cat-sweet);
}

.shipping-region--smoke {
  --region-color: var(--cat-smoke);
}

.shipping-region--spice {
  --region-color: var(--cat-spice);
}

.info-body .shipping-region__image {
  display: block;
  width: var(--shipping-img-w);
  height: auto;
  aspect-ratio: 524 / 232;
  object-fit: contain;
  margin: 0 auto clamp(12px, calc(14 / 1920 * 100vw), 14px);
  border-radius: 0;
  filter: var(--shadow-image);
}

.shipping-region__price {
  width: min(100%, var(--shipping-img-w));
  min-height: clamp(72px, calc(82 / 1920 * 100vw), 82px);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(2px, calc(4 / 1920 * 100vw), 4px);

  margin: 0 auto clamp(14px, calc(18 / 1920 * 100vw), 18px);
  padding: clamp(9px, calc(11 / 1920 * 100vw), 11px)
           clamp(12px, calc(14 / 1920 * 100vw), 14px);

  border-radius: clamp(16px, calc(18 / 1920 * 100vw), 18px);

  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.10),
      rgba(255,255,255,0.03) 42%,
      rgba(0,0,0,0.18)
    ),
    var(--region-color);

  border: 1px solid rgba(255,255,255,0.18);

  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,0.13),
    inset -1px -1px 0 rgba(0,0,0,0.28),
    inset 6px 7px 12px rgba(255,255,255,0.04),
    inset -7px -8px 14px rgba(0,0,0,0.17),
    0 8px 20px rgba(0,0,0,0.18);

  color: var(--shipping-text-strong);
  text-align: center;
  font-family: "Cinzel", serif;
}

.shipping-region__time {
  margin-top: clamp(3px, calc(4 / 1920 * 100vw), 4px);

  font-size: clamp(12px, calc(13 / 1920 * 100vw), 13px);
  line-height: 1.25;
  letter-spacing: 0.03em;

  color: rgba(245,244,240,0.78);
}

.shipping-region__label {
  font-size: clamp(12px, calc(13 / 1920 * 100vw), 13px);
  line-height: 1.1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.78;
}

.shipping-region__amount {
  font-size: clamp(20px, calc(24 / 1920 * 100vw), 24px);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.shipping-region__countries {
  width: min(100%, var(--shipping-img-w));

  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(8px, calc(10 / 1920 * 100vw), 10px);
}

.shipping-country {
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: clamp(34px, calc(38 / 1920 * 100vw), 38px);
  padding: var(--shipping-pill-pad-y) var(--shipping-pill-pad-x);

  border-radius: var(--shipping-pill-radius);

  font-family: "Cinzel", serif;
  font-size: clamp(13px, calc(16 / 1920 * 100vw), 16px);
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-align: center;

  color: var(--shipping-text);

  background-color: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);

   box-shadow:
    inset 1px 1px 0 rgba(255,255,255,0.10),
    inset -1px -1px 0 rgba(0,0,0,0.22),
    inset 5px 6px 10px rgba(255,255,255,0.035),
    inset -6px -7px 12px rgba(0,0,0,0.14),
    0 5px 14px rgba(0,0,0,0.12);
}

@supports (color: color-mix(in srgb, white, black)) {
  .shipping-country {
    background-color: color-mix(
      in srgb,
      var(--region-color) calc(var(--shipping-fill) * 100%),
      transparent
    );

    border-color: color-mix(
      in srgb,
      var(--region-color) calc(var(--shipping-stroke) * 100%),
      rgba(255,255,255,0.18)
    );
  }

  .shipping-region__price {
    background:
      linear-gradient(
        to bottom,
        rgba(255,255,255,0.12),
        rgba(255,255,255,0.04) 42%,
        rgba(0,0,0,0.20)
      ),
      color-mix(in srgb, var(--region-color) 74%, transparent);

    border-color: color-mix(
      in srgb,
      var(--region-color) 70%,
      rgba(255,255,255,0.22)
    );

	 box-shadow:
      inset 1px 1px 0 rgba(255,255,255,0.13),
      inset -1px -1px 0 rgba(0,0,0,0.28),
      inset 6px 7px 12px rgba(255,255,255,0.04),
      inset -7px -8px 14px rgba(0,0,0,0.17),
      0 8px 20px rgba(0,0,0,0.18);

  }
}

@media (min-width: 1920px) {
  .shipping-region__image {
    margin-bottom: clamp(14px, calc(14 / 1920 * 100vw), calc(14px * var(--wide-scale)));
  }

  .shipping-region__price {
	min-height: clamp(82px, calc(82 / 1920 * 100vw), calc(82px * var(--wide-scale)));
    margin-bottom: clamp(18px, calc(18 / 1920 * 100vw), calc(18px * var(--wide-scale)));
    padding:
      clamp(11px, calc(11 / 1920 * 100vw), calc(11px * var(--wide-scale)))
      clamp(14px, calc(14 / 1920 * 100vw), calc(14px * var(--wide-scale)));
    border-radius: clamp(18px, calc(18 / 1920 * 100vw), calc(18px * var(--wide-scale)));
  }

  .shipping-region__time {
    margin-top: clamp(4px, calc(4 / 1920 * 100vw), calc(4px * var(--wide-scale)));
    font-size: clamp(13px, calc(13 / 1920 * 100vw), calc(13px * var(--wide-scale)));
  }

  .shipping-region__label {
    font-size: clamp(13px, calc(13 / 1920 * 100vw), calc(13px * var(--wide-scale)));
  }

  .shipping-region__amount {
    font-size: clamp(24px, calc(24 / 1920 * 100vw), calc(24px * var(--wide-scale)));
  }

  .shipping-region__countries {
    gap: clamp(10px, calc(10 / 1920 * 100vw), calc(10px * var(--wide-scale)));
  }

  .shipping-country {
    min-height: clamp(38px, calc(38 / 1920 * 100vw), calc(38px * var(--wide-scale)));
    font-size: clamp(16px, calc(16 / 1920 * 100vw), calc(16px * var(--wide-scale)));
  }
}

@media (max-width: 1100px) {
  .shipping-regions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: clamp(34px, calc(42 / 1920 * 100vw), 42px);
  }
}

@media (max-width: 620px) {
  .shipping-regions {
    grid-template-columns: 1fr;
  }

  .shipping-region__image,
  .shipping-region__price,
  .shipping-region__countries {
    width: min(100%, 262px);
  }
}

/* =========================
   FAQ ITEMS
   ========================= */

.faq-item {
  width: 100%;
  margin: 0 auto var(--info-section-gap-lg);
}

.faq-item:last-child {
  margin-bottom: 0;
}

.faq-question {
  margin: 0 0 var(--info-section-gap-md);

  font-family: "Cinzel", serif;
  font-size: var(--info-h2-size);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: none;

  color: rgba(255,255,255,0.96);
  text-shadow: 0 0 14px rgba(0,0,0,0.28);
}

.faq-question::after {
  content: "";
  display: block;
  width: clamp(70px, calc(80 / 1920 * 100vw), 80px);
  height: 1px;
  margin: clamp(14px, calc(18 / 1920 * 100vw), 18px) auto 0;

  background: linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,0.35),
    transparent
  );
}

.faq-answer {
  width: min(100%, clamp(320px, calc(760 / 1920 * 100vw), 760px));
  margin: 0 auto;
}

.faq-item--support {
  padding-top: var(--info-section-gap-lg);
}

.faq-item--support .faq-answer,
.faq-item--support .faq-answer a {
  color: rgba(255,255,255,0.96);
}

.shipping-chart {
  margin-top: var(--info-section-gap-lg);
}

.shipping-chart__title {
  margin: 0 0 var(--info-section-gap-md);

  font-family: "Cinzel", serif;
  font-size: var(--info-h3-size);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;

  color: rgba(255,255,255,0.88);
}