/** Shopify CDN: Minification failed

Line 1587:33 Unexpected "__buttons"

**/
/* Product description & Specification Table Styling */
.description_style,
.specs-table,
.tab-pane table,
#TabSpecification-custom table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 20px 0 !important;
  background-color: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.description_style th, 
.description_style td,
.specs-table th,
.specs-table td,
.tab-pane table th,
.tab-pane table td,
#TabSpecification-custom table th,
#TabSpecification-custom table td {
  padding: 12px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #dddddd !important;
  vertical-align: middle !important;
  background-color: transparent !important;
}

/* Header Row (1st row: CATEGORY / DETAILS) - Premium Gunmetal with Orange Accent Line */
.description_style thead tr th,
.description_style thead tr td,
.description_style > tr:first-child th,
.description_style > tr:first-child td,
.description_style > tbody:first-child > tr:first-child th,
.description_style > tbody:first-child > tr:first-child td,
.specs-table thead tr th,
.specs-table thead tr td,
.specs-table > tr:first-child th,
.specs-table > tr:first-child td,
.specs-table > tbody:first-child > tr:first-child th,
.specs-table > tbody:first-child > tr:first-child td,
.tab-pane table thead tr th,
.tab-pane table thead tr td,
.tab-pane table > tr:first-child th,
.tab-pane table > tr:first-child td,
.tab-pane table > tbody:first-child > tr:first-child th,
.tab-pane table > tbody:first-child > tr:first-child td,
#TabSpecification-custom table thead tr th,
#TabSpecification-custom table thead tr td,
#TabSpecification-custom table > tr:first-child th,
#TabSpecification-custom table > tr:first-child td,
#TabSpecification-custom table > tbody:first-child > tr:first-child th,
#TabSpecification-custom table > tbody:first-child > tr:first-child td {
  background-color: #ff7a41 !important; /* Brand orange header background */
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-bottom: 2px solid #ff7a41 !important; /* Brand orange accent line under header */
  font-size: 12px !important;
}

/* Data Rows (2nd row and below) - Shaded dark background for keys, transparent for values */
/* First column (Labels) of data rows - Shaded dark background */
.description_style tr:not(:first-child) td:first-child,
.description_style tr:not(:first-child) th:first-child,
.description_style thead + tbody tr td:first-child,
.description_style thead + tbody tr th:first-child,
.specs-table tr:not(:first-child) td:first-child,
.specs-table tr:not(:first-child) th:first-child,
.specs-table thead + tbody tr td:first-child,
.specs-table thead + tbody tr th:first-child,
.tab-pane table tr:not(:first-child) td:first-child,
.tab-pane table tr:not(:first-child) th:first-child,
.tab-pane table thead + tbody tr td:first-child,
.tab-pane table thead + tbody tr th:first-child,
#TabSpecification-custom table tr:not(:first-child) td:first-child,
#TabSpecification-custom table tr:not(:first-child) th:first-child,
#TabSpecification-custom table thead + tbody tr td:first-child,
#TabSpecification-custom table thead + tbody tr th:first-child {
  width: 240px !important;
  background-color: #161616 !important; /* Slightly lighter shade of black for labels */
  color: #ffffff !important;
  font-weight: 600 !important;
  text-align: left !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  /* Reset header styles in case of first-child gotcha on tbody */
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 13px !important;
}

/* Second column (Values) of data rows - Transparent background */
.description_style tr:not(:first-child) td:last-child,
.description_style tr:not(:first-child) th:last-child,
.description_style thead + tbody tr td:last-child,
.description_style thead + tbody tr th:last-child,
.specs-table tr:not(:first-child) td:last-child,
.specs-table tr:not(:first-child) th:last-child,
.specs-table thead + tbody tr td:last-child,
.specs-table thead + tbody tr th:last-child,
.tab-pane table tr:not(:first-child) td:last-child,
.tab-pane table tr:not(:first-child) th:last-child,
.tab-pane table thead + tbody tr td:last-child,
.tab-pane table thead + tbody tr th:last-child,
#TabSpecification-custom table tr:not(:first-child) td:last-child,
#TabSpecification-custom table tr:not(:first-child) th:last-child,
#TabSpecification-custom table thead + tbody tr td:last-child,
#TabSpecification-custom table thead + tbody tr th:last-child {
  background-color: transparent !important; /* Value cells are transparent showing dark table bg */
  color: #cccccc !important;
  /* Reset header styles in case of first-child gotcha on tbody */
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: normal !important;
  font-size: 13px !important;
  text-align: center !important;
}

/* Center-align the header of the Details column */
.description_style thead tr th:last-child,
.description_style thead tr td:last-child,
.specs-table thead tr th:last-child,
.specs-table thead tr td:last-child,
.tab-pane table thead tr th:last-child,
.tab-pane table thead tr td:last-child,
#TabSpecification-custom table thead tr th:last-child,
#TabSpecification-custom table thead tr td:last-child {
  text-align: center !important;
}

/* Premium Subtle Row Hover Highlight (Overrides custom injected bright orange hover backgrounds) */
.description_style tbody tr:hover,
.description_style tbody tr:hover td,
.specs-table tbody tr:hover,
.specs-table tbody tr:hover td,
.tab-pane table tbody tr:hover,
.tab-pane table tbody tr:hover td,
#TabSpecification-custom table tbody tr:hover,
#TabSpecification-custom table tbody tr:hover td {
  background-color: rgba(255, 255, 255, 0.05) !important; /* Premium subtle highlight */
  color: #ffffff !important;
}

/* Ensure label column maintains its distinct shading even during row hover, or highlights slightly */
.description_style tbody tr:hover td:first-child,
.description_style tbody tr:hover th:first-child,
.specs-table tbody tr:hover td:first-child,
.specs-table tbody tr:hover th:first-child,
.tab-pane table tbody tr:hover td:first-child,
.tab-pane table tbody tr:hover th:first-child,
#TabSpecification-custom table tbody tr:hover td:first-child,
#TabSpecification-custom table tbody tr:hover th:first-child {
  background-color: #1c1f26 !important; /* Shaded highlight blend for keys */
}
/* login page  */
    .hidden-background .page-main {
        background-color: #1d1d1d !important;
    }

/* ====================================================
   ARMERADO UI/UX FIXES
   Applied from Armerado Growth Strategy audit
   ==================================================== */

/* ----- 1. Fix truncated product titles ----- */
/* Allow product titles to wrap instead of being cut off */
.prd-title {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
}

.prd-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.35;
  min-height: 2.7em;
}

/* On mobile, allow 3 lines for readability */
@media (max-width: 767px) {
  .prd-title a {
    -webkit-line-clamp: 3;
    min-height: 4.05em;
    font-size: 12px;
  }
}

/* ----- 2. Sticky Add to Cart (mobile only) ----- */
.sticky-atc-bar {
  display: none;
}

@media (max-width: 767px) {
  .sticky-atc-bar {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #1a1a1a;
    border-top: 1px solid #333;
    padding: 8px 12px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5);
  }

  .sticky-atc-bar.is-visible {
    transform: translateY(0);
  }

  .sticky-atc-bar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    max-width: 100%;
  }

  .sticky-atc-bar__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .sticky-atc-bar__title {
    font-size: 12px;
    color: #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sticky-atc-bar__price {
    font-size: 15px;
    font-weight: 700;
    color: #ff7a41;
  }

  .sticky-atc-bar__compare-price {
    font-size: 12px;
    color: #888;
    margin-left: 6px;
    font-weight: 400;
  }

  .sticky-atc-bar__btn {
    flex-shrink: 0;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #ff7a41;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.2s;
  }

  .sticky-atc-bar__btn:hover,
  .sticky-atc-bar__btn:active {
    background: #e06930;
  }

  .sticky-atc-bar__btn i {
    font-size: 14px;
  }

  /* Add bottom padding to body on product pages to prevent content from hiding behind sticky bar */
  .page-product {
    padding-bottom: 65px;
  }
}

/* ----- 3. Declutter floating widgets — Desktop + Mobile ----- */

/* === Desktop: Space out the right-side widget stack === */

/* Back-to-top: raise it well above the Shopify Inbox button */
.back-to-top.is-visible,
.js-back-to-top.is-visible {
  bottom: 90px !important;
  right: 24px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px;
  opacity: 0.8;
  z-index: 999 !important;
  transition: opacity 0.3s, bottom 0.3s;
}

.back-to-top.is-visible:hover {
  opacity: 1;
}

/* WhatsApp widget: move to LEFT side to avoid all stacking */
[class*="whatsapp-widget"],
[class*="wa-widget"],
.wa_btn_circle,
#wa-widget,
.whatsapp-btn,
div[data-app="whatsapp"] {
  right: auto !important;
  left: 20px !important;
  bottom: 20px !important;
  z-index: 998 !important;
}

/* Shopify Inbox chat: keep at default bottom-right, shrink slightly */
#ShopifyChat,
#shopify-chat,
shopify-chat {
  z-index: 997 !important;
}

/* === Mobile: Compact everything further === */
@media (max-width: 767px) {

  /* Back-to-top: move to left, make smaller */
  .back-to-top,
  .back-to-top.is-visible,
  .js-back-to-top,
  .js-back-to-top.is-visible {
    right: auto !important;
    left: 14px !important;
    bottom: 70px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
    opacity: 0.65;
    border-radius: 6px;
  }

  /* WhatsApp: left side, smaller */
  [class*="whatsapp-widget"],
  [class*="wa-widget"],
  .wa_btn_circle,
  #wa-widget,
  .whatsapp-btn,
  div[data-app="whatsapp"] {
    left: 14px !important;
    bottom: 14px !important;
    transform: scale(0.82);
    transform-origin: bottom left;
  }

  /* Chat widget: slightly smaller on mobile */
  [class*="chat-widget"],
  .chat-button,
  #chat-widget-container {
    transform: scale(0.85);
    transform-origin: bottom right;
  }
}

/* ----- 4. Hide currency selector on mobile ----- */
@media (max-width: 767px) {
  .header-currency,
  .currencies-list,
  .currency-picker,
  .hdr .header-languages-currencies,
  .header-languages-currencies {
    display: none !important;
  }
}

/* ----- 7. Cross-sell "Complete Your EDC Kit" section ----- */
.cross-sell-section {
  margin-top: 25px;
  padding: 20px;
  border: 1px solid #333;
  border-radius: 6px;
  background: #1a1a1a;
}

.cross-sell-section__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px solid #333;
}

.cross-sell-section__header i {
  font-size: 22px;
  color: #ff7a41;
}

.cross-sell-section__title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cross-sell-section__products {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 5px;
}

.cross-sell-card {
  flex: 0 0 auto;
  width: calc(33.333% - 8px);
  min-width: 140px;
  max-width: 180px;
  background: #222;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #333;
  transition: border-color 0.2s;
  display: flex;
  flex-direction: column;
}

.cross-sell-card:hover {
  border-color: #ff7a41;
}

.cross-sell-card__link {
  display: block;
  text-decoration: none;
  color: inherit;
  flex: 1;
}

.cross-sell-card__img {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: #1a1a1a;
}

.cross-sell-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.cross-sell-card:hover .cross-sell-card__img img {
  transform: scale(1.05);
}

