/** Shopify CDN: Minification failed

Line 47:18 Unexpected "{"
Line 47:27 Expected ":"
Line 47:34 Unexpected "{"

**/
/* START_SECTION:main-article-guide (INDEX:30) */
/* ============================================================
   RED INDIAN CUSTOMS
   GUIDE ARTICLE
   VERSION 2.0
   ============================================================ */


/* ============================================================
   01. SHOPIFY SECTION WIDTH FIX
   ============================================================ */

.ric-guide-section {

  width: 100% !important;
  max-width: none !important;

  min-width: 0;

  grid-column: 1 / -1 !important;

  justify-self: stretch !important;
  align-self: stretch !important;

  flex: 0 0 100% !important;

  margin: 0 !important;
  padding: 0 !important;

}


/*
  Shopify generates a wrapper around every section.
  This makes the guide capable of occupying the complete
  available template row instead of remaining inside a
  narrow sidebar/content column.
*/

#shopify-section-{{ section.id }} {

  width: 100% !important;
  max-width: none !important;

  min-width: 0;

  grid-column: 1 / -1 !important;

  justify-self: stretch !important;
  align-self: stretch !important;

  flex: 0 0 100% !important;

}


/* ============================================================
   02. DESIGN TOKENS
   ============================================================ */

.ric-guide {

  --ric-red: #e00020;
  --ric-red-dark: #b8001a;

  --ric-black: #050505;
  --ric-black-soft: #090909;
  --ric-panel: #101010;
  --ric-panel-light: #151515;

  --ric-border: rgba(255,255,255,0.12);
  --ric-border-light: rgba(255,255,255,0.07);

  --ric-white: #ffffff;
  --ric-text: #f3f3f3;
  --ric-text-soft: #b7b7b7;
  --ric-text-muted: #858585;

  --ric-page-width: 1500px;
  --ric-reading-width: 900px;
  --ric-sidebar-width: 280px;

  --ric-radius: 16px;
  --ric-radius-small: 10px;

  --ric-shadow:
    0 20px 60px rgba(0,0,0,0.35);

  position: relative;

  display: block;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  padding:
    55px
    clamp(24px, 5vw, 80px)
    110px;

  color: var(--ric-text);

  background:
    var(--ric-black);

  box-sizing: border-box;

  overflow: visible;

}


/* ============================================================
   03. GLOBAL BOX SIZING
   ============================================================ */

.ric-guide *,
.ric-guide *::before,
.ric-guide *::after {

  box-sizing: border-box;

}


/* ============================================================
   04. BREADCRUMBS
   ============================================================ */

.ric-guide__breadcrumbs {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 9px;

  width: 100%;

  max-width: var(--ric-page-width);

  margin:
    0 auto 40px;

  color:
    var(--ric-text-muted);

  font-size: 12px;

  line-height: 1.5;

  letter-spacing: 0.06em;

  text-transform: uppercase;

}


.ric-guide__breadcrumbs a {

  color:
    var(--ric-text-muted);

  text-decoration: none;

  transition:
    color 0.2s ease;

}


.ric-guide__breadcrumbs a:hover {

  color:
    var(--ric-red);

}


.ric-guide__breadcrumb-separator {

  color:
    #4c4c4c;

}


.ric-guide__breadcrumbs [aria-current="page"] {

  color:
    var(--ric-text-soft);

}


/* ============================================================
   05. ARTICLE HEADER
   ============================================================ */

.ric-guide__header {

  width: 100%;

  max-width: 1200px;

  margin:
    0 auto 55px;

  text-align: center;

}


.ric-guide__eyebrow {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 15px;

  color:
    var(--ric-red);

  font-size: 11px;

  font-weight: 900;

  line-height: 1.3;

  letter-spacing: 0.16em;

  text-transform: uppercase;

}


.ric-guide__title {

  margin: 0;

  color:
    var(--ric-white);

  font-size:
    clamp(42px, 5vw, 76px);

  font-weight: 800;

  line-height: 1.02;

  letter-spacing: -0.04em;

}


.ric-guide__excerpt {

  max-width: 780px;

  margin:
    28px auto 0;

  color:
    var(--ric-text-soft);

  font-size: 18px;

  line-height: 1.7;

}


