/** Shopify CDN: Minification failed

Line 163:0 Unexpected "@media"

**/
/* =====================================================================
   AIOD All-In-1 Discount — "Buy More, Save More" volume tier widget
   Brand-styled override.
   ---------------------------------------------------------------------
   Targets the markup the AIOD app injects on PDPs:
     .aiod-volume-discount-wrap
       .offer-wrpper
         h4.heading_table         ← "BUY MORE, SAVE MORE!"
         .csapps-volume-discount-tiers
           table.csapps-table       (Min QTY | Discount)
   The default app styles render the inner div at ~50% of the available
   width with a generic black/white table. We force full width, even
   50/50 columns, and Gorilla Vapes brand styling (signature red,
   Oswald headings, Inter body).
   ===================================================================== */

.aiod-volume-discount-wrap {
  width: 100%;
  margin: 24px 0;
}

.aiod-volume-discount-wrap .offer-wrpper {
  width: 100%;
  display: block;
}

/* "Buy More, Save More!" heading hidden — the table itself communicates
   this clearly enough, and the heading was visually competing with the
   product H1. We keep the markup so the AIOD app's other instances of
   the widget aren't broken if the heading text changes upstream. */
.aiod-volume-discount-wrap .heading_table {
  display: none !important;
}

.aiod-volume-discount-wrap .csapps-volume-discount-tiers {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.aiod-volume-discount-wrap table.csapps-table {
  width: 100% !important;
  table-layout: fixed; /* enforces 50/50 column widths regardless of content */
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  background: transparent;
  border: 1px solid rgba(var(--color-foreground, 0, 0, 0), 0.08);
  border-radius: 10px;
  overflow: hidden;
  font-family: var(--font-body-family, "Inter", sans-serif);
  box-shadow: 0 4px 14px -10px rgba(0, 0, 0, 0.18);
}

/* Header row — signature red */
.aiod-volume-discount-wrap table.csapps-table thead th {
  width: 50%;
  background: rgb(255, 5, 65);
  color: #fff;
  font-family: var(--font-body-family, "Inter", sans-serif);
  font-weight: 700;
  font-size: 1.4rem;             /* 14px — matches small uppercase labels */
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 16px 18px;
  text-align: center;
  border: 0;
  white-space: nowrap;
}

.aiod-volume-discount-wrap table.csapps-table thead th + th {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

/* Body cells */
.aiod-volume-discount-wrap table.csapps-table tbody td {
  width: 50%;
  padding: 16px 18px;
  border: 0;
  border-top: 1px solid rgba(var(--color-foreground, 0, 0, 0), 0.06);
  background: rgb(var(--color-background, 255, 255, 255));
  color: rgb(var(--color-foreground, 0, 0, 0));
  font-size: 1.6rem;             /* 16px — slightly above body for table emphasis */
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}

.aiod-volume-discount-wrap table.csapps-table tbody td + td {
  border-left: 1px solid rgba(var(--color-foreground, 0, 0, 0), 0.06);
}

/* Min-QTY column: keep a slightly heavier weight so the trigger qty pops */
.aiod-volume-discount-wrap table.csapps-table tbody td:first-child {
  font-weight: 700;
  font-size: 1.9rem;             /* 19px — anchors the trigger qty visually */
  color: rgb(var(--color-foreground, 0, 0, 0));
  letter-spacing: -0.01em;
}

/* Discount column: keep the price and surrounding copy in a clean stack */
.aiod-volume-discount-wrap .csapps-price {
  display: inline;
  font-weight: 500;
}

.aiod-volume-discount-wrap .csapps-price .money {
  font-weight: 700;
  color: rgb(255, 5, 65);
  margin-left: 2px;
}

/* Hover: subtle tint per row to make the table feel interactive */
.aiod-volume-discount-wrap table.csapps-table tbody tr:hover td {
  background: rgba(255, 5, 65, 0.04);
}

/* Footnote — "Discount applied automatically at the cart page" — sits
   directly under the table to set buyer expectation. Rendered via ::after
   on the wrap so we don't need to alter the AIOD app's markup. */
.aiod-volume-discount-wrap::after {
  content: "Discount applied automatically at the cart page.";
  display: block;
  font-family: var(--font-body-family, "Inter", sans-serif);
  font-size: 1.3rem;                  /* 13px — compact note */
  font-weight: 500;
  color: rgb(var(--color-foreground-secondary, 103, 115, 124));
  margin-top: 10px;
  text-align: center;
  letter-spacing: 0.02em;
}

/* Mobile — keep 50/50 (table-layout: fixed already enforces it),
   tighten paddings so the price never wraps oddly. Sizes still target the
   theme's 10px html base. */
@media (max-width: 600px) {
  .aiod-volume-discount-wrap .heading_table {
    font-size: 1.9rem;           /* 19px */
  }
  .aiod-volume-discount-wrap table.csapps-table thead th {
    padding: 12px 10px;
    font-size: 1.25rem;          /* 12.5px */
  }
  .aiod-volume-discount-wrap table.csapps-table tbody td {
    padding: 13px 10px;
    font-size: 1.45rem;          /* 14.5px — matches body */
  }
  .aiod-volume-discount-wrap table.csapps-table tbody td:first-child {
    font-size: 1.7rem;           /* 17px */
  }
}

/* Dark scheme — invert backgrounds so the widget still pops on dark */
[data-scheme="dark"] .aiod-volume-discount-wrap table.csapps-table,
@media (prefers-color-scheme: dark) {
  [data-scheme="auto"] .aiod-volume-discount-wrap table.csapps-table {
    border-color: rgba(255, 255, 255, 0.10);
  }
}