.cross-sell-card__info {
  padding: 8px 10px 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cross-sell-card__name {
  font-size: 11px;
  color: #ccc;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cross-sell-card__price {
  font-size: 13px;
  font-weight: 700;
  color: #ff7a41;
}

.cross-sell-card__price s {
  font-size: 11px;
  color: #666;
  font-weight: 400;
  margin-left: 4px;
}

.cross-sell-card__add {
  margin: 6px 8px 8px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  color: #ff7a41;
  border: 1px solid #ff7a41;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.cross-sell-card__add:hover {
  background: #ff7a41;
  color: #fff;
}

.cross-sell-card__add i {
  font-size: 12px;
}

@media (max-width: 767px) {
  .cross-sell-section {
    padding: 15px;
    margin-top: 20px;
  }

  .cross-sell-card {
    width: 140px;
    min-width: 130px;
  }
}

/* ----- 8. Trust badges on product page ----- */
.prd-trust-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 15px;
  padding: 12px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.prd-trust-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(255, 122, 65, 0.08);
  border: 1px solid rgba(255, 122, 65, 0.2);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.prd-trust-badge i {
  font-size: 16px;
  color: #ff7a41;
}

@media (max-width: 767px) {
  .prd-trust-badges {
    gap: 6px;
  }

  .prd-trust-badge {
    padding: 5px 8px;
    font-size: 10px;
  }

  .prd-trust-badge i {
    font-size: 14px;
  }
}

/* ----- 5. SEO H1 — screen-reader only (kept for SEO, hidden visually) ----- */
.h1-seo {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ----- 6. Free Shipping Progress Bar ----- */
.fs-progress-bar {
  padding: 12px 15px;
  margin: 12px 0 6px;
  background: rgba(255, 122, 65, 0.06);
  border: 1px solid rgba(255, 122, 65, 0.15);
  border-radius: 6px;
}

.fs-progress-bar--cart {
  margin: 20px 0;
  padding: 16px 20px;
}

.fs-progress-bar__msg {
  font-size: 13px;
  color: #ccc;
  margin-bottom: 8px;
  line-height: 1.4;
}

.fs-progress-bar__msg b {
  color: #ff7a41;
}

.fs-progress-bar__msg span {
  margin-right: 4px;
}

.fs-progress-bar__msg--done {
  color: #4caf50;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
}

.fs-progress-bar__msg--done b {
  color: #4caf50;
}

.fs-progress-bar__track {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  overflow: hidden;
}

.fs-progress-bar__fill {
  height: 100%;
  background: linear-gradient(90deg, #ff7a41, #ff9a61);
  border-radius: 3px;
  transition: width 0.4s ease;
  min-width: 2%;
}

.fs-progress-bar__msg--done + .fs-progress-bar__track .fs-progress-bar__fill {
  background: linear-gradient(90deg, #4caf50, #66bb6a);
}

/* ----- 7. Recent Purchases Toast Notification ----- */
.rp-toast {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 9999;
  max-width: 360px;
  width: calc(100% - 48px);
  pointer-events: none;
  opacity: 0;
  transform: translateY(20px) scale(0.96);
  transition: opacity 0.4s ease, transform 0.4s ease, bottom 0.3s ease;
}

.rp-toast--visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: all;
}

.rp-toast__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px 14px 18px;
  background: linear-gradient(90deg, rgba(255, 122, 65, 0.10), rgba(0, 0, 0, 0)) #141414;
  border: 1px solid rgba(255, 122, 65, 0.25);
  border-left: 3px solid #ff7a41;
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.55);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  position: relative;
}

.rp-toast__close {
  position: absolute;
  top: 6px;
  right: 10px;
  background: none;
  border: none;
  color: #666;
  font-size: 18px;
  cursor: pointer;
  padding: 2px 6px;
  line-height: 1;
  transition: color 0.2s;
}

.rp-toast__close:hover {
  color: #fff;
}

.rp-toast__img {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  background: #222;
}

.rp-toast__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rp-toast__body {
  flex: 1;
  min-width: 0;
}

.rp-toast__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.rp-toast__verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  color: #ff7a41;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rp-toast__pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff7a41;
  animation: rpPulse 1.6s ease-in-out infinite;
}
@keyframes rpPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 122, 65, 0.55); }
  50%      { box-shadow: 0 0 0 5px rgba(255, 122, 65, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .rp-toast__pulse { animation: none; }
}

.rp-toast__time {
  font-size: 10px;
  color: #666;
}

.rp-toast__message {
  font-size: 12px;
  color: #999;
  line-height: 1.3;
}

.rp-toast__message b {
  color: #ccc;
}

.rp-toast__product {
  margin-top: 3px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rp-toast__product a {
  color: #ff7a41;
  text-decoration: none;
  font-weight: 600;
}

.rp-toast__product a:hover {
  text-decoration: underline;
}

.rp-toast__product span {
  color: #888;
  font-weight: 400;
}

@media (max-width: 480px) {
  .rp-toast {
    left: 12px;
    bottom: 12px;
    max-width: calc(100% - 24px);
  }
  .rp-toast__inner {
    padding: 10px 12px;
    gap: 10px;
  }
  .rp-toast__img {
    width: 44px;
    height: 44px;
  }
}

/* ----- 8. Recent Purchases Section Grid ----- */
.rp-section__subtitle {
  color: #888;
  font-size: 14px;
  margin-top: -8px;
  margin-bottom: 24px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
}

.rp-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .rp-section__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .rp-section__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.rp-card {
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.3s, transform 0.2s;
}

.rp-card:hover {
  border-color: rgba(255, 122, 65, 0.3);
  transform: translateY(-3px);
}

.rp-card__link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.rp-card__img-wrap {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  background: #111;
}

.rp-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s;
}

.rp-card:hover .rp-card__img {
  transform: scale(1.05);
}

.rp-card__badge {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  font-size: 10px;
  font-weight: 600;
  color: #4caf50;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.rp-card__badge-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4caf50;
  animation: rp-pulse 2s infinite;
}

@keyframes rp-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.rp-card__info {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rp-card__title {
  font-size: 13px;
  font-weight: 600;
  color: #ddd;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.rp-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rp-card__price {
  font-size: 14px;
  font-weight: 700;
  color: #ff7a41;
}

.rp-card__compare {
  font-size: 12px;
  color: #666;
  font-weight: 400;
}

.rp-card__location {
  font-size: 11px;
  color: #777;
  margin-top: 2px;
}

@media (max-width: 480px) {
  .rp-card__info {
    padding: 8px 10px 10px;
  }
  .rp-card__title {
    font-size: 11px;
  }
  .rp-card__price {
    font-size: 12px;
  }
  .rp-card__badge {
    font-size: 8px;
    padding: 3px 7px;
  }
}

/* ----- 9. Enhanced Footer — Emoji-style columns ----- */
.footer-enhanced {
  padding: 50px 0 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.footer-enhanced__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr 1fr;
  gap: 30px;
}

@media (max-width: 991px) {
  .footer-enhanced__grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px 24px;
  }
}

@media (max-width: 575px) {
  .footer-enhanced__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.footer-enhanced__col--brand .footer-logo {
  margin-bottom: 14px;
}

.footer-enhanced__tagline {
  font-size: 13px;
  color: #999;
  line-height: 1.5;
  margin-bottom: 18px;
  text-transform: none;
  font-weight: 400;
}

.footer-enhanced__contact-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}

.footer-enhanced__contact-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: #aaa;
  line-height: 1.5;
}

.footer-enhanced__contact-item a {
  color: #ccc;
  text-decoration: none;
  transition: color 0.2s;
}

.footer-enhanced__contact-item a:hover {
  color: #ff7a41;
}

.footer-enhanced__heading {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(255, 122, 65, 0.3);
  display: inline-block;
}

.footer-enhanced__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-enhanced__links li a {
  font-size: 13px;
  color: #999;
  text-decoration: none;
  transition: color 0.2s, padding-left 0.2s;
  display: inline-block;
}

.footer-enhanced__links li a:hover {
  color: #ff7a41;
  padding-left: 4px;
}

.footer-enhanced__info-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-enhanced__info-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: #ccc;
  line-height: 1.5;
}

.footer-enhanced__info-icon {
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

.footer-enhanced__info-item strong {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.footer-enhanced__info-detail {
  font-size: 12px;
  color: #888;
  line-height: 1.6;
}

.footer-enhanced__info-detail a {
  color: #ff7a41;
  text-decoration: none;
}

.footer-enhanced__info-detail a:hover {
  text-decoration: underline;
}

.footer-enhanced__help {
  margin-top: 8px;
}

/* Sale badge variant */
.rp-card__badge--sale {
  color: #ff5722;
  background: rgba(0, 0, 0, 0.8);
}

/* ----- 10. Share Link with UTM ----- */
.prd-share-link {
  margin: 12px 0 14px;
  padding: 10px 0;
}

.prd-share-link__label {
  display: block;
  font-size: 12px;
  color: #888;
  margin-bottom: 6px;
  font-weight: 600;
}

.prd-share-link__box {
  display: flex;
  gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  overflow: hidden;
}

.prd-share-link__input {
  flex: 1;
  background: #111;
  border: none;
  color: #aaa;
  font-size: 11px;
  padding: 8px 10px;
  outline: none;
  min-width: 0;
}

.prd-share-link__btn {
  background: #ff7a41;
  color: #fff;
  border: none;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

.prd-share-link__btn:hover {
  background: #e86a30;
}

/* ----- 11. Trending Now Horizontal Scroll ----- */
.trending-horizontal {
  background: #111;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.trending-horizontal__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.trending-horizontal__icon {
  font-size: 20px;
}

.trending-horizontal__title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.trending-horizontal__scroll {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,122,65,0.3) transparent;
}

.trending-horizontal__scroll::-webkit-scrollbar {
  height: 4px;
}

.trending-horizontal__scroll::-webkit-scrollbar-thumb {
  background: rgba(255,122,65,0.3);
  border-radius: 4px;
}

.trending-horizontal__card {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

.trending-horizontal__link {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  padding: 6px;
  border-radius: 8px;
  transition: background 0.2s;
}

.trending-horizontal__link:hover {
  background: rgba(255, 255, 255, 0.04);
}

.trending-horizontal__img {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: #1a1a1a;
}

.trending-horizontal__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.trending-horizontal__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 120px;
  max-width: 180px;
}

.trending-horizontal__name {
  font-size: 13px;
  font-weight: 600;
  color: #ddd;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trending-horizontal__price {
  font-size: 13px;
  font-weight: 700;
  color: #ff7a41;
}

.trending-horizontal__price s {
  color: #666;
  font-weight: 400;
  font-size: 11px;
  margin-left: 6px;
}

@media (max-width: 480px) {
  .trending-horizontal {
    padding: 14px;
  }
  .trending-horizontal__img {
    width: 64px;
    height: 64px;
  }
  .trending-horizontal__info {
    min-width: 100px;
    max-width: 140px;
  }
}

/* ----- 12. Footer extras ----- */
.footer-enhanced__social li a i {
  margin-right: 6px;
  font-size: 14px;
  color: #ff7a41;
  transition: color 0.2s;
}

.footer-enhanced__social li a:hover i {
  color: #fff;
}

.footer-enhanced__info-icon-i {
  font-size: 18px;
  color: #ff7a41;
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 4px;
}

.footer-enhanced__wa-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #25D366;
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  transition: background 0.2s;
}

.footer-enhanced__wa-link:hover {
  background: #1ebe5d;
  color: #fff;
}

.footer-enhanced__heading i {
  margin-right: 6px;
  color: #ff7a41;
}

.footer-enhanced__contact-item i {
  color: #ff7a41;
  font-size: 14px;
  margin-top: 3px;
  flex-shrink: 0;
}

/* ----- 13. Compact Product Tabs (Description/Specification tabbed) ----- */
.product-tab.nav-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  background-color: #1a1a1a !important; /* Lighter shade of black for the tab bar */
  border-radius: 8px 8px 0 0;
  padding: 0 10px;
}