.ric-guide__meta {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 10px;

  margin-top: 24px;

  color:
    var(--ric-text-muted);

  font-size: 13px;

  line-height: 1.5;

}


/* ============================================================
   06. FEATURED IMAGE
   ============================================================ */

.ric-guide__featured-image {

  width: 100%;

  max-width: var(--ric-page-width);

  margin:
    0 auto 80px;

}


.ric-guide__featured-image img {

  display: block;

  width: 100%;

  height: auto;

  max-height: 780px;

  object-fit: cover;

  border:
    1px solid var(--ric-border);

  border-radius:
    var(--ric-radius);

  box-shadow:
    var(--ric-shadow);

}


.ric-guide__featured-image figcaption {

  margin-top: 12px;

  color:
    var(--ric-text-muted);

  font-size: 12px;

  line-height: 1.5;

  text-align: center;

}


/* ============================================================
   07. MAIN ARTICLE GRID
   ============================================================ */

.ric-guide__layout {

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    var(--ric-sidebar-width);

  gap:
    clamp(40px, 5vw, 80px);

  align-items: start;

  width: 100%;

  max-width: 1250px;

  margin:
    0 auto;

}


.ric-guide__main {

  width: 100%;

  min-width: 0;

}


.ric-guide__content {

  width: 100%;

  max-width:
    var(--ric-reading-width);

  margin:
    0 auto 0 0;

  color:
    var(--ric-text);

  font-size: 17px;

  line-height: 1.85;

}


/* ============================================================
   08. QUICK ANSWER
   ============================================================ */

.ric-guide__quick-answer {

  position: relative;

  margin-bottom: 55px;

  padding:
    30px 32px;

  background:
    linear-gradient(
      135deg,
      rgba(224,0,32,0.13),
      rgba(255,255,255,0.025)
    );

  border:
    1px solid rgba(224,0,32,0.35);

  border-left:
    4px solid var(--ric-red);

  border-radius:
    var(--ric-radius-small);

  box-shadow:
    0 15px 45px rgba(0,0,0,0.25);

}


.ric-guide__quick-label {

  margin-bottom: 10px;

  color:
    var(--ric-red);

  font-size: 11px;

  font-weight: 900;

  line-height: 1.4;

  letter-spacing: 0.15em;

}


.ric-guide__quick-answer h2 {

  margin:
    0 0 14px;

  color:
    var(--ric-white);

  font-size:
    clamp(24px, 2.5vw, 34px);

  line-height: 1.2;

}


.ric-guide__quick-answer p {

  margin: 0;

  color:
    var(--ric-text-soft);

  font-size: 16px;

  line-height: 1.75;

}


/* ============================================================
   09. ARTICLE TYPOGRAPHY
   ============================================================ */

.ric-guide__content p {

  margin:
    0 0 1.5em;

  color:
    var(--ric-text-soft);

}


.ric-guide__content h2 {

  position: relative;

  margin:
    2.4em 0 0.75em;

  padding-top: 12px;

  color:
    var(--ric-white);

  font-size:
    clamp(28px, 3vw, 40px);

  font-weight: 800;

  line-height: 1.2;

  letter-spacing: -0.02em;

  scroll-margin-top: 110px;

}


.ric-guide__content h2::before {

  content: "";

  display: block;

  width: 42px;

  height: 3px;

  margin-bottom: 14px;

  background:
    var(--ric-red);

  border-radius:
    999px;

}


.ric-guide__content h3 {

  margin:
    2em 0 0.7em;

  color:
    var(--ric-white);

  font-size: 23px;

  font-weight: 750;

  line-height: 1.3;

  scroll-margin-top: 110px;

}


.ric-guide__content h4 {

  margin:
    1.8em 0 0.6em;

  color:
    var(--ric-white);

  font-size: 18px;

  font-weight: 700;

}


.ric-guide__content strong {

  color:
    var(--ric-white);

  font-weight: 750;

}


.ric-guide__content a {

  color:
    #ff304b;

  text-decoration-thickness:
    1px;

  text-underline-offset:
    3px;

  transition:
    color 0.2s ease;

}


.ric-guide__content a:hover {

  color:
    var(--ric-white);

}


