/** Shopify CDN: Minification failed

Line 103:0 Unexpected bad string token
Line 103:1 Unterminated string token

**/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&@family=Courier+Prime&display=swap');

:root {
  /* ==========================================================================
     COLORS
     - Shifting to an ultra-clean, high-contrast streetwear aesthetic.
     - Neutral white/off-white bases with aggressive charcoal/black text.
     - Deep, prominent gothic purple (#4A154B) replacing the crimson red.
     ========================================================================== */
  --asd-color-brand-primary: #000000;         /* Deep obsidian black for heavy structural elements */
  --asd-color-brand-primary-light: #1A1A1A;   /* Light charcoal for hovers/secondary states */
  --asd-color-brand-primary-dark: #000000;    /* Pure black */
  --asd-color-accent: #4A154B;                /* Prominent, deep alternative purple for sales and accents */
  --asd-color-accent-light: #6B236C;          /* Muted vibrant purple for active/hover states */
  --asd-color-bg: #FFFFFF;                    /* Clean white background requested by client */
  --asd-color-bg-alt: #F6F6F6;                /* Subtle off-white/light gray for product card grid backdrops */
  --asd-color-bg-opposite: #000000;           /* Inverse background for solid black headers/footers */
  --asd-color-text: #0D0D0D;                  /* Raw near-black for readable body and headers */
  --asd-color-text-opposite: #FFFFFF;         /* White text for inverse elements */
  --asd-color-text-muted: #666666;            /* Slate gray for secondary metadata/labels */
  --asd-color-border-1: #0D0D0D;              /* Stark, high-contrast thin black borders for gridlines */
  --asd-color-border-2: #E5E5E5;              /* Soft gray borders for subtle dividers */

  /* ==========================================================================
     TYPOGRAPHY — FONT FAMILIES
     - Headings: Archivo Black (Heavy, industrial, structural sans-serif).
     - Body: Instrument Sans (Hyper-clean, neutral neo-grotesque for maximum readability).
     - Accent: Courier Prime (Raw typewriter style for minor tags/labels/metadata).
     ========================================================================== */
  --asd-font-heading: "Archivo Black", "Helvetica Neue", Arial, sans-serif;
  --asd-font-body: "Instrument Sans", Arial, sans-serif;
  --asd-font-accent: "Courier Prime", monospace;

  /* ==========================================================================
     TYPOGRAPHY — FONT SIZES (Base 16px)
     ========================================================================== */
  --asd-font-size-xs: 0.75rem;                /* 12px - Badges, legal footer */
  --asd-font-size-sm: 0.875rem;               /* 14px - Product details, navigation links */
  --asd-font-size-base: 1rem;                 /* 16px - Standard body text, descriptions */
  --asd-font-size-md: 1.125rem;               /* 18px - Sub-headings, price tags */
  --asd-font-size-lg: 1.25rem;                /* 20px - Card titles, collection filters */
  --asd-font-size-xl: 1.5rem;                 /* 24px - Mobile section headings */
  --asd-font-size-2xl: 2rem;                  /* 32px - Desktop section titles */
  --asd-font-size-3xl: 3rem;                  /* 48px - Product single titles, hero content */
  --asd-font-size-4xl: 4rem;                  /* 64px - Massive editorial announcement titles */

  /* ==========================================================================
     TYPOGRAPHY — WEIGHTS & LINE HEIGHTS
     ========================================================================== */
  --asd-font-weight-regular: 400;
  --asd-font-weight-medium: 500;
  --asd-font-weight-bold: 700;
  --asd-line-height-tight: 1.1;               /* For massive, impactful headers */
  --asd-line-height-base: 1.5;                /* Clean readability for paragraphs */
  --asd-line-height-loose: 1.7;

  /* ==========================================================================
     SPACING
     ========================================================================== */
  --asd-space-xs: 0.25rem;                    /* 4px */
  --asd-space-sm: 0.5rem;                     /* 8px */
  --asd-space-md: 1rem;                       /* 16px */
  --asd-space-lg: 1.5rem;                     /* 24px */
  --asd-space-xl: 2rem;                       /* 32px */
  --asd-space-2xl: 4rem;                      /* 64px */
  --asd-space-3xl: 8rem;                      /* 128px */

  /* ==========================================================================
     BORDER RADIUS
     - Streetwear looks sharper with raw, boxy angles.
     - Using sharp 0px for standard elements, minor radius only where needed.
     ========================================================================== */
  --asd-radius-sm: 0px;                       /* Boxy, sharp brutalist buttons and inputs */
  --asd-radius-md: 2px;                       /* Micro-softness for standard UI elements if requested */
  --asd-radius-lg: 4px;                       /* Maximum rounding allowed for layout containment */
  --asd-radius-full: 9999px;                  /* For absolute circular pills/badges only */

  /* ==========================================================================
     BORDERS
     ========================================================================== */
  --asd-border-width-1: 1px;
  --asd-border-width-2: 2px;
  --asd-border-style: solid;

  /* ==========================================================================
     SHADOWS
     - Flat, blocky drop shadows to reinforce the alt-streetwear edge.
     ========================================================================== */
  --asd-shadow-sm: 2px 2px 0px #000000;
  --asd-shadow-md: 4px 4px 0px #000000;
  --asd-shadow-lg: 8px 8px 0px #000000;
}



/* ------------------------- */
'
/* ==========================================================================
   THEME UTILITY OVERRIDE FOR GRID BORDER DOUBLING
   ========================================================================= */

/* 1. Target the grid items and completely strip out their right and bottom inline logic */
.product-card__content.product-grid__card {
  --border-width: 2px !important; /* Force down from 2px to 2px */

  /* Apply borders only to top and left of every single item */
  border-top: 2px solid rgb(0, 0, 0) !important;
  border-left: 2px solid rgb(0, 0, 0) !important;
  border-right: none !important;
  border-bottom: none !important;

  box-sizing: border-box !important;
}

/* 2. Target the main outer container holding these cards to seal the grid */
/* Note: Replace '.parent-grid-container-class' with your grid's specific wrapper class if known */
.parent-grid-container-class,
.products-grid,
.collection-grid {
  border-right: 2px solid rgb(0, 0, 0) !important;
  border-bottom: 2px solid rgb(0, 0, 0) !important;
  display: grid !important;
}

/* ==========================================================================
   DYNAMIC BOTTOM ROW BORDER RESTORATION
   ========================================================================== */

/* For Desktop: Target the last 4 items in a 4-column grid layout */
@media screen and (min-width: 991px) {
  .product-card__content.product-grid__card:nth-last-child(-n+4) {
    border-bottom: 2px solid rgb(0, 0, 0) !important;
  }
}

/* For Mobile: Target the last 2 items in your theme's 2-column layout */
@media screen and (max-width: 990px) {
  .product-card__content.product-grid__card:nth-last-child(-n+2) {
    border-bottom: 2px solid rgb(0, 0, 0) !important;
  }
}