.product-tab.nav-tabs::-webkit-scrollbar {
  display: none;
}

.product-tab.nav-tabs li {
  flex-shrink: 0;
}

.product-tab.nav-tabs li a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
  border: none;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
  white-space: nowrap;
}

.product-tab.nav-tabs li a:hover,
.product-tab.nav-tabs li a.active,
.product-tab.nav-tabs li.active a,
.product-tab.nav-tabs li.active a:focus,
.product-tab.nav-tabs li.active a:hover {
  color: #ff7a41 !important;
  border-bottom-color: #ff7a41 !important;
  background: transparent !important;
  background-color: transparent !important;
}

.holder.mt-5.global_width {
  margin-top: 40px !important;
}

.holder.mt-5.global_width .tab-content {
  max-height: 450px;
  overflow-y: auto;
  padding: 25px !important;
  background-color: #141414 !important; /* Distinct dark grey background for the content card */
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-top: none;
  border-radius: 0 0 8px 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 122, 65, 0.25) transparent;
}

.holder.mt-5.global_width .tab-content::-webkit-scrollbar {
  width: 4px;
}

.holder.mt-5.global_width .tab-content::-webkit-scrollbar-thumb {
  background: rgba(255, 122, 65, 0.25);
  border-radius: 4px;
}

/* ----- 14. Trending Now Auto-scroll ----- */
@keyframes trendingScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.trending-horizontal__scroll--auto {
  animation: trendingScroll 55s linear infinite;
  flex-wrap: nowrap;
  width: max-content;
  overflow: hidden;
}

.trending-horizontal__scroll--auto:hover {
  animation-play-state: paused;
}

.trending-horizontal__scroll {
  overflow: hidden;
}

/* ----- 15. Collections list images clickable ----- */
.collection-item .collection-item-img {
  cursor: pointer;
}

.collection-item .collection-item-img a {
  display: block;
  width: 100%;
  height: 100%;
}

/* ----- 16. Footer chat section ----- */
.footer-enhanced__chat-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #25D366;
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  transition: background 0.2s;
  margin-top: 8px;
}

.footer-enhanced__chat-link:hover {
  background: #1ebe5d;
  color: #fff;
}

/* ----- 17. Product Tabs Dark Mode Table Styling -----
   Consolidated and upgraded in the global specifications table styling block
   at the top of this file to support clean gunmetal headers, shaded keys,
   tactical subtle hover states, and to prevent the first-child table row gotcha.
   ----------------------------------------------------- */

/* ----- 18. Horizontal Social Media Icons ----- */
.footer-enhanced__social-icons {
  display: flex;
  flex-wrap: nowrap; /* Prevent wrapping to a second row */
  gap: 8px; /* Slightly tighter gap */
  list-style: none;
  padding: 0;
  margin: 12px 0 0 0;
}

.footer-enhanced__social-icons li {
  margin: 0 !important;
  padding: 0 !important;
}

.footer-enhanced__social-icons li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px; /* Slightly smaller size to fit perfectly in a narrow column */
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  color: #ccc;
  font-size: 14px; /* Proportional font size */
  transition: all 0.25s ease;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-enhanced__social-icons li a:hover {
  background: #ff7a41;
  color: #fff;
  border-color: #ff7a41;
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(255, 122, 65, 0.3);
}

/* ----- 19. Elegant, Compact Privacy & Cookie Consent Banner ----- */
#shopify-privacy-banner,
.shopify-privacy-banner,
#shopify-privacy-banner-container,
.shopify-privacy-banner__dialog,
[id*="shopify-privacy-banner"],
[class*="shopify-privacy-banner"] {
  position: fixed !important;
  z-index: 2147483647 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 320px !important;
  width: calc(100% - 32px) !important;
  bottom: 16px !important;
  right: 16px !important;
  left: auto !important;
  padding: 16px !important;
  background: rgba(20, 20, 20, 0.96) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

/* Make header smaller and capital */
.shopify-privacy-banner__title,
.shopify-privacy-banner__dialog h3,
.shopify-privacy-banner__dialog h4,
[class*="shopify-privacy-banner"] h3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Description / Text size reduced */
.shopify-privacy-banner__description,
.shopify-privacy-banner__dialog p,
[class*="shopify-privacy-banner"] p {
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #bbb !important;
  margin-bottom: 12px !important;
}

.shopify-privacy-banner__description a,
.shopify-privacy-banner__dialog p a {
  color: #ff7a41 !important;
  text-decoration: underline !important;
}

/* Buttons Container */
.shopify-privacy-banner__action-buttons,
.shopify-privacy-banner__buttons,
.shopify-privacy-banner__dialog-buttons,
[class*="shopify-privacy-banner"]__buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

/* Individual Buttons compact styling */
.shopify-privacy-banner__btn,
.shopify-privacy-banner__action-buttons button,
.shopify-privacy-banner__buttons button,
[class*="shopify-privacy-banner"] button {
  flex: 1 1 auto !important;
  padding: 8px 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  text-align: center !important;
}

/* Accept / Primary Button */
.shopify-privacy-banner__btn-accept,
.shopify-privacy-banner__btn--accept,
.shopify-privacy-banner__action-buttons button:first-of-type,
[class*="shopify-privacy-banner"] button[class*="accept"] {
  background: #ff7a41 !important;
  color: #fff !important;
  border: 1px solid #ff7a41 !important;
}

.shopify-privacy-banner__btn-accept:hover,
.shopify-privacy-banner__btn--accept:hover {
  background: #e86a30 !important;
  border-color: #e86a30 !important;
}

/* Decline / Secondary Button */
.shopify-privacy-banner__btn-decline,
.shopify-privacy-banner__btn--decline,
.shopify-privacy-banner__action-buttons button:last-of-type,
[class*="shopify-privacy-banner"] button[class*="decline"] {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ccc !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.shopify-privacy-banner__btn-decline:hover,
.shopify-privacy-banner__btn--decline:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

/* Preferences / Link Button */
.shopify-privacy-banner__btn-preferences,
.shopify-privacy-banner__btn--preferences,
.shopify-privacy-banner__action-buttons a,
[class*="shopify-privacy-banner"] a[class*="preferences"] {
  font-size: 11px !important;
  color: #999 !important;
  text-decoration: underline !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-right: auto !important;
  width: 100% !important;
  text-align: left !important;
  display: block !important;
  margin-bottom: 4px !important;
}

.shopify-privacy-banner__btn-preferences:hover {
  color: #ff7a41 !important;
}

/* ----- 20. Category Grid Banners Centering & Image Containment ----- */
.collection-item-img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #121212 !important;
}

.collection-item-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ----- 21. Hero Slideshow Image Containment ----- */
.bnslider-image, 
.bnslider-image-mobile {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #0d0d0d !important; /* Seamless dark-theme blend */
}

/* ----- 22. Show All Buttons Global Bottom Margins ----- */
.more-link-wrapper {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 767px) {
  .more-link-wrapper {
    margin-bottom: 30px !important;
  }
}

/* ----- 23. Whatmore Carousel Font Consistency ----- */
.whatmore-base,
.whatmore-base *,
.whatmore-widget,
.whatmore-widget * {
  font-family: 'Inter', sans-serif !important;
}

.whatmore-base h1,
.whatmore-base h2,
.whatmore-base h3,
.whatmore-base h4,
.whatmore-base .whatmore-header,
.whatmore-base [class*="heading"],
.whatmore-base [class*="title"] {
  font-family: 'Russo One', 'Inter', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  color: #ffffff !important;
}

/* ----- 24. Banners Two / Poster Section Scaling & Image Containment ----- */
.category-with-bg-image {
  height: 380px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 8px !important;
  width: 100% !important;
}

.category-with-bg-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
  transition: none !important;
}

@media screen and (max-width: 767px) {
  .category-with-bg-image {
    height: 220px !important;
  }
}

/* Disable default zoom on hover to avoid cropping */
body:not(.zoom-off) .category-with-bg:hover .category-with-bg-image img {
  transform: none !important;
}

/* ----- 25. Footer WhatsApp Contact Hover Polish ----- */
.footer-whatsapp-link {
  color: #e0e0e0 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.2s ease !important;
}
.footer-whatsapp-link span {
  color: #ff7a41 !important; /* Keep default orange number */
  transition: color 0.2s ease !important;
}
.footer-whatsapp-link:hover,
.footer-whatsapp-link:hover span {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Footer WhatsApp SVG Icon styling */
.footer-wa-svg-icon {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  fill: currentColor !important; /* Dynamically inherits text hover colors */
  transition: fill 0.2s ease, transform 0.2s ease !important;
}

.footer-whatsapp-link:hover .footer-wa-svg-icon {
  fill: #ffffff !important;
}

.footer-enhanced__chat-link:hover .footer-wa-svg-icon,
.footer-enhanced__wa-link:hover .footer-wa-svg-icon {
  transform: scale(1.1) !important;
}

/* ----- 26. Banners Two (New Arrivals) Premium Styling ----- */
.category-with-bg {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  text-decoration: none !important;
  height: auto !important;
  margin-top: 0 !important;
}

.category-with-bg-text {
  text-align: center !important;
  padding: 16px 20px 16px !important; /* Reduced padding to maximize image area */
  z-index: 2 !important;
}

.category-with-bg-title {
  font-size: 14px !important; /* Reduced text size as requested */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 6px !important;
  transition: color 0.3s ease !important;
}

.category-with-bg-subtitle {
  font-size: 11px !important; /* Reduced subtitle size */
  font-weight: 400 !important;
  color: #a0a0a0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 0 !important;
}

/* Hover effects */
.category-with-bg:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
}

.category-with-bg:hover .category-with-bg-title {
  color: #ff7a41 !important; /* Brand orange highlight on title hover */
}

/* ----- 27. Slideshow Navigation Dots and Arrows UI/UX ----- */
/* Explicitly position dots container at the bottom center of the slider */
.bnslider-wrapper .bnslider-dots {
  position: absolute !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  z-index: 15 !important;
}