.ric-guide__content ul,
.ric-guide__content ol {

  margin:
    0 0 1.6em;

  padding-left:
    1.5em;

  color:
    var(--ric-text-soft);

}


.ric-guide__content li {

  margin-bottom:
    0.65em;

  padding-left:
    4px;

}


.ric-guide__content blockquote {

  margin:
    2em 0;

  padding:
    25px 28px;

  background:
    var(--ric-panel);

  border-left:
    4px solid var(--ric-red);

  border-radius:
    0 var(--ric-radius-small)
    var(--ric-radius-small) 0;

  color:
    var(--ric-text);

  font-size:
    19px;

  line-height:
    1.7;

}


.ric-guide__content img {

  display: block;

  max-width: 100%;

  height: auto;

  margin:
    35px auto;

  border-radius:
    var(--ric-radius-small);

}


.ric-guide__content table {

  display: block;

  width: 100%;

  max-width: 100%;

  margin:
    30px 0;

  overflow-x: auto;

  border-collapse: collapse;

  background:
    var(--ric-panel);

  border:
    1px solid var(--ric-border);

}


.ric-guide__content th,
.ric-guide__content td {

  padding:
    14px 16px;

  border:
    1px solid var(--ric-border);

  text-align: left;

}


.ric-guide__content th {

  color:
    var(--ric-white);

  background:
    var(--ric-panel-light);

  font-weight: 700;

}


.ric-guide__content td {

  color:
    var(--ric-text-soft);

}


.ric-guide__content hr {

  height: 1px;

  margin:
    50px 0;

  border: 0;

  background:
    var(--ric-border);

}


/* ============================================================
   10. TABLE OF CONTENTS
   ============================================================ */

.ric-guide__sidebar {

  position: sticky;

  top: 30px;

  align-self: start;

  min-width: 0;

}


.ric-guide__toc {

  padding:
    24px;

  background:
    var(--ric-panel);

  border:
    1px solid var(--ric-border);

  border-top:
    3px solid var(--ric-red);

  border-radius:
    var(--ric-radius-small);

  box-shadow:
    0 15px 40px rgba(0,0,0,0.25);

}


.ric-guide__toc-title {

  margin-bottom:
    18px;

  color:
    var(--ric-white);

  font-size:
    12px;

  font-weight:
    900;

  line-height:
    1.4;

  letter-spacing:
    0.12em;

  text-transform:
    uppercase;

}


.ric-guide__toc-list ul {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

  margin:
    0;

  padding:
    0;

  list-style:
    none;

}


.ric-guide__toc-list li {

  margin:
    0;

  padding:
    0;

  list-style:
    none;

}


.ric-guide__toc-list a {

  display:
    block;

  padding:
    8px 10px;

  color:
    var(--ric-text-muted);

  font-size:
    13px;

  line-height:
    1.45;

  text-decoration:
    none;

  border-radius:
    6px;

  transition:
    color 0.2s ease,
    background 0.2s ease;

}


.ric-guide__toc-list a:hover {

  color:
    var(--ric-white);

  background:
    rgba(224,0,32,0.12);

}


.ric-guide__toc-subitem a {

  padding-left:
    23px;

  font-size:
    12px;

}


.ric-guide__toc-empty {

  margin: 0;

  color:
    var(--ric-text-muted);

  font-size:
    13px;

  line-height:
    1.5;

}


/* ============================================================
   11. PRODUCT CTA
   ============================================================ */

.ric-guide__cta {

  width: 100%;

  max-width: 1250px;

  margin:
    90px auto;

  padding:
    65px 40px;

  position: relative;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #180306 0%,
      #090909 55%,
      #050505 100%
    );

  border:
    1px solid rgba(224,0,32,0.35);

  border-radius:
    var(--ric-radius);

  text-align:
    center;

  box-shadow:
    var(--ric-shadow);

}


.ric-guide__cta::before {

  content: "";

  position: absolute;

  top: -120px;

  left: 50%;

  width: 400px;

  height: 400px;

  transform:
    translateX(-50%);

  background:
    rgba(224,0,32,0.12);

  filter:
    blur(100px);

  pointer-events:
    none;

}


.ric-guide__cta-content {

  position:
    relative;

  z-index:
    1;

  max-width:
    720px;

  margin:
    0 auto;

}


.ric-guide__cta-label {

  margin-bottom:
    12px;

  color:
    var(--ric-red);

  font-size:
    11px;

  font-weight:
    900;

  letter-spacing:
    0.15em;

}


.ric-guide__cta h2 {

  margin:
    0 0 14px;

  color:
    var(--ric-white);

  font-size:
    clamp(30px, 4vw, 46px);

  line-height:
    1.15;

}


.ric-guide__cta p {

  max-width:
    620px;

  margin:
    0 auto 30px;

  color:
    var(--ric-text-soft);

  font-size:
    16px;

  line-height:
    1.7;

}


.ric-guide__cta-button {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    52px;

  padding:
    15px 28px;

  color:
    #ffffff;

  background:
    var(--ric-red);

  border:
    1px solid var(--ric-red);

  border-radius:
    6px;

  font-size:
    12px;

  font-weight:
    900;

  line-height:
    1;

  letter-spacing:
    0.08em;

  text-transform:
    uppercase;

  text-decoration:
    none;

  transition:
    background 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;

}


.ric-guide__cta-button:hover {

  color:
    #ffffff;

  background:
    var(--ric-red-dark);

  transform:
    translateY(-2px);

  box-shadow:
    0 10px 30px rgba(224,0,32,0.25);

}


/* ============================================================
   12. FAQ
   ============================================================ */

.ric-guide__faq {

  width: 100%;

  max-width:
    950px;

  margin:
    0 auto;

}


.ric-guide__faq-heading {

  margin-bottom:
    35px;

  text-align:
    center;

}


.ric-guide__faq-heading .ric-guide__eyebrow {

  margin-bottom:
    10px;

}


.ric-guide__faq-heading h2 {

  margin:
    0 0 12px;

  color:
    var(--ric-white);

  font-size:
    clamp(30px, 4vw, 44px);

  line-height:
    1.2;

}


.ric-guide__faq-heading p {

  margin:
    0;

  color:
    var(--ric-text-muted);

  font-size:
    15px;

  line-height:
    1.7;

}


.ric-guide__faq-list {

  display:
    flex;

  flex-direction:
    column;

  gap:
    10px;

}


.ric-guide__faq-item {

  background:
    var(--ric-panel);

  border:
    1px solid var(--ric-border);

  border-radius:
    var(--ric-radius-small);

  overflow:
    hidden;

  transition:
    border-color 0.2s ease;

}


.ric-guide__faq-item[open] {

  border-color:
    rgba(224,0,32,0.45);

}


.ric-guide__faq-item summary {

  position:
    relative;

  display:
    flex;

  align-items:
    center;

  min-height:
    65px;

  padding:
    18px 55px 18px 20px;

  color:
    var(--ric-white);

  font-size:
    15px;

  font-weight:
    700;

  line-height:
    1.5;

  cursor:
    pointer;

  list-style:
    none;

}


.ric-guide__faq-item summary::-webkit-details-marker {

  display:
    none;

}


.ric-guide__faq-item summary::after {

  content:
    "+";

  position:
    absolute;

  top:
    50%;

  right:
    20px;

  transform:
    translateY(-50%);

  color:
    var(--ric-red);

  font-size:
    24px;

}


.ric-guide__faq-item[open]
summary::after {

  content:
    "−";

}


.ric-guide__faq-answer {

  padding:
    0 20px 22px;

  border-top:
    1px solid var(--ric-border-light);

}


.ric-guide__faq-answer p {

  margin:
    18px 0 0;

  color:
    var(--ric-text-soft);

  font-size:
    15px;

  line-height:
    1.75;

}


/* ============================================================
   13. ACCESSIBILITY
   ============================================================ */

.ric-guide a:focus-visible,
.ric-guide summary:focus-visible {

  outline:
    2px solid var(--ric-red);

  outline-offset:
    4px;

}


/* ============================================================
   14. LARGE DESKTOP
   ============================================================ */

@media screen and (min-width: 1400px) {

  .ric-guide {

    padding-left:
      80px;

    padding-right:
      80px;

  }

}


/* ============================================================
   15. TABLET
   ============================================================ */