.bnslider-wrapper .bnslider-dots .slick-dots {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: rgba(20, 20, 20, 0.65) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 10px 22px !important;
  border-radius: 30px !important;
  margin: 0 !important;
  width: auto !important;
  position: static !important; /* Static behavior inside its absolute parent capsule */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

.bnslider-wrapper .bnslider-dots .slick-dots li {
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

.bnslider-wrapper .bnslider-dots .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: none !important;
  background-color: rgba(255, 255, 255, 0.35) !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.bnslider-wrapper .bnslider-dots .slick-dots li button:before {
  display: none !important;
}

.bnslider-wrapper .bnslider-dots .slick-dots li.slick-active {
  width: 14px !important;
  height: 14px !important;
}

.bnslider-wrapper .bnslider-dots .slick-dots li.slick-active button {
  width: 12px !important;
  height: 12px !important;
  background-color: #ff7a41 !important; /* Brand orange active */
  box-shadow: 0 0 10px rgba(255, 122, 65, 0.9) !important;
}

/* Full height/width absolute arrows container */
.bnslider-wrapper .bnslider-arrows {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important; /* CRITICAL: Override the theme's translateX(-50%) which shifts the container */
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important; /* Clicks pass through to background slide */
  z-index: 10 !important;
}

/* Ensure the inner div doesn't restrict the size or position of the arrows */
.bnslider-wrapper .bnslider-arrows > div {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  pointer-events: none !important;
}

/* Glassmorphic Arrows centering and styling */
.bnslider-arrows .slick-prev,
.bnslider-arrows .slick-next {
  width: 48px !important;
  height: 48px !important;
  background: rgba(20, 20, 20, 0.5) !important; /* Darker background for better contrast on light slides */
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  pointer-events: auto !important; /* Capture clicks on arrows */
  z-index: 12 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding: 0 !important;
  margin: 0 !important;
  color: transparent !important; /* Hide original text */
  font-size: 0px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.bnslider-arrows .slick-prev {
  left: 20px !important;
}
.bnslider-arrows .slick-next {
  right: 20px !important;
}

/* Hover & Active States */
.bnslider-arrows .slick-prev:hover,
.bnslider-arrows .slick-next:hover {
  background: rgba(255, 122, 65, 0.15) !important; /* Brand orange tint on hover */
  border-color: #ff7a41 !important; /* Brand orange border on hover */
  transform: translateY(-50%) scale(1.08) !important;
}

.bnslider-arrows .slick-prev:active,
.bnslider-arrows .slick-next:active {
  transform: translateY(-50%) scale(0.95) !important;
}

/* Draw perfect CSS chevrons instead of relying on broken custom font glyphs */
.bnslider-arrows .slick-prev:before,
.bnslider-arrows .slick-next:before {
  content: '' !important;
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  border: 2px solid #ffffff !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  transition: border-color 0.2s ease !important;
  position: static !important; /* Reset absolute positioning from theme */
}

/* Rotate to make chevrons pointing left/right */
.bnslider-arrows .slick-prev:before {
  transform: rotate(-135deg) !important;
  margin-left: 4px !important; /* Visual centering adjustment for left chevron */
}

.bnslider-arrows .slick-next:before {
  transform: rotate(45deg) !important;
  margin-right: 4px !important; /* Visual centering adjustment for right chevron */
}

/* Change chevron color to brand orange on hover */
.bnslider-arrows .slick-prev:hover:before,
.bnslider-arrows .slick-next:hover:before {
  border-color: #ff7a41 !important;
}

/* ----- 28. Browse All Category Scroll Ticker Animation ----- */
@keyframes categoryScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.collections-carousel-container {
  overflow: hidden !important;
  width: 100% !important;
}

.collections-carousel-scroll {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  animation: categoryScroll 35s linear infinite !important; /* Faster ticker: 35s */
  margin: 0 !important;
  padding: 0 !important;
}

.collections-carousel-card {
  flex: 0 0 280px !important;
  max-width: 280px !important;
  margin-right: 20px !important;
  box-sizing: border-box !important;
}

/* ----- 29. Secondary Outline Style for WhatsApp Channel Button ----- */
.footer-enhanced__wa-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  color: #25D366 !important;
  border: 2px solid #25D366 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  transition: all 0.2s ease !important;
  margin-top: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

.footer-enhanced__wa-link:hover {
  background: #25D366 !important;
  color: #ffffff !important;
}

.footer-enhanced__wa-link svg {
  fill: #25D366 !important;
  transition: fill 0.2s ease !important;
}

.footer-enhanced__wa-link:hover svg {
  fill: #ffffff !important;
}

/* ----- 30. Product Card Layout Fixes (Vertical Stacking & Zero Clipping) ----- */
@media (min-width: 992px) {
  /* Stack the variant select dropdown and Add to Cart button vertically */
  .prd-inside form {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 8px !important;
  }

  /* Make variant selector select wrapper full width */
  .prd-inside .select-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
  }

  /* Restore right border and set standard height for variant selector */
  .prd-inside .select-wrapper select {
    width: 100% !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    height: 38px !important;
    font-size: 12px !important;
    line-height: 22px !important;
    padding: 7px 26px 7px 12px !important;
    text-transform: uppercase !important;
    background-color: #1c1f24 !important; /* Dark theme background for input */
    color: #fff !important;
    box-sizing: border-box !important;
  }

  /* Style the desktop Add to Cart button to be full width, prominent, and premium */
  .prd-inside .btn-select-desktop {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 38px !important;
    border-radius: 4px !important;
    background-color: #ff7a41 !important; /* Premium Armerado orange */
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    box-sizing: border-box !important;
  }

  .prd-inside .btn-select-desktop:hover {
    background-color: #e06930 !important;
    transform: scale(1.02) !important;
    color: #ffffff !important;
  }

  .prd-inside .btn-select-desktop:active {
    transform: scale(0.98) !important;
  }

  /* Ensure the checkmark sent status behaves nicely */
  .prd-inside .btn-select-desktop .text-sent {
    display: none !important;
  }

  .prd-inside .btn-select-desktop.added .text-sent {
    display: inline-block !important;
  }
}

/* Ensure product card images are contained, never cropped, and styled for dark tactical theme */
.prd-img-area {
  background-color: transparent !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.prd-img img {
  object-fit: contain !important;
  background-color: transparent !important;
}

/* ----- 31. Slideshow Banner Controls Adjustments ----- */
/* Remove the bottom-center dots pill completely from the slideshow */
.bnslider-wrapper .bnslider-dots {
  display: none !important;
}

/* Force slideshow left and right arrows to be visible on desktop */
.bnslider-wrapper .bnslider-arrows {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.bnslider-arrows .slick-prev,
.bnslider-arrows .slick-next {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ----- 32. Center Product Grids & Add Hover Spacing ----- */
/* Center product cards in grids when there are fewer items than columns */
.prd-grid:not(.prd-carousel) {
  justify-content: center !important;
}

/* Add sufficient space below the product grid/carousel before the Show All button */
.more-link-wrapper {
  margin-top: 50px !important;
}

/* ----- 33. Fix Cart Page Grey Button Visibility ----- */
/* Style the Clear Shopping Cart button for optimal contrast and dark tactical theme */
.btn--grey,
.btn--grey:active,
.btn--grey:active:focus,
.btn--grey:visited,
.btn--grey:focus {
  background-color: #2c3036 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  transition: all 0.2s ease !important;
}

.btn--grey:hover {
  background-color: #ff7a41 !important; /* Premium brand orange hover state */
  color: #ffffff !important;
  border-color: #ff7a41 !important;
}

/* ----- 34. 3D Highlight Gallery Hero Slideshow ----- */
.bnslider-wrapper:has(.bnslider-3d) {
  overflow: hidden;
}
.bnslider-3d {
  overflow: visible !important;
}
.bnslider-3d .slick-list {
  overflow: visible !important;
  padding: 40px 0 !important;
  perspective: 2000px !important;
  transform-style: preserve-3d !important;
}
.bnslider-3d .slick-track {
  transform-style: preserve-3d !important;
}
.bnslider-3d .bnslider-slide {
  transform-style: preserve-3d !important;
  backface-visibility: hidden;
  transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s ease, filter 1.2s ease !important;
  opacity: 0.4;
  filter: blur(2px) brightness(0.4);
  transform: translate3d(0, 0, -400px) rotateY(0deg) scale(0.85);
  border-radius: 8px;
  overflow: hidden;
}
/* Center Active Slide */
.bnslider-3d .bnslider-slide.slick-center {
  transform: translate3d(0, 0, 0) rotateY(0deg) scale(1.02) !important;
  opacity: 1 !important;
  filter: blur(0) brightness(1) !important;
  z-index: 100 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}
/* Left Adjacent Slide */
.bnslider-3d .bnslider-slide.slick-left {
  transform: translate3d(120px, 0, -280px) rotateY(35deg) scale(0.85) !important;
  opacity: 0.6 !important;
  filter: blur(1.5px) brightness(0.55) !important;
  z-index: 10 !important;
}
/* Right Adjacent Slide */
.bnslider-3d .bnslider-slide.slick-right {
  transform: translate3d(-120px, 0, -280px) rotateY(-35deg) scale(0.85) !important;
  opacity: 0.6 !important;
  filter: blur(1.5px) brightness(0.55) !important;
  z-index: 10 !important;
}
.bnslider-3d .bnslider-slide:not(.slick-center) .bnslider-text-wrap {
  opacity: 0 !important;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s;
}
.bnslider-3d .bnslider-slide.slick-center .bnslider-text-wrap {
  opacity: 1 !important;
  visibility: visible;
  transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s;
}

/* ----- 35. Minimalist Category Gallery Grid ----- */
.collections-gallery-minimalist {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  justify-content: center !important;
  gap: 30px !important;
  animation: none !important;
  margin: 0 auto !important; /* Reset margin to remove vertical gaps */
}
.collections-gallery-minimalist .collections-carousel-card {
  flex: 0 0 calc(33.333% - 20px) !important;
  max-width: calc(33.333% - 20px) !important;
  width: calc(33.333% - 20px) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.collections-gallery-minimalist .collections-carousel-card img {
  width: 100% !important;
  height: 100% !important; /* Render full height inside aspect-ratio container */
  object-fit: cover !important;
}
.collections-gallery-minimalist .collection-item-hover {
  display: none !important;
}
.collections-gallery-minimalist .collection-item.zoom-out:hover img {
  transform: none !important;
}
.collections-gallery-minimalist .collection-item {
  background: transparent !important;
  border: none !important;
  overflow: hidden !important;
  padding: 0 !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: none !important;
}
.collections-gallery-minimalist .collection-item:hover {
  box-shadow: none !important;
}
.collections-gallery-minimalist .collections-carousel-card:hover {
  transform: none !important;
}
.collections-gallery-minimalist .collection-item-img {
  aspect-ratio: 1 / 1 !important; /* Uniform premium square layout */
  width: 100% !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  border: none !important;
  background: transparent !important;
}
.collections-gallery-minimalist .collection-item-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: 1px !important;
  text-transform: none !important;
  margin: 12px 0 6px !important;
}
.collections-gallery-minimalist .collection-item p {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #888888 !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
  margin: 0 !important;
}
@media (max-width: 767px) {
  .collections-gallery-minimalist {
    gap: 0 !important;
    margin: 0 !important;
  }
  .collections-gallery-minimalist .collections-carousel-card {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding: 0 8px !important; /* Gutters between cards */
    margin-bottom: 24px !important; /* Vertical spacing between rows */
  }
}

/* ----- 36. Recent Purchases Section (Product Page) ----- */
.recent-purchases {
  padding: 50px 0;
  background: #111111;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
}
.recent-purchases__title {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1.5px;
  margin-bottom: 35px;
  text-transform: uppercase;
}
.recent-purchases__carousel-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}
.recent-purchases__carousel {
  display: flex;
  gap: 20px;
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
}
.recent-purchases__card {
  flex: 0 0 calc(33.333% - 14px);
  min-width: 280px;
  display: flex;
  gap: 15px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 15px;
  box-sizing: border-box;
  text-align: left;
}
.recent-purchases__card-img {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: #f7f7f7;
  border: 1px solid #eee;
}
.recent-purchases__card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-purchases__card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.recent-purchases__card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recent-purchases__card-time {
  font-size: 11px;
  font-weight: 700;
  color: #888888;
}
.recent-purchases__card-view {
  font-size: 11px;
  font-weight: 800;
  color: #000000;
  text-decoration: underline;
}
.recent-purchases__card-view:hover {
  color: #ff7a41;
}
.recent-purchases__card-title {
  font-size: 14px;
  font-weight: 800;
  color: #000000;
  margin: 6px 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: none;
}
.recent-purchases__card-buyer {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.3;
}
.recent-purchases__card-buyer .buyer-label {
  color: #888888;
}
.recent-purchases__card-buyer .buyer-info {
  color: #000000;
  font-weight: 700;
}
.recent-purchases__arrow {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  color: #000000;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  transition: all 0.3s ease;
  font-weight: bold;
}
.recent-purchases__arrow:hover {
  background: #ff7a41;
  color: #ffffff;
  border-color: #ff7a41;
}
.recent-purchases__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 25px;
}
.recent-purchases__dots .rp-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #444444;
  cursor: pointer;
  transition: all 0.3s ease;
}
.recent-purchases__dots .rp-dot.active {
  background: #ff7a41;
  transform: scale(1.2);
}

@media (max-width: 991px) {
  .recent-purchases__card {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .recent-purchases__card {
    flex: 0 0 100%;
  }
  .recent-purchases__carousel-wrapper {
    gap: 5px;
  }
}

/* ----- 37. Complete Your EDC Kit (5 items) ----- */
@media (min-width: 768px) {
  .cross-sell-section__products {
    justify-content: flex-start !important;
    gap: 20px !important;
  }
  .cross-sell-card {
    width: calc(20% - 16px) !important;
    max-width: 220px !important;
  }
}

/* ----- 38. Product Card Actions Responsive Separator ----- */
@media (min-width: 992px) {
  .prd-inside .btn-select-mobile {
    display: none !important;
  }
  .prd-inside .btn-select-desktop {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 991px) {
  .prd-inside .btn-select-desktop {
    display: none !important;
  }
  .prd-inside .btn-select-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ----- 39. Goodwin Banners-Two Category-With-Bg Styling Reset ----- */
.category-with-bg,
#shopify-section-banners_two_yW7mTF .category-with-bg {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-align: center !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  transition: transform 0.35s ease, filter 0.35s ease !important;
}

.category-with-bg:hover,
#shopify-section-banners_two_yW7mTF .category-with-bg:hover,
#shopify-section-banners_two_yW7mTF .category-with-bg:focus-visible {
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important;
  border: none !important;
  transform: translateY(-5px) !important;
}

.category-with-bg-image {
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  height: 380px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.category-with-bg-image img {
  border-radius: 8px !important;
  background: transparent !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.55s ease, filter 0.55s ease !important;
}

#shopify-section-banners_two_yW7mTF .category-with-bg:hover .category-with-bg-image img,
#shopify-section-banners_two_yW7mTF .category-with-bg:focus-visible .category-with-bg-image img {
  filter: brightness(0.78) contrast(1.08) !important;
  transform: scale(1.05) !important;
}

@media screen and (max-width: 767px) {
  .category-with-bg-image {
    height: 220px !important;
  }
}

.category-with-bg-text {
  text-align: center !important;
  padding: 0 !important;
}

.category-with-bg-title {
  font-family: 'Russo One', 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #c7c7c7 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin: 12px 0 6px !important;
  transition: color 0.3s ease !important;
}

.category-with-bg-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #888888 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  transition: color 0.3s ease !important;
}

#shopify-section-banners_two_yW7mTF .category-with-bg:hover .category-with-bg-title,
#shopify-section-banners_two_yW7mTF .category-with-bg:hover .category-with-bg-subtitle,
#shopify-section-banners_two_yW7mTF .category-with-bg:focus-visible .category-with-bg-title,
#shopify-section-banners_two_yW7mTF .category-with-bg:focus-visible .category-with-bg-subtitle {
  color: #ffffff !important;
}

/* Unify all homepage section titles — brand heading font */
.title-wrap h2,
.h1-style,
.h2-style,
.index-section .title-wrap h2 {
  font-family: 'Russo One', 'Inter', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 400 !important; /* Russo One ships 400 only; heavier = faux-bold */
  letter-spacing: 1.5px !important;
}

/* Fix out-of-stock product card height truncation on hover */
.prd.prd-outstock.hovered,
.prd.prd-outstock.hovered .prd-inside {
  min-height: 380px !important;
  height: auto !important;
}

.prd.prd-outstock.hovered .prd-inside {
  padding-bottom: 20px !important;
}

/* Header Navigation Dropdown links in white instead of grey */
.mmenu-submenu a,
.mmenu-submenu-inside a,
.submenu-list a,
.submenu-list li a,
.mmenu-submenu li a {
  color: #ffffff !important;
}

.mmenu-submenu a:hover,
.mmenu-submenu-inside a:hover,
.submenu-list a:hover,
.submenu-list li a:hover,
.mmenu-submenu li a:hover {
  color: #ff7a41 !important; /* Brand orange hover highlight */
}

/* --- Global Homepage Spacing Standardization --- */
/* Reset default margins/paddings on all homepage sections */
.page-content > .shopify-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.page-content > .shopify-section .holder {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#shopify-section-customer_feedback_nGFUkt .cf-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 1. Logical Group Start Spacing (Desktop: 35px top margin) */
#shopify-section-home_custom_text_background_ALzPJH, /* Featured Products Group */
#shopify-section-home_custom_text_background_PffNit, /* New Arrivals Group */
#shopify-section-custom_video_slider_bx6gED,         /* Watch and Buy Group */
#shopify-section-home_custom_text_background_HjWprY, /* Top Deals Group */
#shopify-section-customer_feedback_nGFUkt,           /* Customer Feedback Group */
#shopify-section-home_custom_text_background_yHMY83, /* Everyday Carry Group */
#shopify-section-home_custom_text_background_8jb7Jq, /* Why Choose Armerado Group */
#shopify-section-home_custom_text_background_EQLHeQ, /* Trusted by Armed Forces Group */
#shopify-section-newsletter_subscribe_p6wbCk {       /* Newsletter Group */
  margin-top: 35px !important;
}

/* 2. Responsive Group Start Spacing (Mobile: 25px top margin) */
@media (max-width: 767px) {
  #shopify-section-home_custom_text_background_ALzPJH,
  #shopify-section-home_custom_text_background_PffNit,
  #shopify-section-custom_video_slider_bx6gED,
  #shopify-section-home_custom_text_background_HjWprY,
  #shopify-section-customer_feedback_nGFUkt,
  #shopify-section-home_custom_text_background_yHMY83,
  #shopify-section-home_custom_text_background_8jb7Jq,
  #shopify-section-home_custom_text_background_EQLHeQ,
  #shopify-section-newsletter_subscribe_p6wbCk {
    margin-top: 25px !important;
  }
}

/* 3. Spacing between Heading Banners and their respective Content Blocks (Desktop: 15px, Mobile: 10px) */
#shopify-section-collections_list_custom_CcJWRa, /* Featured Products Cards */
#shopify-section-banners_two_yW7mTF,             /* New Arrivals Products */
#shopify-section-products_grid_WWANEH,           /* Top Deals Products */
#shopify-section-fullwidth_banner_JAAetk,        /* Everyday Carry Banner */
#shopify-section-about_us_why_us_DpfkgF,         /* Why Choose Armerado Cards */
#shopify-section-image_with_text_2_3KaEyT {       /* Trusted by Armed Forces Image */
  margin-top: 15px !important;
}

@media (max-width: 767px) {
  #shopify-section-collections_list_custom_CcJWRa,
  #shopify-section-banners_two_yW7mTF,
  #shopify-section-products_grid_WWANEH,
  #shopify-section-fullwidth_banner_JAAetk,
  #shopify-section-about_us_why_us_DpfkgF,
  #shopify-section-image_with_text_2_3KaEyT {
    margin-top: 10px !important;
  }
}

/* 4. Special internal spacing rules */
/* Spacing between video row 1 and video row 2 in Watch & Buy */
#shopify-section-custom_video_slider_DxPrDD {
  margin-top: 20px !important;
}
@media (max-width: 767px) {
  #shopify-section-custom_video_slider_DxPrDD {
    margin-top: 15px !important;
  }
}

/* Spacing for WhatMore Carousel under Watch & Buy */
#shopify-section-whatmore_carousel_QBmCA4 {
  margin-top: 25px !important;
}
@media (max-width: 767px) {
  #shopify-section-whatmore_carousel_QBmCA4 {
    margin-top: 20px !important;
  }
}

/* Spacing for 3 cards below Everyday Carry Banner */
#shopify-section-collections_style_1_fMD6aP {
  margin-top: 30px !important;
}
@media (max-width: 767px) {
  #shopify-section-collections_style_1_fMD6aP {
    margin-top: 20px !important;
  }
}

/* ============================================================
   Modern polish pass v2 — July 2026 (brand: #FF7A41 / #F6EDD0 / #000)
   ============================================================ */

/* --- Product card hover (style2), v2 ---------------------------------
   v1 used overflow:visible + the theme's jQuery slide-up, which measured
   the panel height before bootstrap-select rendered → cropped bottoms and
   a mispositioned add-to-cart. v2 kills the slide entirely and pins the
   action panel over the lower image edge as a glass bar. */
@media (min-width: 992px) {
  .prd.prd-style2 .prd-info {
    position: relative;
    top: 0 !important; /* neutralize theme JS animate({top:-shiftY}) */
  }
  .prd-grid:not(.listing-view) .prd.prd-style2 .prd-hover {
    bottom: 100%;
    left: 0;
    right: 0;
    width: auto !important;
    padding: 12px 12px 10px;
    background: rgba(13, 13, 13, 0.94);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-top: 1px solid rgba(255, 122, 65, 0.35);
    z-index: 6;
  }
  .prd.prd-style2 .prd-hover .prd-action form,
  .prd.prd-style2 .prd-hover .prd-action .form-group {
    width: 100%;
  }
  .prd.prd-style2 .prd-hover .prd-action .btn {
    width: 100%;
    margin-right: 0;
  }
}

/* --- Gap above Description / Specification tabs --- */
ul.nav.nav-tabs.product-tab { margin-top: 48px; }
@media (max-width: 767px) {
  ul.nav.nav-tabs.product-tab { margin-top: 30px; }
}