@media screen and (max-width: 1100px) {

  .ric-guide__layout {

    grid-template-columns:
      minmax(0, 1fr);

    max-width:
      950px;

  }


  .ric-guide__sidebar {

    position:
      static;

    order:
      2;

  }


  .ric-guide__toc {

    width:
      100%;

  }

}


/* ============================================================
   16. MOBILE
   ============================================================ */

@media screen and (max-width: 749px) {

  .ric-guide {

    padding:
      32px 18px 75px;

  }


  .ric-guide__breadcrumbs {

    margin-bottom:
      28px;

    font-size:
      10px;

  }


  .ric-guide__header {

    margin-bottom:
      35px;

  }


  .ric-guide__title {

    font-size:
      clamp(32px, 10vw, 48px);

    letter-spacing:
      -0.025em;

  }


  .ric-guide__excerpt {

    margin-top:
      18px;

    font-size:
      15px;

    line-height:
      1.65;

  }


  .ric-guide__meta {

    margin-top:
      18px;

    font-size:
      11px;

  }


  .ric-guide__featured-image {

    margin-bottom:
      45px;

  }


  .ric-guide__featured-image img {

    max-height:
      none;

    border-radius:
      12px;

  }


  .ric-guide__layout {

    gap:
      30px;

  }


  .ric-guide__quick-answer {

    margin-bottom:
      40px;

    padding:
      23px 20px;

  }


  .ric-guide__quick-answer h2 {

    font-size:
      24px;

  }


  .ric-guide__quick-answer p {

    font-size:
      15px;

  }


  .ric-guide__content {

    font-size:
      16px;

    line-height:
      1.8;

  }


  .ric-guide__content h2 {

    margin-top:
      2em;

    font-size:
      28px;

  }


  .ric-guide__content h3 {

    font-size:
      20px;

  }


  .ric-guide__content blockquote {

    padding:
      20px;

    font-size:
      17px;

  }


  .ric-guide__toc {

    padding:
      20px;

  }


  .ric-guide__cta {

    margin:
      55px auto;

    padding:
      40px 22px;

    border-radius:
      12px;

  }


  .ric-guide__cta h2 {

    font-size:
      30px;

  }


  .ric-guide__cta p {

    font-size:
      14px;

  }


  .ric-guide__cta-button {

    width:
      100%;

  }


  .ric-guide__faq-heading h2 {

    font-size:
      30px;

  }


  .ric-guide__faq-item summary {

    min-height:
      60px;

    padding:
      17px 48px 17px 17px;

    font-size:
      14px;

  }


  .ric-guide__faq-answer {

    padding:
      0 17px 18px;

  }

}


/* =========================================================
   RIC GUIDE — SHOPIFY SECTION WIDTH FIX
   Removes Dawn/theme container restrictions
   without causing viewport overlap
   ========================================================= */

/* Remove Shopify section/container restrictions */
.shopify-section:has(.ric-guide) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Make the guide itself occupy the entire section */
.ric-guide {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: clamp(24px, 4vw, 70px);
  padding-right: clamp(24px, 4vw, 70px);
}

/* Keep the actual design centered and controlled */
.ric-guide__breadcrumbs,
.ric-guide__header,
.ric-guide__featured-image,
.ric-guide__layout,
.ric-guide__cta,
.ric-guide__faq {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Desktop content width */
.ric-guide__breadcrumbs {
  max-width: 1500px;
}

.ric-guide__header {
  max-width: 1200px;
}

.ric-guide__featured-image {
  max-width: 1500px;
}

.ric-guide__layout {
  max-width: 1500px;
}

.ric-guide__cta {
  max-width: 1500px;
}

.ric-guide__faq {
  max-width: 900px;
}

/* Main article must be allowed to fill its grid column */
.ric-guide__main {
  width: 100%;
  min-width: 0;
}

/* Reading width */
.ric-guide__content {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

/* Prevent images/content from creating overflow */
.ric-guide img,
.ric-guide video,
.ric-guide iframe {
  max-width: 100%;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 990px) {
  .shopify-section:has(.ric-guide) {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .ric-guide {
    width: 100% !important;
    max-width: none !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ric-guide__layout {
    grid-template-columns: 1fr;
  }

  .ric-guide__sidebar {
    position: static;
    order: 0;
  }
}

@media screen and (max-width: 749px) {
  .ric-guide {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* END_SECTION:main-article-guide */