/* --- Hero slideshow: slow cinematic zoom + caption rise --- */
@media (prefers-reduced-motion: no-preference) {
  .bnslider-slide { overflow: hidden; }
  .slick-active .bnslider-image,
  .slick-active .bnslider-image-mobile {
    animation: heroKenBurns 9s ease-out forwards;
    will-change: transform;
  }
  .slick-active .bnslider-text-wrap {
    animation: heroTextUp 0.9s cubic-bezier(0.22, 0.9, 0.32, 1) both;
    animation-delay: 0.25s;
  }
}
@keyframes heroKenBurns {
  from { transform: scale(1.02); }
  to   { transform: scale(1.10); }
}
@keyframes heroTextUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* readability gradient at the base of hero slides
   (div only — an a.bnslider-slide is nested inside and would double it) */
div.bnslider-slide { position: relative; }
div.bnslider-slide::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 45%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%);
  pointer-events: none;
  z-index: 1;
}
.bnslider-text-wrap { z-index: 2; }
/* hero CTA button in brand style */
.bnslider .btn {
  background: #ff7a41;
  border-color: #ff7a41;
  color: #0d0d0d;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 999px;
  padding-left: 30px;
  padding-right: 30px;
}
.bnslider .btn:hover {
  background: #f6edd0;
  border-color: #f6edd0;
  color: #0d0d0d;
}

/* --- Global modern feel --- */
.btn {
  border-radius: 6px;
  transition: transform 0.18s ease, box-shadow 0.18s ease,
              background-color 0.18s ease, color 0.18s ease;
}
.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(255, 122, 65, 0.25);
}
.prd .prd-inside {
  border-radius: 8px;
  transition: box-shadow 0.25s ease;
}
.prd-img-area,
.prd-img-area .prd-img { border-radius: 8px 8px 0 0; }
:focus-visible {
  outline: 2px solid #ff7a41;
  outline-offset: 2px;
}
::selection { background: rgba(255, 122, 65, 0.85); color: #000; }

/* category tiles: subtle zoom + orange label on hover (carrypro-style) */
.collections-list .bnr-wrap img,
.collections-list-custom .bnr-wrap img {
  transition: transform 0.5s cubic-bezier(0.22, 0.9, 0.32, 1);
}
.collections-list .bnr-wrap:hover img,
.collections-list-custom .bnr-wrap:hover img {
  transform: scale(1.06);
}

/* ============================================================
   Round 3 polish — July 2026
   ============================================================ */

/* --- (6) Hide view-count badges in video commerce embeds ---
   Rendered at runtime by Whatmore / VideoVibe; the durable fix is the
   apps' own "show views" toggle, this covers the storefront meanwhile. */
#shopify-section-whatmore_carousel_QBmCA4 [class*="view-count"],
#shopify-section-whatmore_carousel_QBmCA4 [class*="view_count"],
#shopify-section-whatmore_carousel_QBmCA4 [class*="viewCount"],
.Video-vibe-main-section [class*="view-count"],
.Video-vibe-main-section [class*="view_count"],
.ct-video-vibe [class*="view-count"],
.ct-video-vibe [class*="view_count"],
.ct-video-vibe [class*="views_"],
.ct-video-vibe .ct-views {
  display: none !important;
}

/* --- (3) Product page: modern buy box --- */
.prd-block_info-top { margin-bottom: 4px; }
.prd-block_title {
  letter-spacing: 0.5px;
  line-height: 1.25;
}
.prd-block_price--actual {
  color: #ff7a41;
  font-weight: 700;
}
.prd-block_price--old {
  opacity: 0.55;
}
/* trust badges as pills */
.prd-trust-badges { gap: 8px; }
.prd-trust-badge {
  background: rgba(255, 122, 65, 0.08);
  border: 1px solid rgba(255, 122, 65, 0.25);
  border-radius: 999px;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.prd-trust-badge:hover {
  border-color: rgba(255, 122, 65, 0.6);
  background: rgba(255, 122, 65, 0.14);
}
/* add-to-cart / buy-now: strong tactile CTAs */
.btn--add-to-cart {
  border-radius: 8px !important;
  letter-spacing: 1px;
}
.shopify-payment-button__button,
.dummy-payment-button-wrap .btn {
  border-radius: 8px !important;
  font-weight: 700;
  letter-spacing: 1px;
}
/* availability chip */
.prd-availability {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(76, 175, 80, 0.12);
  border: 1px solid rgba(76, 175, 80, 0.35);
  font-size: 12px;
}
/* gallery thumbs: rounded, orange active ring */
.product-previews img,
.prd-block .product-previews .slick-slide img {
  border-radius: 8px;
}
.product-previews .slick-current img,
.product-previews .slick-current {
  outline: 2px solid rgba(255, 122, 65, 0.7);
  outline-offset: 1px;
  border-radius: 8px;
}
/* description/spec tabs: modern pill nav */
ul.nav.nav-tabs.product-tab {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  gap: 6px;
  display: flex;
  flex-wrap: wrap;
}
ul.nav.nav-tabs.product-tab > li > a {
  border-radius: 8px 8px 0 0;
  letter-spacing: 1px;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
ul.nav.nav-tabs.product-tab > li.active > a,
ul.nav.nav-tabs.product-tab > li > a:hover {
  color: #ff7a41;
  border-bottom: 2px solid #ff7a41;
  background: rgba(255, 122, 65, 0.06);
}
/* EDC kit cross-sell: align with the "pairs well" aesthetic */
.cross-sell-section {
  border: 1px solid rgba(246, 237, 208, 0.18);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(246, 237, 208, 0.04), rgba(0, 0, 0, 0)) #0d0d0d;
}

/* --- (13) Header topline: modern search / wishlist / account --- */
.hdr-topline .links-holder > * > a,
.hdr-topline .dropdn-link,
.hdr-topline .search-toggle {
  border-radius: 999px;
  transition: color 0.2s ease, background 0.2s ease;
  padding: 6px 12px;
}
.hdr-topline .links-holder > * > a:hover,
.hdr-topline .dropdn-link:hover,
.hdr-topline .search-toggle:hover {
  color: #ff7a41;
  background: rgba(255, 122, 65, 0.10);
}
.hdr-topline [class*="icon-"] {
  transition: transform 0.2s ease;
}
.hdr-topline a:hover [class*="icon-"] {
  transform: translateY(-1px);
}
/* modern search input inside dropdown */
.search-field,
.hdr .search input[type="text"],
.hdr input.search-input {
  border-radius: 999px !important;
  border: 1px solid rgba(255, 122, 65, 0.35) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.search-field:focus,
.hdr .search input[type="text"]:focus,
.hdr input.search-input:focus {
  border-color: #ff7a41 !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 65, 0.18);
}

/* --- (14) Cart page: modern panel + GST field visibility --- */
.page-cart .cart_content,
.page-cart .cart-holder,
.page-cart table.cart {
  border-radius: 12px;
}
.page-cart input[type="text"],
.page-cart input[type="tel"],
.page-cart input[type="email"],
.page-cart textarea,
.page-cart .form-control {
  background: #161616 !important;
  color: #f2f2f2 !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 8px !important;
}
.page-cart input::placeholder,
.page-cart textarea::placeholder {
  color: #9a9a9a !important;
  opacity: 1;
}
.page-cart label {
  color: #cccccc !important;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.page-cart .cartCheckout {
  border-radius: 8px !important;
  font-weight: 700;
  letter-spacing: 1.2px;
}

/* --- (12) Category tiles: modern label bar --- */
.collections-list-custom .bnr-wrap,
.collections-list .bnr-wrap {
  border-radius: 10px;
  overflow: hidden;
}

/* GST invoice app block on cart — was invisible on dark background */
.gst-invoice__cart-title,
.gst-invoice__field label,
.cart-attribute__field label {
  color: #f2f2f2 !important;
}
.gst-invoice__input {
  background: #161616 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 8px !important;
}
.gst-invoice__input:focus {
  border-color: #ff7a41 !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 65, 0.18);
  outline: none;
}

/* --- Smart nudges (real-data urgency/social proof) --- */
.nudge {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 340px;
  width: calc(100% - 48px);
  padding: 13px 34px 13px 16px;
  background: linear-gradient(90deg, rgba(255, 122, 65, 0.12), rgba(0, 0, 0, 0)) #141414;
  border: 1px solid rgba(255, 122, 65, 0.25);
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.55);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  transform: translateY(18px) scale(0.97);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}
.nudge--in { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
.nudge__rail {
  position: absolute;
  left: 0; top: 10px; bottom: 10px;
  width: 3px;
  border-radius: 3px;
  background: #ff7a41;
}
.nudge__icon {
  flex-shrink: 0;
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
  border-radius: 50%;
  background: rgba(255, 122, 65, 0.14);
  border: 1px solid rgba(255, 122, 65, 0.3);
}
.nudge__body { display: flex; flex-direction: column; min-width: 0; }
.nudge__kicker {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ff7a41;
  margin-bottom: 2px;
}
.nudge__msg { font-size: 13px; color: #ececec; line-height: 1.35; }
.nudge__msg b { color: #ffffff; font-weight: 700; }
.nudge__close {
  position: absolute;
  top: 6px; right: 9px;
  background: none; border: none;
  color: #777; font-size: 17px; line-height: 1;
  cursor: pointer; padding: 2px 5px;
  transition: color 0.2s ease;
}
.nudge__close:hover { color: #fff; }
@media (max-width: 480px) {
  .nudge { left: 12px; bottom: 12px; max-width: calc(100% - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  .nudge { transition: opacity 0.2s ease; transform: none; }
  .nudge--in { transform: none; }
}

/* --- (12) Category tiles: modern hover (keeps minimalist square grid) --- */
.collections-gallery-minimalist .collection-item-img {
  position: relative !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.collections-gallery-minimalist .collection-item-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.5) 100%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.collections-gallery-minimalist .collection-item.zoom-out:hover .collection-item-img {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.5);
}
.collections-gallery-minimalist .collection-item.zoom-out:hover .collection-item-img::after {
  opacity: 1;
}
.collections-gallery-minimalist .collection-item.zoom-out:hover img {
  transform: scale(1.06) !important;
  transition: transform 0.6s cubic-bezier(0.22, 0.9, 0.32, 1) !important;
}
.collections-gallery-minimalist .collection-item-title {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}
.collections-gallery-minimalist .collection-item-title::after {
  content: "";
  position: absolute;
  left: 50%; bottom: 0;
  width: 0; height: 2px;
  background: #ff7a41;
  transition: width 0.3s ease, left 0.3s ease;
}
.collections-gallery-minimalist .collection-item:hover .collection-item-title::after {
  width: 60%; left: 20%;
}
.collections-gallery-minimalist .collection-item:hover .collection-item-title {
  color: #ff7a41 !important;
}

/* --- (9) Collection grid: entrance animation + modern show-more --- */
.js-category-grid .prd--reveal-init {
  opacity: 0;
  transform: translateY(18px);
}
.js-category-grid .prd--revealed {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease var(--reveal-delay, 0ms),
              transform 0.5s cubic-bezier(0.22, 0.9, 0.32, 1) var(--reveal-delay, 0ms);
}
@media (prefers-reduced-motion: reduce) {
  .js-category-grid .prd--reveal-init { opacity: 1; transform: none; }
}
.show_more.btn--alt {
  border-radius: 999px;
  padding: 12px 34px;
  letter-spacing: 1.2px;
  font-weight: 700;
  border: 1px solid rgba(255, 122, 65, 0.5);
  transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
}
.show_more.btn--alt:hover {
  background: #ff7a41;
  color: #0d0d0d;
  transform: translateY(-1px);
}

/* --- (10) Blog: modern card grid --- */
.armblog { padding: 40px 0 60px; }
.armblog__head { text-align: center; max-width: 720px; margin: 0 auto 42px; padding: 0 20px; }
.armblog__eyebrow {
  color: #ff7a41; font-size: 12px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase; margin: 0 0 10px;
}
.armblog__title {
  color: #fff; font-size: clamp(28px, 5vw, 44px);
  text-transform: uppercase; letter-spacing: 1px; margin: 0 0 14px;
}
.armblog__tag { color: #ff7a41; font-weight: 600; margin: 0 0 10px; }
.armblog__intro { color: #a8a8a8; font-size: 15px; line-height: 1.7; margin: 0; }
.armblog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.armblog__card {
  display: flex;
  flex-direction: column;
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.armblog__card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 122, 65, 0.4);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.45);
}
.armblog__card--feature {
  grid-column: 1 / -1;
  flex-direction: row;
}
.armblog__card--feature .armblog__media { flex: 0 0 55%; }
.armblog__card--feature .armblog__body { justify-content: center; padding: 32px; }
.armblog__card--feature .armblog__card-title { font-size: 26px; }
.armblog__media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #0d0d0d;
}
.armblog__media img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.22, 0.9, 0.32, 1);
}
.armblog__card:hover .armblog__media img { transform: scale(1.06); }
.armblog__media-fallback {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%;
  font-family: 'Russo One', sans-serif;
  font-size: 60px; color: rgba(255, 122, 65, 0.35);
}
.armblog__card--feature .armblog__media { aspect-ratio: auto; }
.armblog__body { display: flex; flex-direction: column; gap: 10px; padding: 20px; flex: 1; }
.armblog__pill {
  align-self: flex-start;
  font-size: 11px; font-weight: 700; letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #ff7a41;
  background: rgba(255, 122, 65, 0.1);
  border: 1px solid rgba(255, 122, 65, 0.3);
  border-radius: 999px;
  padding: 3px 11px;
  text-decoration: none;
}
.armblog__card-title { font-size: 18px; line-height: 1.3; margin: 0; }
.armblog__card-title a { color: #f2f2f2; text-decoration: none; }
.armblog__card-title a:hover { color: #ff7a41; }
.armblog__excerpt { color: #9a9a9a; font-size: 13.5px; line-height: 1.6; margin: 0; }
.armblog__meta {
  display: flex; align-items: center; gap: 8px;
  margin-top: auto; padding-top: 8px;
  color: #777; font-size: 12px;
}
.armblog__dot { opacity: 0.5; }
.armblog__more { margin-left: auto; color: #ff7a41; font-weight: 700; text-decoration: none; }
@media (max-width: 900px) {
  .armblog__grid { grid-template-columns: repeat(2, 1fr); }
  .armblog__card--feature { flex-direction: column; }
  .armblog__card--feature .armblog__media { flex: none; aspect-ratio: 16 / 10; }
}
@media (max-width: 560px) {
  .armblog__grid { grid-template-columns: 1fr; }
}

/* --- (11) Content pages: policies, about-us, generic pages --- */
.page-liquid .page-title,
.template-page .page-title,
.page-cart .page-title { margin-bottom: 26px; }
.page-title .title h1 {
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.page-title .title h1::after {
  content: "";
  position: absolute;
  left: 50%; bottom: 0;
  transform: translateX(-50%);
  width: 56px; height: 3px;
  background: #ff7a41;
  border-radius: 3px;
}
/* readable policy / rich-text bodies on dark theme */
.template-page .rte,
.template-page .page-content,
main .rte {
  max-width: 860px;
  margin: 0 auto;
  line-height: 1.8;
  font-size: 15px;
  color: #cfcfcf;
}
main .rte h2, main .rte h3, main .rte h4 {
  color: #ffffff;
  margin-top: 1.6em;
  letter-spacing: 0.3px;
}
main .rte h2 { border-left: 3px solid #ff7a41; padding-left: 12px; }
main .rte a { color: #ff7a41; }
main .rte ul li, main .rte ol li { margin-bottom: 8px; }
main .rte table { width: 100%; border-collapse: collapse; }
main .rte th, main .rte td {
  border: 1px solid rgba(255,255,255,0.1);
  padding: 10px 12px;
  text-align: left;
}
main .rte th { background: rgba(255, 122, 65, 0.08); color: #fff; }

/* --- /collections (list of collections) modern grid --- */
.collections-list .collection-item,
.collections-wrap .collection-item {
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.collections-list .collection-item:hover,
.collections-wrap .collection-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.4);
}
.collections-list .collection-item-title,
.collections-wrap .collection-item-title {
  letter-spacing: 0.5px;
}
.collections-list .collection-item:hover .collection-item-title,
.collections-wrap .collection-item:hover .collection-item-title {
  color: #ff7a41;
}

/* ============================================================
   Round 4 — blog uniform grid, adventurer fix, EDC banner
   ============================================================ */

/* (4) EDC flatlay banner: scrim + legible centered caption + CTA */
#shopify-section-fullwidth_banner_JAAetk .bnr { position: relative; }
#shopify-section-fullwidth_banner_JAAetk .bnr::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.72) 100%);
  pointer-events: none;
  z-index: 1;
}
#shopify-section-fullwidth_banner_JAAetk .bnr-caption {
  position: absolute;
  z-index: 2;
  left: 0; right: 0; bottom: 6%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
#shopify-section-fullwidth_banner_JAAetk .bnr-text1 {
  text-transform: uppercase;
  letter-spacing: 4px !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.7);
}
#shopify-section-fullwidth_banner_JAAetk .bnr-text2 {
  text-transform: uppercase;
  text-shadow: 0 3px 16px rgba(0,0,0,0.75);
  letter-spacing: 1px !important;
}
#shopify-section-fullwidth_banner_JAAetk .btn,
#shopify-section-fullwidth_banner_JAAetk .btn-decor {
  background: #ff7a41 !important;
  color: #0d0d0d !important;
  border-radius: 999px !important;
  padding: 12px 32px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  border: none !important;
  box-shadow: 0 10px 26px rgba(255,122,65,0.35);
  transition: transform 0.18s ease, background 0.18s ease;
}
#shopify-section-fullwidth_banner_JAAetk .btn:hover,
#shopify-section-fullwidth_banner_JAAetk .btn-decor:hover {
  background: #f6edd0 !important;
  transform: translateY(-2px);
}
@media (max-width: 767px) {
  #shopify-section-fullwidth_banner_JAAetk .bnr-text1 { font-size: 0.85em !important; letter-spacing: 2px !important; }
  #shopify-section-fullwidth_banner_JAAetk .bnr-caption { bottom: 5%; gap: 6px; }
}

/* (2) Adventurer stories: own heading spacing (separate bar removed) */
.adventurer-stories-section .advstories__heading {
  margin-top: 8px;
}

/* (3) Shopify built-in policy pages (custom template is ignored by Shopify) */
.shopify-policy__container {
  max-width: 900px !important;
  margin: 40px auto 70px !important;
  padding: 0 20px;
}
.shopify-policy__title {
  text-align: center;
  margin-bottom: 30px;
}
.shopify-policy__title h1 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: clamp(26px, 4.5vw, 40px);
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.shopify-policy__title h1::after {
  content: "";
  position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%);
  width: 56px; height: 3px; background: #ff7a41; border-radius: 3px;
}
.shopify-policy__body {
  background: #141414;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 34px 38px;
}
.shopify-policy__body .rte,
.shopify-policy__body {
  line-height: 1.85;
  font-size: 15px;
  color: #cfcfcf;
}
.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__body h3,
.shopify-policy__body h4 { color: #fff; margin-top: 1.5em; letter-spacing: 0.3px; }
.shopify-policy__body h2,
.shopify-policy__body h3 { border-left: 3px solid #ff7a41; padding-left: 12px; }
.shopify-policy__body a { color: #ff7a41; }
.shopify-policy__body strong,
.shopify-policy__body b { color: #fff; }
.shopify-policy__body ul li,
.shopify-policy__body ol li { margin-bottom: 8px; }
@media (max-width: 600px) { .shopify-policy__body { padding: 22px 18px; } }

/* ============================================================
   Round 5 — brand fonts, EDC cards, blog/article, header/account, tiles
   ============================================================ */

/* (1/3) Enforce brand fonts everywhere (fixes Times New Roman on blog/article) */
body, p, li, td, th, input, textarea, select, button,
.rte, .rte p, .post-teaser, .armblog__excerpt,
.shopify-policy__body, .post-content, .article__body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1-style, .h2-style, .h3-style, .title, .page-title h1,
.post-title, .armblog__card-title, .armblog__title,
.prd-block_title, .prd-title, .section-title, .cross-sell-section__title,
.shopify-policy__title h1, .advstories__name, .loadout__title, .rp-section-title,
.cf-title, .collection-item-title, .category-title {
  font-family: 'Russo One', 'Inter', sans-serif;
}
/* article/blog body copy specifically was rendering serif */
.blog-template .rte, .article-template .rte,
#centerColumn .rte, .post-full .rte, .post-single .rte,
.post-content, .post-content p, .post-content li,
.template-article p, .template-article li, .template-blog p {
  font-family: 'Inter', sans-serif !important;
}

/* (2) EDC lineup 3-card section: consistent, modern, centered */
#shopify-section-collections_style_1_fMD6aP .collection-item,
#shopify-section-collections_style_1_fMD6aP .caption,
#shopify-section-collections_style_1_fMD6aP .bnr-caption {
  text-align: center !important;
}
#shopify-section-collections_style_1_fMD6aP .collection-item-title,
#shopify-section-collections_style_1_fMD6aP h3,
#shopify-section-collections_style_1_fMD6aP .title {
  text-transform: uppercase !important;
  letter-spacing: 1px;
  color: #fff !important;
}
#shopify-section-collections_style_1_fMD6aP .collection-item {
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#shopify-section-collections_style_1_fMD6aP .collection-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.45);
}
#shopify-section-collections_style_1_fMD6aP img {
  transition: transform 0.5s cubic-bezier(0.22,0.9,0.32,1);
}
#shopify-section-collections_style_1_fMD6aP .collection-item:hover img {
  transform: scale(1.05);
}
#shopify-section-collections_style_1_fMD6aP .btn,
#shopify-section-collections_style_1_fMD6aP .btn-decor {
  border-radius: 999px !important;
  letter-spacing: 1px;
  font-weight: 700;
}

/* (3) Blog/article modern reading layout */
.template-article .post-title,
.template-article h1 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
}
.template-article .rte,
.post-full .post-content {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.85;
  color: #d0d0d0;
}
.template-article .rte h2,
.template-article .rte h3 {
  color: #fff;
  border-left: 3px solid #ff7a41;
  padding-left: 12px;
  margin-top: 1.6em;
}
.template-article .rte img { border-radius: 10px; }
.post-date { color: #888; letter-spacing: 0.3px; }

/* (4) Header search / wishlist / account — cleaner modern topline */
.hdr-topline .dropdn-link,
.hdr-topline .links-holder > * > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.hdr-topline .dropdn-link [class*="icon-"],
.hdr-topline .links-holder [class*="icon-"] {
  font-size: 16px;
  color: #ff7a41;
}
.hdr-topline .dropdn-link span,
.hdr-topline .links-holder > * > a span { color: #f2f2f2; }

/* (5) Account dropdown menu: modern panel */
.dropdn_account .dropdn-content,
.dropdn_account .inner {
  border-radius: 10px;
  overflow: hidden;
}
.dropdn_account .dropdn-content li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  transition: background 0.18s ease, color 0.18s ease;
}
.dropdn_account .dropdn-content li a:hover {
  background: rgba(255,122,65,0.12);
  color: #ff7a41;
}
.dropdn_account .dropdn-content li a [class*="icon-"] { color: #ff7a41; }

/* (6) Shop by Category tiles: staggered scroll-reveal entrance */
.collections-gallery-minimalist .collections-carousel-card {
  opacity: 0;
  transform: translateY(20px);
}
.collections-gallery-minimalist .collections-carousel-card.tile--in {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.55s ease var(--tile-delay, 0ms),
              transform 0.55s cubic-bezier(0.22,0.9,0.32,1) var(--tile-delay, 0ms);
}
@media (prefers-reduced-motion: reduce) {
  .collections-gallery-minimalist .collections-carousel-card { opacity: 1; transform: none; }
}

/* ============================================================
   Round 6 — unified section headings + hardcoded-font override
   ============================================================ */

/* Hard override for content that ships inline serif fonts (blog/product) */
.rte, .rte *,
.post-content, .post-content *,
.post-full .post-content, .post-full .post-content *,
.shopify-policy__body, .shopify-policy__body *,
.armblog__excerpt {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
/* keep headings inside content on-brand */
.rte h1, .rte h2, .rte h3, .rte h4,
.post-content h1, .post-content h2, .post-content h3, .post-content h4,
.shopify-policy__body h1, .shopify-policy__body h2, .shopify-policy__body h3 {
  font-family: 'Russo One', 'Inter', sans-serif !important;
}

/* Unified section heading system — one look for every home/app section */
.h1-style, .h2-style,
.title-wrap .h1-style,
.advstories__heading,
.cross-sell-section__title,
.loadout__title,
.rp-section-title,
.whatmore-base .whatmore-title,
.whatmore-base h2,
.Video-vibe-main-section h2,
.videosection h2,
.section-title {
  font-family: 'Russo One', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  font-weight: 400 !important;
}

/* Consistent centered headings + orange accent (block layout, no drift) */
.title-wrap .h1-style,
.h1-style.text-center,
.h2-style.text-center,
.advstories__heading,
.whatmore-base .whatmore-title,
.whatmore-base h2,
.ct-video-vibe-heading,
.Video-vibe-main-section h2 {
  display: block !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.title-wrap .h1-style::after,
.h1-style.text-center::after,
.advstories__heading::after {
  content: "";
  display: block;
  width: 54px; height: 3px;
  margin: 14px auto 0;
  background: #ff7a41;
  border-radius: 3px;
}

/* Watch-and-Buy (Whatmore) + Testimonials (VideoVibe) heading normalization */
.whatmore-base .whatmore-title,
.whatmore-base h1, .whatmore-base h2, .whatmore-base h3,
.whatmore-base [class*="title"], .whatmore-base [class*="heading"],
.ct-video-vibe-heading, .ct-video-vibe-heading *,
.ct-PP_Reels-heading, .ct-PP_Reels-heading *,
.Video-vibe-main-section h1, .Video-vibe-main-section h2, .Video-vibe-main-section h3 {
  font-family: 'Russo One', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #fff !important;
  text-align: center !important;
}

/* --- Consistent breathing room between homepage sections --- */
.page-index #MainContent > .shopify-section ~ .shopify-section {
  margin-top: 56px;
}
.page-index #shopify-section-brand_mantra_strip { margin-top: 0 !important; } /* hugs the hero */
@media (max-width: 767px) {
  .page-index #MainContent > .shopify-section ~ .shopify-section { margin-top: 36px; }
}

/* --- Exit-intent offer modal (brand-styled, loss-aversion hook) --- */
.exoffer {
  position: fixed; inset: 0; z-index: 100000;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  opacity: 0; transition: opacity 0.3s ease;
  pointer-events: none;
}
.exoffer[hidden] { display: none !important; }
.exoffer--in { pointer-events: auto; }
.exoffer--in { opacity: 1; }
.exoffer__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.72); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.exoffer__card {
  position: relative;
  width: 100%; max-width: 420px;
  background: linear-gradient(180deg, rgba(255,122,65,0.10), rgba(0,0,0,0)) #121212;
  border: 1px solid rgba(255,122,65,0.35);
  border-radius: 16px;
  padding: 34px 30px 26px;
  text-align: center;
  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
  transform: translateY(18px) scale(0.97);
  transition: transform 0.3s cubic-bezier(0.22,0.9,0.32,1);
}
.exoffer--in .exoffer__card { transform: translateY(0) scale(1); }
.exoffer__close {
  position: absolute; top: 12px; right: 14px;
  background: none; border: none; color: #888; font-size: 24px; line-height: 1;
  cursor: pointer; transition: color 0.2s ease;
}
.exoffer__close:hover { color: #fff; }
.exoffer__eyebrow { color: #ff7a41; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 10px; }
.exoffer__title { font-family: 'Russo One', sans-serif; color: #fff; font-size: 26px; line-height: 1.2; margin: 0 0 12px; text-transform: uppercase; }
.exoffer__title span { color: #ff7a41; }
.exoffer__sub { color: #b5b5b5; font-size: 14px; line-height: 1.6; margin: 0 0 20px; }
.exoffer__code {
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,0.05);
  border: 1px dashed rgba(255,122,65,0.6);
  border-radius: 10px;
  padding: 10px 14px; margin-bottom: 18px; cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.exoffer__code:hover { background: rgba(255,122,65,0.10); }
.exoffer__code-label { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #888; }
.exoffer__code-value { font-family: 'Russo One', sans-serif; color: #f6edd0; letter-spacing: 2px; font-size: 16px; }
.exoffer__code-copy { font-size: 11px; font-weight: 700; color: #ff7a41; text-transform: uppercase; }
.exoffer__cta {
  display: block; width: 100%;
  background: #ff7a41; color: #0d0d0d;
  font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  padding: 14px; border-radius: 999px; text-decoration: none;
  transition: transform 0.15s ease, background 0.2s ease;
}
.exoffer__cta:hover { background: #f6edd0; transform: translateY(-2px); }
.exoffer__decline {
  display: block; width: 100%; margin-top: 12px;
  background: none; border: none; color: #777; font-size: 12px; cursor: pointer;
  transition: color 0.2s ease;
}
.exoffer__decline:hover { color: #aaa; text-decoration: underline; }
@media (prefers-reduced-motion: reduce) {
  .exoffer, .exoffer__card { transition: opacity 0.2s ease; transform: none; }
}

/* Trusted by Adventurers: clear breathing room above the heading */
.adventurer-stories-section { margin-top: 64px !important; }
@media (max-width: 767px) {
  .adventurer-stories-section { margin-top: 44px !important; }
}
.adventurer-stories-section .advstories__heading { margin-top: 0; margin-bottom: 30px; }

/* --- Cart order-summary card (replaces floating subtotal) --- */
.cart-summary {
  background: linear-gradient(180deg, rgba(255, 122, 65, 0.06), rgba(0, 0, 0, 0)) #141414;
  border: 1px solid rgba(255, 122, 65, 0.28);
  border-radius: 14px;
  padding: 26px 26px 22px;
  position: sticky;
  top: 90px;
}
.cart-summary__title {
  font-family: 'Russo One', 'Inter', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #fff;
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cart-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 13px;
  color: #b5b5b5;
  margin-bottom: 10px;
  letter-spacing: 0.3px;
}
.cart-summary__row--savings span:last-child { color: #4caf50; font-weight: 700; }
.cart-summary__free { color: #4caf50; letter-spacing: 1px; }
.cart-summary__divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin: 14px 0;
}
.cart-summary__row--total {
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}
.cart-summary__amount {
  font-family: 'Russo One', 'Inter', sans-serif;
  font-size: 24px;
  color: #ff7a41;
}
.cart-summary__checkout.btn {
  border-radius: 10px !important;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  box-shadow: 0 10px 26px rgba(255, 122, 65, 0.28);
}
.cart-summary__trust {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 14px;
  font-size: 11px;
  color: #8a8a8a;
  letter-spacing: 0.3px;
}
.cart-note__title {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.cart-note__label { font-size: 11px; color: #9a9a9a; }
@media (max-width: 767px) {
  .cart-summary { position: static; margin-top: 26px; padding: 20px 18px; }
  .cart-lower { display: flex; flex-direction: column-reverse; } /* summary above note on mobile */
}

/* --- Perceived-performance: shimmer skeletons while images load --- */
@keyframes armShimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
/* hero slides: dark shimmer behind the image (invisible once bg paints) */
.bnslider-image.lazyload:not(.lazyloaded):not([style*="background-image"]),
.bnslider-image-mobile.lazyload:not(.lazyloaded):not([style*="background-image"]) {
  background-color: #161616;
  background-image: linear-gradient(100deg,
    rgba(255,255,255,0) 40%,
    rgba(255,122,65,0.06) 50%,
    rgba(255,255,255,0) 60%) !important;
  background-size: 200% 100%;
  animation: armShimmer 1.4s linear infinite;
}
/* first slide carries an inline background-image — never shimmer over it */
.bnslider-image[style*="background-image"],
.bnslider-image-mobile[style*="background-image"] {
  animation: none;
  background-color: #161616;
}
/* product cards / category tiles / blog cards: shimmer in the image slot */
.prd-img-area,
.collection-item-img,
.armblog__media {
  background-color: #161616;
}
/* Blur-up: theme ships `.blur-up:not(.lazyloaded){opacity:0}` which blanks
   images entirely; we now feed a tiny instant src, so show it blurred instead. */
.blur-up:not(.lazyloaded) {
  opacity: 1 !important;
}
img.blur-up[src] {
  filter: blur(8px);
}
img.blur-up.lazyloaded {
  filter: blur(0);
}
@media (prefers-reduced-motion: reduce) {
  .bnslider-image.lazyload:not(.lazyloaded),
  .bnslider-image-mobile.lazyload:not(.lazyloaded),
  .prd-img-area:has(img.lazyload:not(.lazyloaded)),
  .collection-item-img:has(img.lazyload:not(.lazyloaded)),
  .armblog__media:has(img.lazyload:not(.lazyloaded)) {
    animation: none;
  }
}

/* Exit offer: WhatsApp community variant */
.exoffer__cta--wa {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: #25D366; /* WhatsApp green — recognized instantly */
  color: #062e1a;
}
.exoffer__cta--wa:hover { background: #f6edd0; color: #0d0d0d; }
.exoffer__wa-icon { width: 20px; height: 20px; flex-shrink: 0; }

/* Hero slide divs must never blur — blur-up filter is for <img> previews only */
div.bnslider-image.blur-up,
div.bnslider-image-mobile.blur-up {
  filter: none !important;
}