/** Shopify CDN: Minification failed

Line 1746:27 Expected ":"
Line 2186:140 Unexpected "#624a125c-e095-4652-b8f6-3c6e073b8d26"
Line 2200:23 Unexpected "#624a125c-e095-4652-b8f6-3c6e073b8d26"

**/
@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff");
}

@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i6.bb8044d6203f492888d626dafda3c2999253e8e9.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i6.e233dec1a61b1e7dead9f920159eda42280a02c3.woff") format("woff");
}

@font-face {
  font-family: Poppins;
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n9.eb6b9ef01b62e777a960bfd02fc9fb4918cd3eab.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n9.6501a5bd018e348b6d5d6e8c335f9e7d32a80c36.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i9.c9d778054c6973c207cbc167d4355fd67c665d16.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i9.67b02f99c1e5afe159943a603851cb6b6276ba49.woff") format("woff");
}

@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
}

@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff");
}

@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i6.bb8044d6203f492888d626dafda3c2999253e8e9.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i6.e233dec1a61b1e7dead9f920159eda42280a02c3.woff") format("woff");
}

@font-face {
  font-family: Poppins;
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n9.eb6b9ef01b62e777a960bfd02fc9fb4918cd3eab.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n9.6501a5bd018e348b6d5d6e8c335f9e7d32a80c36.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i9.c9d778054c6973c207cbc167d4355fd67c665d16.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i9.67b02f99c1e5afe159943a603851cb6b6276ba49.woff") format("woff");
}

@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
       url("//ojsfootballshirtrestorations.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
}

/* Core styles go here */
/* Mixins */
html::before {
  display: none;
  content: "XS,S,M,L,XL";
}
html::after {
  display: none;
  content: "XS";
}
@media screen and (min-width: 480px) {
  html::after {
    content: "S";
  }
}
@media screen and (min-width: 720px) {
  html::after {
    content: "M";
  }
}
@media screen and (min-width: 1024px) {
  html::after {
    content: "L";
  }
}
@media screen and (min-width: 1280px) {
  html::after {
    content: "XL";
  }
}

/* Tokens */
:root {
  --animation-function-general: cubic-bezier(0.17, 0.84, 0.44, 1);
}

:root {
  /* Products - General */
  --color-sold-out-badge: #888;
  --color-sold-out-badge-label: #fff;
  /* Notifications */
  --color-error: #c93030;
  --color-error-background: #fff1f1;
  --color-error-rgb: 201, 48, 48;
  --color-success: #0c9c3d;
  --color-success-background: #dfffea;
  --color-success-rgb: 12, 156, 61;
  /* Buttons */
  --color-button-disabled: #f3f3f3;
  --color-button-disabled-contrast: #828282;
  /* Dialogs */
  --color-dialog-background: #fff;
  --color-dialog-background-rgb: 255, 255, 255;
  --color-dialog-overlay: rgba(0, 0, 0, 40%);
  --color-dialog-shadow: #000;
  /* Social links */
  --color-social-text: #fff;
  --color-facebook: #3a5c99;
  --color-twitter: #45aaf2;
  --color-pinterest: #bc2230;
  --color-pinterest-background: #efefef;
  --color-pinterest-border: #d3d3d3;
}

:root {
  --font-size-base: 16px;
  
  --font-body-family: Poppins,sans-serif;
  --font-body-style: normal;
  --font-body-weight: 600;
  --font-body-weight-bolder: 900;
  --font-body-letter-spacing: 0;
  
  --font-heading-family: Poppins,sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 600;
  
  --font-subheading-family: var(--font-body-family);
  --font-subheading-style: var(--font-body-style);
  --font-subheading-weight: var(--font-body-weight);
  --font-subheading-weight-bolder: var(--font-body-weight-bolder);
  --font-subheading-size-small: var(--font-body-size-200);
  --font-subheading-size-medium: var(--font-body-size-300);
  --font-subheading-size-large: var(--font-body-size-400);
  --font-subheading-line-height: var(--font-body-line-height);
  --font-subheading-letter-spacing: var(--font-body-letter-spacing);
  
  --font-accent-size-small: var(--font-body-size-25);
  --font-accent-size-medium: var(--font-body-size-50);
  --font-accent-size-large: var(--font-body-size-75);
  --font-accent-line-height: 1.2;
  --font-accent-letter-spacing: 0.075em;
  
  --font-button-family: var(--font-body-family);
  --font-button-size-small: var(--font-body-size-100);
  --font-button-size-medium: var(--font-body-size-200);
  --font-button-size-large: var(--font-body-size-300);
  --font-button-weight: var(--font-body-weight);
  --font-button-line-height: var(--font-body-line-height);
  --font-button-transform: none;
  --font-button-letter-spacing: 0;
  
  --font-signpost-size: var(--font-body-size-300);
  --font-signpost-weight: 700;
  --font-signpost-transform: uppercase;
  --font-signpost-letter-spacing: 0.05em;
  
  --font-form-label-size: var(--font-body-size-100);
  --font-form-label-weight: var(--font-body-weight);
  --font-form-label-transform: none;
  --font-form-label-letter-spacing: 0;
  --font-form-value-size: var(--font-body-size-100);
  --font-form-value-weight: var(--font-body-weight);
  --font-form-label-info-size: var(--font-body-size-75);
  --font-form-label-message-size: var(--font-body-size-50);
  
  --font-product-item-name-size: var(--font-body-size-100);
  --font-product-item-name-family: var(--font-body-family);
  --font-product-item-name-weight: var(--font-body-weight);
  --font-product-item-vendor-size: var(--font-body-size-50);
  --font-product-item-price-size: var(--font-body-size-100);
  --font-product-item-price-size-unit: var(--font-body-size-50);
  --font-product-item-price-size-savings: var(--font-body-size-50);
  /* We need to reduce the font sizes on the product cards on mobile */
}
@media screen and (max-width: 719px) {
  :root {
    --font-product-item-name-size: calc(var(--font-body-size-100) * 0.9285);
    --font-product-item-vendor-size: calc(var(--font-body-size-50) * 0.9285);
    --font-product-item-price-size: calc(var(--font-body-size-100) * 0.9285);
    --font-product-item-price-size-unit: calc(var(--font-body-size-50) * 0.9285);
    --font-product-item-price-size-savings: calc(var(--font-body-size-50) * 0.9285);
  }
}

:root {
  --index-header: 700;
  --index-overlay: 800;
  --index-modal: 900;
  --index-max: 1000;
}

:root {
  /* Site widths */
  --width-site-full: 9999px;
  --width-site-content: 800px;
  --width-site-constrained: 600px;
  /* General (Inconsequential) Spacers */
  --space-1: 0.125rem;
  --space-2: 0.25rem;
  --space-3: 0.375rem;
  --space-4: 0.5rem;
  --space-5: 0.625rem;
  --space-6: 0.75rem;
  --space-7: 0.875rem;
  --space-8: 1rem;
  --space-9: 1.25rem;
  --space-10: 1.5rem;
  --space-11: 1.75rem;
  --space-12: 2rem;
  --space-13: 2.25rem;
  --space-14: 2.5rem;
  --space-15: 2.75rem;
  --space-16: 3rem;
  --space-17: 3.5rem;
  --space-18: 4rem;
  --space-19: 5rem;
  --space-20: 6rem;
  --space-21: 7rem;
  --space-22: 8rem;
  /* Site gutters */
  --space-gutter-mobile: 16px;
  --space-gutter-desktop: 24px;
  /* Button Spacing */
  --space-button-small-vertical: var(--space-5);
  --space-button-small-horizontal: var(--space-8);
  --space-button-medium-vertical: var(--space-7);
  --space-button-medium-horizontal: var(--space-11);
  --space-button-large-vertical: var(--space-8);
  --space-button-large-horizontal: var(--space-13);
  /* FAB Buttons */
  --dimension-button-fab-small: 2rem;
  --dimension-button-fab-medium: 2.375rem;
  --dimension-button-fab-large: 2.875rem;
  --dimension-button-fab-icon-small: 1rem;
  --dimension-button-fab-icon-medium: 1.125rem;
  --dimension-button-fab-icon-large: 1.375rem;
  /* Forms */
  --space-form-label-gap: var(--space-7);
  --space-form-input-gap: var(--space-12);
  --space-form-input-small-vertical: var(--space-3);
  --space-form-input-small-horizontal: var(--space-6);
  --space-form-input-medium-vertical: var(--space-5);
  --space-form-input-medium-horizontal: var(--space-8);
  --space-form-input-large-vertical: var(--space-8);
  --space-form-input-large-horizontal: var(--space-9);
  --space-form-chip-vertical: var(--space-3);
  --space-form-chip-horizontal: var(--space-3);
  --dimension-form-chip-width: 4rem;
  --dimension-form-choice: calc(var(--font-form-label-size) * 1.125);
  --dimension-form-swatch: 2rem;
  /* Content Grids */
  --space-content-grid-small: var(--space-8) var(--space-4);
  --space-content-grid-medium: var(--space-10) var(--space-8);
  --space-content-grid-large: var(--space-11) var(--space-9);
  --space-content-grid-mobile: var(--space-8) var(--space-4);
  /* RTE Spacing */
  --space-rte-paragraph: var(--space-10);
  /* Section spacing */
  --space-section-margin-mobile: var(--space-14);
  --space-section-margin-desktop: var(--space-18);
}

/* Other style tokens that don't fit into the other categories */
:root {
  /* Forms */
  --border-radius-form-input: 0;
  --border-radius-form-checkbox: 0;
  --border-radius-form-swatch: 0;
}

/* Base */
* {
  box-sizing: border-box;
}

html {
  position: relative;
  height: 100%;
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-text-size-adjust: 100%;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-100);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  text-align: left;
  letter-spacing: var(--font-body-letter-spacing);
  background-color: var(--color-site-background);
  word-break: break-word;
}

main {
  flex-grow: 1;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: var(--space-10) 0 var(--space-8);
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-heading);
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:visited,
h4 a:hover,
h4 a:focus,
h4 a:active,
h5 a:visited,
h5 a:hover,
h5 a:focus,
h5 a:active,
h6 a:visited,
h6 a:hover,
h6 a:focus,
h6 a:active {
  color: inherit;
}

.h1,
h1 {
  font-size: var(--font-heading-size-1);
}

.h2,
h2 {
  font-size: var(--font-heading-size-2);
}

.h3,
h3 {
  font-size: var(--font-heading-size-3);
}

.h4,
h4 {
  font-size: var(--font-heading-size-4);
}

.h5,
h5 {
  font-size: var(--font-heading-size-5);
}

.h6,
h6 {
  font-size: var(--font-heading-size-6);
}

p {
  margin: var(--space-rte-paragraph) 0;
}

a {
  color: var(--color-link);
  transition: color 0.2s ease-out;
}
a:visited {
  color: var(--color-link);
}
a:hover, a:focus, a:active {
  color: var(--color-link-hover);
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}

ol,
ul {
  padding-left: var(--space-8);
  margin: var(--space-8) 0 var(--space-10);
}
ol > ol,
ol > ul,
ul > ol,
ul > ul {
  margin: 0;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: disc;
  list-style-position: inside;
}

li {
  margin-bottom: var(--space-6);
}

table {
  display: block;
  margin-bottom: var(--space-10);
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border: none;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 480px) {
  table {
    display: table;
    overflow-x: visible;
    white-space: normal;
  }
}

tr {
  border-bottom: 1px solid var(--color-lines-and-borders);
}
tfoot tr {
  border-bottom: none;
}

th {
  padding: var(--space-6) var(--space-6) var(--space-6) 0;
  font-size: var(--font-body-size-75);
  font-weight: var(--font-body-weight);
  color: var(--color-heading);
  line-height: var(--font-body-line-height);
  letter-spacing: 0.075;
  word-break: keep-all;
}

td {
  padding: var(--space-6) var(--space-6) var(--space-6) 0;
  word-break: keep-all;
}

blockquote {
  position: relative;
  margin: var(--space-rte-paragraph) var(--space-6);
  padding: 0 0 0 var(--space-11);
  font-family: var(--font-heading-family);
  font-size: var(--font-heading-size-2);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-body);
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
  border-left: 2px solid var(--color-body);
}
blockquote > * {
  padding: var(--space-5) 0 0 var(--space-8);
}
@media screen and (min-width: 720px) {
  blockquote {
    margin: var(--space-rte-paragraph) var(--space-13);
  }
}
@media screen and (min-width: 1024px) {
  blockquote {
    margin: var(--space-rte-paragraph) var(--space-19);
  }
}

iframe {
  max-width: 100%;
}

b,
strong {
  font-weight: var(--font-body-weight-bolder);
}

em {
  font-style: italic;
}

b em,
strong em,
em b,
em strong {
  font-style: italic;
}

label {
  display: block;
  margin-bottom: var(--space-form-label-gap);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  color: var(--color-form-foreground);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
  cursor: pointer;
}

input[type=text],
input[type=date],
input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=tel],
input[type=number],
textarea,
select {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--space-form-input-medium-vertical) var(--space-form-input-medium-horizontal);
  margin: var(--space-form-label-gap) 0 var(--space-form-input-gap);
  font-family: var(--font-body-family);
  font-size: var(--font-form-value-size);
  font-weight: var(--font-form-value-weight);
  color: var(--color-form-foreground);
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.3);
  border-radius: var(--border-radius-form-input);
  outline: none;
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
  appearance: none;
}
input[type=text]::placeholder,
input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=telephone]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
textarea::placeholder,
select::placeholder {
  color: rgba(var(--color-form-foreground-rgb), 0.6);
}
input[type=text]:hover,
input[type=date]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=telephone]:hover,
input[type=tel]:hover,
input[type=number]:hover,
textarea:hover,
select:hover {
  border: 1px solid var(--color-form-foreground);
}
input[type=text]:active, input[type=text]:focus,
input[type=date]:active,
input[type=date]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=telephone]:active,
input[type=telephone]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=number]:active,
input[type=number]:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
  border-color: var(--color-form-active);
  box-shadow: 0 0 0 1px var(--color-form-active);
}
input[type=text]:disabled,
input[type=date]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=telephone]:disabled,
input[type=tel]:disabled,
input[type=number]:disabled,
textarea:disabled,
select:disabled {
  color: rgba(var(--color-form-foreground-rgb), 0.6);
  cursor: not-allowed;
  background-color: rgba(var(--color-form-foreground-rgb), 0.04);
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.25);
}

input[type=date] {
  display: flex;
}

input[type=search]::-webkit-search-cancel-button {
  position: absolute;
  top: 50%;
  right: var(--space-8);
  width: 1rem;
  height: 1rem;
  margin: 0;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8, %3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM4.04588 3.33875C3.85061 3.14348 3.53403 3.14348 3.33877 3.33875C3.14351 3.53401 3.14351 3.85059 3.33877 4.04585L5.29291 5.99999L3.33877 7.95413C3.14351 8.14939 3.14351 8.46597 3.33877 8.66124C3.53403 8.8565 3.85061 8.8565 4.04588 8.66124L6.00001 6.7071L7.95415 8.66124C8.14942 8.8565 8.466 8.8565 8.66126 8.66124C8.85652 8.46597 8.85652 8.14939 8.66126 7.95413L6.70712 5.99999L8.66126 4.04585C8.85652 3.85059 8.85652 3.53401 8.66126 3.33875C8.466 3.14348 8.14942 3.14348 7.95415 3.33875L6.00001 5.29288L4.04588 3.33875Z" fill="black"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  opacity: 60%;
  transform: translateY(-50%);
  appearance: none;
}

input[type=checkbox],
input[type=radio] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dimension-form-choice);
  height: var(--dimension-form-choice);
  margin: 0 var(--space-6) 0 0;
  line-height: 1.5;
  vertical-align: baseline;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.3);
  outline: none;
  appearance: none;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  border: 1px solid var(--color-form-foreground);
}
input[type=checkbox]:active, input[type=checkbox]:focus,
input[type=radio]:active,
input[type=radio]:focus {
  border-color: var(--color-form-active);
  box-shadow: 0 0 0 1px var(--color-form-active);
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
  cursor: not-allowed;
  background-color: rgba(var(--color-form-foreground-rgb), 0.04);
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.25);
}

input[type=checkbox] {
  border-radius: var(--border-radius-form-checkbox);
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.6);
}
input[type=checkbox]:checked {
  background-color: var(--color-form-active);
  border: 1px solid var(--color-form-active);
}
input[type=checkbox]:checked::after {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  content: "";
  background-color: var(--color-site-background);
  /* 
Icon check (1.2.0) begin
     */
  mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22m1.47%209.63%204.61%203.768%208.45-9.796%22%2F%3E%3C%2Fsvg%3E");
  mask-size: 100%, 100%;
  /* 
Icon check (1.2.0) end
     */
}
input[type=checkbox]:disabled:checked {
  background-color: rgba(var(--color-form-foreground-rgb), 0.6);
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]:checked::after {
  position: absolute;
  width: calc(var(--dimension-form-choice) - 0.5rem);
  height: calc(var(--dimension-form-choice) - 0.5rem);
  content: "";
  background-color: var(--color-form-active);
  border-radius: 50%;
}
input[type=radio]:disabled:checked::after {
  background-color: rgba(var(--color-form-foreground-rgb), 0.6);
}

select {
  appearance: none;
  background-clip: padding-box;
}

section {
  margin: var(--space-section-margin-mobile) 0;
}
@media screen and (min-width: 480px) {
  section {
    margin: var(--space-section-margin-desktop) 0;
  }
}

header.header {
  margin: 0 0 var(--space-section-margin-mobile) 0;
}
@media screen and (min-width: 480px) {
  header.header {
    margin: 0 0 var(--space-section-margin-desktop) 0;
  }
}

footer.footer {
  margin: var(--space-section-margin-mobile) 0 0 0;
}
@media screen and (min-width: 480px) {
  footer.footer {
    margin: var(--space-section-margin-desktop) 0 0 0;
  }
}

section-wrapper,
section-header,
section-content {
  position: relative;
  display: block;
}

section-wrapper {
  max-width: calc(var(--width-site-full) + 2 * var(--space-gutter-mobile));
  padding-right: var(--space-gutter-mobile);
  padding-left: var(--space-gutter-mobile);
  margin: 0 auto;
}
@media screen and (min-width: 720px) {
  section-wrapper {
    max-width: calc(var(--width-site-full) + 2 * var(--space-gutter-desktop));
    padding-right: var(--space-gutter-desktop);
    padding-left: var(--space-gutter-desktop);
  }
}

section-wrapper[width=wide] {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

section-wrapper[width=content] {
  max-width: calc(var(--width-site-content) + 2 * var(--space-gutter-mobile));
}
@media screen and (min-width: 720px) {
  section-wrapper[width=content] {
    max-width: calc(var(--width-site-content) + 2 * var(--space-gutter-desktop));
  }
}

section-wrapper[width=constrained] {
  max-width: calc(var(--width-site-constrained) + 2 * var(--space-gutter-mobile));
}
@media screen and (min-width: 720px) {
  section-wrapper[width=constrained] {
    max-width: calc(var(--width-site-constrained) + 2 * var(--space-gutter-desktop));
  }
}

/* Helpers */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

.skip-to-main {
  position: absolute;
  top: 0;
  left: -9999px;
  padding: 1em;
  font-size: var(--font-body-size-100);
  text-decoration: none;
  background-color: var(--color-site-background);
}
.skip-to-main:focus, .skip-to-main:active {
  left: 0;
  z-index: 9000;
}

body:not(.user-is-tabbing) a,
body:not(.user-is-tabbing) button,
body:not(.user-is-tabbing) summary {
  outline: none;
}

.hidden {
  display: none !important;
}

.placeholder-svg {
  display: block;
  background-color: var(--color-onboarding-background);
  fill: var(--color-onboarding-foreground);
  width: 100%;
  height: 100%;
}

.errors,
.success {
  padding: var(--space-8) var(--space-4);
  margin-bottom: var(--space-12);
  text-align: center;
}

.errors {
  color: var(--color-error);
  background-color: var(--color-error-background);
  border: 1px solid var(--color-error);
}
.errors ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.errors li {
  margin: 0;
}

.success {
  color: var(--color-success);
  background-color: var(--color-success-background);
  border: 1px solid var(--color-success);
}

.field-error {
  border: 1px solid var(--color-error);
  box-shadow: 0 0 10px rgba(var(--color-error-rgb), 0.8);
}
/* === OJ'S FIX: Center the filter sidebar only === */
.faceted-filters {
  margin: 0 auto !important;
  text-align: center !important;
  width: fit-content !important;
  display: block !important;
}

.faceted-filters__heading {
  text-align: center !important;
}

.faceted-filters__disclosure,
.faceted-filters__disclosure-content {
  justify-content: center !important;
  text-align: center !important;
}
/* === OJ'S FIX: Add page side margins for cleaner centered layout === */
.main-collection-grid,
.section-collection-grid {
  max-width: 1400px !important; /* adjust this number to taste: try 1300–1500px */
  margin: 0 auto !important;
  padding: 0 40px !important; /* controls inner spacing on left/right */
  box-sizing: border-box !important;
}

/* Make sure product grid stays centered inside */
.main-collection-grid__products {
  justify-content: center !important;
}
/* === OJ'S FIX: Match header width to main content === */
.header,
.shopify-section--header,
.site-header {
  max-width: 1400px !important; /* same as the grid */
  margin: 0 auto !important;
  padding: 0 40px !important; /* matches inner page spacing */
  box-sizing: border-box !important;
}

/* Keep header elements spaced neatly */
.header__inline-menu,
.header__icons {
  display: flex !important;
  align-items: center !important;
}

/* Prevent logo from hugging the edge */
.header__logo {
  margin-left: 10px !important;
}
/* === OJ HOMEPAGE WIDTH ADJUSTMENT ONLY === */

/* Applies to homepage sections below the hero banner */
.template-index main,
.template-index .shopify-section {
  max-width: 1600px !important; /* adjust this for more/less white space */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

/* Keep hero (slideshow) full width */
.template-index .shopify-section--slideshow,
.template-index .slideshow,
.template-index .shopify-section--hero {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* === OJ HOMEPAGE WIDTH: SUBTLE WHITE MARGINS === */

/* Apply to homepage sections below the hero banner */
.template-index main,
.template-index .shopify-section {
  max-width: 1800px !important; /* wider - leaves only gentle side gaps */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  box-sizing: border-box !important;
}

/* Keep hero (slideshow) full width */
.template-index .shopify-section--slideshow,
.template-index .slideshow,
.template-index .shopify-section--hero {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* === OJ FINAL HOMEPAGE WIDTH === */

/* Apply to homepage sections below hero */
.template-index main,
.template-index .shopify-section {
  max-width: 2050px !important; /* widened to match where your cursor sits */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

/* Keep hero (slideshow) edge-to-edge */
.template-index .shopify-section--slideshow,
.template-index .slideshow,
.template-index .shopify-section--hero {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* === OJ'S FULL-WIDTH MODERN LAYOUT === */

/* Let homepage sections use nearly the full viewport width */
.template-index main,
.template-index .shopify-section {
  max-width: 95vw !important;  /* fills ~95% of screen */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2vw !important;
  padding-right: 2vw !important;
  box-sizing: border-box !important;
}

/* Keep hero banner totally full width */
.template-index .shopify-section--slideshow,
.template-index .slideshow,
.template-index .shopify-section--hero {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Align header + footer visually with content below */
.header,
.site-header,
.footer,
.site-footer {
  max-width: 95vw !important;
  margin: 0 auto !important;
  padding-left: 2vw !important;
  padding-right: 2vw !important;
  box-sizing: border-box !important;
}
/* --- OJ full-width alignment to match header (≈1800px) --- */

/* Constrain all homepage + inner sections to 1800px width */
.main-content,
.template-index .shopify-section,
.shopify-section-group,
.section,
.page-width {
  max-width: 1800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* Align banners and hero slides to the same width */
.section--hero,
.section--image-banner,
.section--slideshow {
  max-width: 1800px !important;
  margin: 0 auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* Disable Shopify's full-width overrides */
.shopify-section--full-width {
  max-width: 100% !important;
  padding: 0 !important;
}
/* --- OJ product grid + collection width alignment (match 1800px header) --- */

.collection,
.collection__inner,
.collection__title,
.collection__products,
.product-grid,
.product-grid-container,
.template-collection .shopify-section,
.template-search .shopify-section {
  max-width: 1800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* Keep grid responsive */
@media screen and (max-width: 749px) {
  .collection,
  .product-grid-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
/* --- OJ side space alignment (Tailor theme) --- */
#MainContent.site-main,
#MainContent .shopify-section {
  max-width: 1800px !important;   /* match your header width */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  width: 100%;
  box-sizing: border-box;
}

/* Optional: make banners respect the same width */
.image-banner,
.image-banner__wrapper,
.image-banner__content {
  max-width: 1800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body {
  background: #E6E5E1; /* slightly deeper than #F2F2F0 */
}

#MainContent {
  background: #FFFFFF;
  box-shadow: 0 0 40px rgba(0,0,0,0.06);
}
/* --- OJ off-white background refinement --- */
body {
  background: #F8F8F6; /* very light off-white */
}

#MainContent {
  background: #FFFFFF;
  box-shadow: 0 0 25px rgba(0,0,0,0.03);
  border-left: 1px solid rgba(0,0,0,0.02);
  border-right: 1px solid rgba(0,0,0,0.02);
}
/* DESKTOP HEADER STYLES ONLY */
@media screen and (min-width: 750px) {
.header {
  background-color: #F8F8F6; /* matches your page tone but separates it */
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
.header__heading-logo {
  max-width: 160px !important;
}
.header {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
/* --- OJ premium menu polish --- */
.header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 2px 6px rgba(0,0,0,0.02);
  padding-top: 10px;
  padding-bottom: 10px;
}} /* end desktop header */

/* menu links */
.header__inline-menu a {
  color: #131313;
  text-transform: uppercase;
  font-size: 15.5px;
  letter-spacing: 0.3px;
  font-weight: 500;
  padding: 0 14px;
  transition: color 0.3s ease, border-bottom 0.3s ease;
}

/* hover and focus */
.header__inline-menu a:hover,
.header__inline-menu a:focus {
  color: #D4AF37; /* your gold */
}

/* active page indicator */
.header__inline-menu .link--active {
  color: #D4AF37 !important;
  font-weight: 600;
  border-bottom: 2px solid #D4AF37;
  padding-bottom: 2px;
}

/* logo sizing balance */
.header__heading-logo {
  max-width: 150px;
}

/* subtle separation from body */
body {
  background: #F8F8F6;
}
/* === Filter dropdown compact layout (Tailor theme) === */
.faceted-filter__list-item,
.input-checkbox-row__label {
  padding-block: 3px !important;
  margin-block: 0 !important;
}

.input-checkbox-row__label {
  line-height: 1.1 !important;
  font-size: 0.95rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.input-checkbox-row__checkbox {
  transform: scale(0.9) !important;
  margin-right: 4px !important;
}

.faceted-filter__list {
  max-height: 320px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

.faceted-filter__list::-webkit-scrollbar {
  width: 6px !important;
}
.faceted-filter__list::-webkit-scrollbar-thumb {
  background-color: #ccc !important;
  border-radius: 4px !important;
}

@media (max-width: 768px) {
  .input-checkbox-row__label {
    font-size: 0.9rem !important;
    line-height: 1.05 !important;
  }
}
/* === Filter bar alignment fix === */
.faceted-filter-form,
.faceted-filter__form,
.faceted-filter__wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
}

/* Ensure the filter group (Club / Player / League) stays grouped on left */
.faceted-filter__group-list {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
}

/* Keep Sort by neatly on right side */
.sorting {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
}

/* Tidy up spacing on small screens */
@media (max-width: 768px) {
  .faceted-filter-form,
  .faceted-filter__wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .sorting {
    margin-left: 0 !important;
    margin-top: 0.5rem !important;
  }
}
/* === Filter + Sort alignment fix (Tailor theme) === */
.collection-filters,
.collection-filters__inner,
.faceted-filter-form,
.faceted-filter__wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 1rem !important;
}

/* Keep Club / Player / League inline */
.faceted-filter__group-list {
  display: flex !important;
  align-items: center !important;
  gap: 1.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Fix Sort by alignment */
.collection__sort,
.sorting {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  padding-right: 0.5rem !important;
  transform: translateY(-3px); /* subtle lift for perfect baseline alignment */
}

/* Tighten spacing between label and dropdown */
.collection__sort label,
.sorting label {
  margin-right: 0.4rem !important;
  font-weight: 500 !important;
}

/* Adjust dropdown vertically to match filter height */
.collection__sort select,
.sorting select,
.select__select {
  margin: 0 !important;
  padding: 6px 10px !important;
  line-height: 1.2 !important;
}
/* === Force-align Sort By dropdown with filters (Tailor override) === */
.collection__view-controls,
.collection-filters,
.collection-filters__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

.collection__sort {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
  gap: 6px !important;
  transform: translateY(-6px) !important; /* <-- adjust this number if still off */
}

.collection__sort label {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  position: relative !important;
  top: 0 !important;
}

.collection__sort select {
  margin: 0 !important;
  padding: 5px 10px !important;
  line-height: 1.2 !important;
  position: relative !important;
  top: 0 !important;
}
/* --- Collection Filters Bar --- */
.collection-filters-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  width: 100%;
  margin: 0 auto 2rem auto;
  padding: 0 2%;
  box-sizing: border-box;
}

.collection-filters-left {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  justify-content: flex-start;
}

.collection-filters-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.sort-by-form label {
  font-size: 0.95rem;
  margin-right: 0.4rem;
  color: #000;
}

.sort-by-form select {
  font-size: 0.95rem;
  border: none;
  background: transparent;
  padding: 0.2rem 0.4rem;
  cursor: pointer;
}

/* Mobile */
@media (max-width: 768px) {
  .collection-filters-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .collection-filters-left,
  .collection-filters-right {
    width: 100%;
    justify-content: space-between;
  }
}
/* === OJ filter bar precision alignment === */
.collection-filters-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 92%;                /* matches product grid content width */
  max-width: 1400px;         /* prevents it stretching wider than grid */
  margin: 0 auto 0.5rem auto;/* centers + tightens gap above products */
  padding: 0;                /* no side padding */
}

.faceted-filters {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/* Tighten general section spacing */
.main-collection-grid__content--top-divider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* === OJ precise filter bar alignment === */
.collection-filters-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 88%;                 /* tighter width matches product grid edges */
  max-width: 1350px;          /* keep consistent on large screens */
  margin: 0.5rem auto 0.5rem auto; /* small even vertical spacing */
  padding: 0;
  box-sizing: border-box;
}

.faceted-filters {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/* Tighten the gap above products */
.main-collection-grid__content--top-divider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Reduce any top space theme might add above filters */
.main-collection-grid .faceted-filters {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Keep spacing clean on mobile */
@media (max-width: 768px) {
  .collection-filters-bar {
    width: 94%;
    flex-direction: column;
    align-items: flex-start;
    margin: 0.5rem auto;
  }
}
/* === FINAL lowered version (approx a few cm lower) === */
.collection-filters-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 98%;
  max-width: 1650px;
  margin: 4rem auto -2rem auto;   /* lowered several cm visually */
  padding: 0;
  box-sizing: border-box;
}

.faceted-filters {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/* remove unwanted top padding from theme */
.main-collection-grid__content--top-divider {
  margin-top: -0.5rem !important;
  padding-top: 0 !important;
}

.main-collection-grid .faceted-filters {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mobile fallback */
@media (max-width: 768px) {
  .collection-filters-bar {
    width: 94%;
    flex-direction: column;
    align-items: flex-start;
    margin: 1rem auto;
  }
}
/* === FINAL ADJUSTMENT: Lower + Wider Filter Bar === */
.collection-filters-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 98%;
  max-width: 1650px;
  margin-top: 8rem !important;     /* pushes the bar several cm lower */
  margin-bottom: -2rem !important; /* tightens space above products */
  padding: 0;
  box-sizing: border-box;
  transition: margin 0.3s ease;
}

.faceted-filters {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/* Neutralize any conflicting spacing */
.main-collection-grid__content--top-divider,
.main-collection-grid .faceted-filters {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mobile view tweak */
@media (max-width: 768px) {
  .collection-filters-bar {
    width: 94%;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 3rem !important;
    margin-bottom: 0 !important;
  }
}
/* === Raise collection section closer to header === */
.main-collection-grid {
  margin-top: -4rem !important;   /* move everything up */
}

.main-collection-grid__content--top-divider {
  margin-top: -2rem !important;   /* tighten filter gap */
  padding-top: 0 !important;
}

/* make sure product grid aligns perfectly below */
.main-collection-grid__products {
  margin-top: -1rem !important;
}

/* keep layout stable on mobile */
@media (max-width: 768px) {
  .main-collection-grid {
    margin-top: -2rem !important;
  }
}
/* === Halve the white space above filters === */
.main-collection-grid {
  margin-top: -2rem !important;   /* was -4rem — now gentler lift */
}

.main-collection-grid__content--top-divider {
  margin-top: -1rem !important;
  padding-top: 0 !important;
}

.main-collection-grid__products {
  margin-top: -0.5rem !important;
}

/* Keep mobile spacing balanced */
@media (max-width: 768px) {
  .main-collection-grid {
    margin-top: -1rem !important;
  }
}
/* === Tighten top spacing for collection grid === */
.main-collection-grid,
.section-collection-grid,
section[data-component="main-collection-grid"],
section-wrapper,
.section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.main-collection-grid__content--top-divider {
  margin-top: -3rem !important; /* pull everything up */
}

.main-collection-grid__products {
  margin-top: -2rem !important;
}

/* Optional: make sure filters stay aligned after adjustment */
.faceted-filters {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Password page cleanup */
.shopify-section__title,
.shopify-section__header {
  display: none !important;
}

.template-password .shopify-section {
  text-align: center !important;
  margin-top: -60px !important;
}

.template-password .password-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 70vh;
}
/* Hide 'Custom Liquid' header only on password page */
.template-password .shopify-section__title {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.promotions-grid,
.promotions-grid .promotion {
  aspect-ratio: 1/1 !important;
  overflow: hidden;
  height: auto !important;
}
.promotions-grid .promotion img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.promotions-grid .button {
  white-space: nowrap !important;
  font-size: 0.95rem !important;
  padding: 0.6em 1.2em !important;
}
.promotions-grid,
.promotions-grid .promotion {
  aspect-ratio: 1/1 !important;
  overflow: hidden;
  height: auto !important;
}
.promotions-grid .promotion img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.promotions-grid .button {
  white-space: nowrap !important;
  font-size: 0.95rem !important;
  padding: 0.6em 1.2em !important;
}
.promotions-grid,
.promotions-grid .promotion {
  aspect-ratio: 1/1 !important;
  overflow: hidden;
  height: auto !important;
}
.promotions-grid .promotion img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.promotions-grid .button {
  white-space: nowrap !important;
  font-size: 0.95rem !important;
  padding: 0.6em 1.2em !important;
}
.promotions-grid .button {
  background:rgba(255,255,255,0.9)!important;
  color:#000!important;
  border:2px solid #000!important;
  border-radius:40px!important;
  font-weight:600!important;
  padding:0.65em 1.6em!important;
  letter-spacing:0.3px!important;
  box-shadow:0 3px 10px rgba(0,0,0,0.15)!important;
  backdrop-filter:blur(4px)!important;
  transition:all .3s ease!important;
}
.promotions-grid .button:hover {
  background:#000!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 6px 14px rgba(0,0,0,0.25)!important;
}
.section-template--{section.id}-padding,
.shopify-section:has(.promotions-grid) {
  margin: 0 !important;
  padding: 0 !important;
}
/* Keep Tailor's section spacing ON, but stop double padding inside promos */
[data-component="promotions-grid"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove the inner wrapper padding Tailor adds on top of section spacing */
.promotions-grid__wrapper--with-spacing {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* FIX: Remove internal padding from promotions grid, but keep global block spacing active */
[data-component="promotions-grid"] section-wrapper,
[data-component="promotions-grid"] section-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.promotions-grid__wrapper--with-spacing {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Kill only the internal promotions-grid padding */
.shopify-section[data-section-type="promotions-grid"],
[data-component="promotions-grid"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Remove outer white padding around promotions grid only (mobile + desktop) */
section[data-component="promotions-grid"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* === Remove outer padding/margin for Promotions Grid (OJ fix) === */
section[data-component="promotions-grid"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#a5bd5d5e-4d08-4731-b213-f3dac808e1c4.promotions-grid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#a5bd5d5e-4d08-4731-b213-f3dac808e1c4 .promotions-grid__wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#a5bd5d5e-4d08-4731-b213-f3dac808e1c4 section-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}
#a5bd5d5e-4d08-4731-b213-f3dac808e1c4 .section-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#a5bd5d5e-4d08-4731-b213-f3dac808e1c4 > section-wrapper > section-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#a5bd5d5e-4d08-4731-b213-f3dac808e1c4.promotions-grid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#a5bd5d5e-4d08-4731-b213-f3dac808e1c4 .promotions-grid__wrapper--with-spacing {
  row-gap: 0 !important;
  column-gap: var(--grid-gutter, 0) !important;
}

#a5bd5d5e-4d08-4731-b213-f3dac808e1c4 .promotions-grid__list-item {
  padding: 0 !important;
  margin: 0 !important;
}
/* Remove excess gap caused by Shopify wrapper around Promotions Grid */
#shopify-section-template--26112925925702__a28b2358-0bef-41aa-923a-0d17b9ef36ba {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Keep spacing inside the grid intact */
#shopify-section-template--26112925925702__a28b2358-0bef-41aa-923a-0d17b9ef36ba .promotions-grid__wrapper--with-spacing {
  gap: var(--grid-gutter, 2rem) !important;
}
/* Tighten internal promotions grid padding without touching block gaps */
.promotions-grid section-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* Remove internal top/bottom padding within the promotions-grid section */
.promotions-grid section-wrapper,
.promotions-grid section-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Remove the global top/bottom margin applied to promotions-grid section only */
.main-content .template-index .shopify-section:has(.promotions-grid),
.shopify-section:has(.promotions-grid) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* 🧩 Kill all outer spacing specifically for the promotions-grid section on the homepage */
#MainContent > div[id*="shopify-section"][class*="shopify-section"]:has(> section.promotions-grid),
#MainContent .shopify-section:has(> section.promotions-grid) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 🧩 Ensure the internal section-wrapper and section-content don’t reintroduce padding */
.promotions-grid > section-wrapper,
.promotions-grid > section-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* 🧩 Catch any theme-level spacing variables that still get inherited */
#MainContent [data-component="promotions-grid"],
#MainContent .promotions-grid {
  --space-section-margin-desktop: 0 !important;
  --space-section-margin-mobile: 0 !important;
  --space-section-padding-desktop: 0 !important;
  --space-section-padding-mobile: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ✂️ Nuke the section margin variables applied to the promotions grid container */
section[data-component="promotions-grid"] {
  --space-section-margin-desktop: 0 !important;
  --space-section-margin-mobile: 0 !important;
  --space-section-padding-desktop: 0 !important;
  --space-section-padding-mobile: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Catch the general `section { margin: var(--space-section-margin-mobile) 0; }` rule */
section[data-component="promotions-grid"] + section,
section[data-component="promotions-grid"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* OJ — fix promotions grid spacing: keep above, remove below */

/* Reset only the section that *contains* the promotions grid */
.shopify-section:has(> section[data-component="promotions-grid"]),
.shopify-section:has(> .promotions-grid) {
  margin-top: var(--space-section-margin-desktop, 40px) !important; /* restore top gap */
  margin-bottom: 0 !important; /* kill white space below */
  padding-top: var(--space-section-padding-desktop, 40px) !important; /* restore padding */
  padding-bottom: 0 !important; /* flatten bottom */
}

/* Ensure inner promos-grid doesn’t add extra padding */
section[data-component="promotions-grid"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove spacing between promotions grid and the *next* section only */
.shopify-section:has(> section[data-component="promotions-grid"]) + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* OJ — Remove Shopify spacer sections between blocks */
[id*="__spacer_"].shopify-section,
.shopify-section[id*="__spacer_"],
.shopify-section:has(> div[id*="__spacer_"]),
div[id*="__spacer_"] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
/* OJ — Nuke Shopify spacer sections completely */
div[id*="__spacer_"],
.shopify-section[id*="__spacer_"],
#MainContent .shopify-section[id*="__spacer_"],
.template-index .shopify-section[id*="__spacer_"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  overflow: hidden !important;
}
/* OJ — tighten top of testimonial/quote section after promotions grid */
.shopify-section[id^="6555"],
.shopify-section:has(> section[data-component="quote-slider"]),
.shopify-section:has(> section[data-component="testimonials"]) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Also remove any default section spacer between promos and next section */
.shopify-section[data-component="promotions-grid"] + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* OJ — remove top padding from the section directly after the promotions grid */
.shopify-section[data-component="promotions-grid"] + .shopify-section,
.shopify-section[data-component="promotions-grid"] + .shopify-section .section-content {
  --padding-section: 0 !important;
  --padding-section-top: 0 !important;
  --padding-section-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* OJ — completely remove any hidden spacer/padding elements between promos and next section */
.shopify-section[data-component="promotions-grid"] + .shopify-section,
.shopify-section[data-component="promotions-grid"] + .shopify-section *[style*="--space-section-margin"],
.shopify-section[data-component="promotions-grid"] + .shopify-section *[style*="height"],
.shopify-section[data-component="promotions-grid"] + .shopify-section:before,
.shopify-section[data-component="promotions-grid"] + .shopify-section:after {
  margin-top: 0 !important;
  padding-top: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  line-height: 0 !important;
  content: none !important;
  display: none !important;
  background: none !important;
  overflow: hidden !important;
}
/* OJ — tighten up spacing under Promotions Grid */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove any default section spacing applied AFTER promo grid */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Reduce global section gaps just for this layout */
.template-index .shopify-section {
  scroll-margin: 0 !important;
}
/* OJ — Remove unwanted gap below Promotions Grid */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Hide any empty or spacer section that appears *after* the promo grid */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba + .shopify-section:empty,
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba + .shopify-section[style*="height"],
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba + .shopify-section .spacer,
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba + .shopify-section[data-section-type*="spacer"] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}
/* OJ — tighten gap between promotions grid and testimonials */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#shopify-section-template--26112925925702__testimonials_8BnmHF,
#shopify-section-template--26112925925702__testimonials_B8nmHF {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If any space remains, collapse all section spacing between them */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba + #shopify-section-template--26112925925702__testimonials_8BnmHF,
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba + #shopify-section-template--26112925925702__testimonials_B8nmHF {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* OJ — Remove hidden padding baked into promotions grid */
.promotions-grid,
.promotions-grid section,
.promotions-grid .section-content,
.promotions-grid__wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Shopify sets a bottom gap through a CSS variable; override it */
.promotions-grid {
  --space-section-margin-mobile: 0 !important;
  --space-section-margin-desktop: 0 !important;
  --space-section-padding-bottom: 0 !important;
}

/* Kill the pseudo element some themes use for equal height spacing */
.promotions-grid::after {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
/* OJ — Flatten bottom spacing inside the Promotions Grid */
#f2244c4b-01a0-4ff3-b589-bda84380ef21.promotions-grid,
#f2244c4b-01a0-4ff3-b589-bda84380ef21.promotions-grid section,
#f2244c4b-01a0-4ff3-b589-bda84380ef21.promotions-grid .section-wrapper,
#f2244c4b-01a0-4ff3-b589-bda84380ef21.promotions-grid .section-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#f2244c4b-01a0-4ff3-b589-bda84380ef21.promotions-grid {
  --space-section-margin-mobile: 0 !important;
  --space-section-margin-desktop: 0 !important;
  --space-section-padding-bottom: 0 !important;
  --section-gap: 0 !important;
}

/* Remove any invisible :after spacer */
#f2244c4b-01a0-4ff3-b589-bda84380ef21.promotions-grid::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
}
/* OJ — remove theme wrapper spacing around promo grid */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba,
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba > section.promotions-grid {
  margin: 0 !important;
  padding: 0 !important;
}

/* also force theme’s section-group & container rules off */
.template-index main .shopify-section,
.template-index main .shopify-section-group,
.template-index main section[data-component="promotions-grid"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* just in case the theme uses an internal :where() wrapper */
:where(.template-index .shopify-section:has(.promotions-grid)) {
  margin: 0 !important;
  padding: 0 !important;
}
/* OJ — Remove extra section gap below promotions grid */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section {
  margin: 0 !important;
  padding: 0 !important;
}

/* ensure nothing nested overrides it */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section * {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* global override for all home sections just in case */
.template-index main .shopify-section {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* OJ FINAL PATCH — remove gap below promotions grid */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* clear all internal section padding */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section section,
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section .section-wrapper,
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section .section-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* nuke theme defaults that force spacing between home sections */
.template-index main .shopify-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.template-index main .shopify-section + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* OJ — flatten spacing under promotions grid */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section,
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba .promotions-grid,
#ebdabee2-354e-42dc-bc92-86eea05cc9c6 {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* also block any pseudo spacing */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba::after,
#ebdabee2-354e-42dc-bc92-86eea05cc9c6::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
}

/* reinforce globally for homepage sections */
.template-index main .shopify-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* OJ — Forcefully flatten promotions grid spacing */
.template-index main #shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section,
.template-index main #shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section section.promotions-grid,
.template-index main #shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba.shopify-section section.promotions-grid#624a125c-e095-4652-b8f6-3c6e073b8d26 {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Remove Shopify’s default inter-section padding */
.template-index main .shopify-section + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Disable any pseudo spacing */
#shopify-section-template--26112925925702__a28b2358-0bef-414a-923a-0d17b9ef36ba::after,
section.promotions-grid#624a125c-e095-4652-b8f6-3c6e073b8d26::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
}
/* OJ — Neutralize all promo grid spacing, no ID dependency */
section[data-component="promotions-grid"],
.shopify-section:has(.promotions-grid) {
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove gap that appears between promo grid and next section */
.shopify-section:has(.promotions-grid) + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Kill any leftover pseudo element or background filler */
section[data-component="promotions-grid"]::after,
.shopify-section:has(.promotions-grid)::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  background: none !important;
}
/* OJ – Center and style collection titles like promo grid */
.collection-list .card {
  position: relative;
  overflow: hidden;
}

.collection-list .card__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff !important;
  z-index: 2;
}

.collection-list .card__heading {
  font-size: 1.2rem;
  font-weight: 600;
  background: rgba(0,0,0,0.45);
  display: inline-block;
  padding: 8px 16px;
  border-radius: 6px;
  text-transform: uppercase;
}

/* Add subtle hover effect */
.collection-list .card:hover img {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}

.collection-list .media img {
  transition: transform 0.5s ease;
}

/* Optional: fade overlay for contrast */
.collection-list .card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25);
  z-index: 1;
}
/* OJ – Center collection titles over images */
.collection-list .card {
  position: relative;
  overflow: hidden;
}

.collection-list .card__content {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 2;
  padding: 0;
}

.collection-list .card__information,
.collection-list .card__heading {
  position: relative;
  display: inline-block;
  background: rgba(0, 0, 0, 0.45);
  color: #fff !important;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 18px;
  border-radius: 8px;
  margin: 0;
}

/* Add soft zoom hover */
.collection-list .card:hover img {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}
.collection-list .media img {
  transition: transform 0.5s ease;
}

/* Subtle dark overlay for contrast */
.collection-list .card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
/* OJ – Universal fix for centering Collection List titles over image */
.collection-list .card {
  position: relative !important;
  overflow: hidden;
}

.collection-list .card__content,
.collection-list .card__information,
.collection-list .card__heading,
.collection-list .card__inner a {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  width: 100% !important;
  z-index: 3 !important;
  color: #fff !important;
  pointer-events: none !important;
}

.collection-list .card__heading {
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  padding: 8px 18px;
  border-radius: 8px;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* Optional overlay behind text for contrast */
.collection-list .card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 2;
}

/* Hover zoom effect */
.collection-list .media img {
  transition: transform 0.4s ease;
}
.collection-list .card:hover img {
  transform: scale(1.05);
}
/* OJ – Center collection titles below images */
.collection-card__title {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  font-weight: 600;
  text-transform: none;
  font-size: 1.1rem;
}
/* OJ – Restyle Get a Quote button to match brand */
.button--primary,
.shopify-section .button--primary {
  background-color: #d4af37 !important; /* gold */
  color: #000000 !important; /* black text */
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  padding: 14px 28px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Hover effect */
.button--primary:hover {
  background-color: #000000 !important;
  color: #d4af37 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
/* OJ – Minimal black-bordered button */
.button--primary,
.shopify-section .button--primary {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  padding: 14px 28px !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

/* Hover: black background with white text */
.button--primary:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}
.product-card__badge--soldout {
  background: rgba(0, 0, 0, 0.85);
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 4px;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  letter-spacing: 0.5px;
}
/* Remove extra white space between rich text and product grid on collection pages */
.template-collection .shopify-section.section-rich-text,
.template-collection .shopify-section:has(.section-rich-text) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.template-collection .shopify-section.section-template--collection,
.template-collection .shopify-section:has(.collection) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional: slightly reduce spacing above the rich text heading */
.template-collection .section-rich-text {
  padding-top: 20px !important;
}
/* --- Tailor Theme: tighten Rich Text + Product Grid spacing --- */
.template-collection .shopify-section.section-rich-text,
.template-collection .section-rich-text.section,
.template-collection .section-rich-text.section-spacing {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.template-collection .shopify-section.section-collection,
.template-collection .section-collection,
.template-collection .collection,
.template-collection .collection__wrapper,
.template-collection [data-section-type*="collection"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove Tailor's default "section-spacing" utility padding */
.template-collection .section-spacing {
  --section-spacing-block-start: 0 !important;
  --section-spacing-block-end: 0 !important;
}

/* Optional fine-tune: small breathing gap under heading */
.template-collection .section-rich-text {
  padding-bottom: 8px !important;
}
/* --- Tailor theme: remove gap between Rich Text and Product Grid --- */

/* Target Tailor's internal wrapper around Rich Text section */
.template-collection #shopify-section-template--26130263212358__rich_text_RqyLTV section.rich-text,
.template-collection #shopify-section-template--26130263212358__rich_text_RqyLTV section-wrapper,
.template-collection #shopify-section-template--26130263212358__rich_text_RqyLTV .section-wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove top spacing on next collection/product grid section */
.template-collection [id*="collection"],
.template-collection .collection,
.template-collection section[data-component="collection"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional: small 10px breathing space below the text */
#shopify-section-template--26130263212358__rich_text_RqyLTV .rich-text {
  padding-bottom: 10px !important;
}
/* --- Tailor Theme: remove large top gap above product grid on collection pages --- */
.template-collection #shopify-section-template--26130263212358__main section-wrapper,
.template-collection #shopify-section-template--26130263212358__main section-content,
.template-collection #shopify-section-template--26130263212358__main .main-collection-grid {
  --section-spacing-block-start: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove any Tailor global section spacing for the first section on collection pages */
.template-collection .site-main > .shopify-section:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* --- Tailor Theme: fully remove top white gap on collection pages --- */

/* Kill Tailor's built-in section spacing on collection pages */
.template-collection .shopify-section,
.template-collection section-wrapper,
.template-collection section-content,
.template-collection .main-collection-grid,
.template-collection [data-component="main-collection-grid"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  --section-spacing-block-start: 0 !important;
}

/* Remove any gap that Tailor injects before the first visible section */
.template-collection main.site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Ensure the collection grid hugs the nav */
.template-collection #shopify-section-template--26130263212358__main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional: tighten global header-to-content spacing */
.header + main#site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Remove default top spacing from collection pages */
main#site-main.site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
  --section-spacing-block-start: 0 !important;
}

/* Tailor sometimes wraps main in a section group — reset that too */
.shopify-section-group-header-group + main#site-main.site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Remove white gap above product grid on collection pages */
body.template-collection main.site-main,
body.template-collection #MainContent,
body.template-collection .shopify-section,
body.template-collection .section-collection-grid,
body.template-collection [id*="rich_text"],
body.template-collection [id*="banner"],
body.template-collection [id*="metaobject"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Tailor sometimes keeps invisible wrappers around hidden sections */
body.template-collection section[style*="display: none"],
body.template-collection div[style*="display: none"] {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}
body.template-collection .shopify-section[id*="collection-metaobject-banner"] {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  display: none !important;
}
/* Fully remove top white gap on Tailor collection pages */
body.template-collection main#site-main,
body.template-collection .shopify-section,
body.template-collection section-wrapper,
body.template-collection section-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  --section-spacing-block-start: 0 !important;
  --section-spacing-block-end: 0 !important;
}

/* Also neutralize Tailor's injected section wrapper spacing */
body.template-collection [class*="collection-grid"] section-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
  --section-spacing-block-start: 0 !important;
}

/* Just in case hidden banner space remains */
body.template-collection .shopify-section[id*="collection-metaobject-banner"] {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}
/* ---- FULL COLLECTION PAGE GAP FIX ---- */

/* Reset all Tailor global spacers for collections */
body.template-collection,
body[class*="template-collection"] {
  --section-spacing-block-start: 0 !important;
  --section-spacing-block-end: 0 !important;
  --spacer-500: 0 !important;
  --spacer-400: 0 !important;
  --spacer-300: 0 !important;
  --spacer-200: 0 !important;
  --spacer-100: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Ensure the main container ignores any inherited block spacing */
body.template-collection main#site-main.site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
  block-size: auto !important;
}

/* Remove any hidden or ghost sections between header and collection grid */
body.template-collection .shopify-section[style*="display:none"],
body.template-collection .shopify-section:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* As a final fallback, kill all top margins across sections below the header */
body.template-collection .shopify-section:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* --- DIRECT OVERRIDE OF LIVE COLLECTION BANNER SPACING --- */
#shopify-section-template--26112925630790__collection-metaobject-banner {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Kill the inline padding + negative margin inside the banner itself */
#shopify-section-template--26112925630790__collection-metaobject-banner > section.collection-banner {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Make next section start flush under the header */
#shopify-section-template--26112925630790__collection-metaobject-banner + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page.restoration-terms h1, 
.template-restoration-terms h1 {
  text-align: center !important;
}
/* --- Header width & logo spacing adjustments --- */
@media (max-width: 749px) {
  .header__inner {
    max-width: 95% !important; /* widen header content area */
    padding: 0 10px !important; /* small side padding */
  }

  .header__logo {
    transform: scale(1.05); /* slightly enlarge logo */
  }

  .header__icon,
  .header__icon-button {
    padding: 0 6px !important; /* keep spacing even around icons */
  }

  .header {
    border-bottom: 1px solid #e0e0e0; /* keeps visual balance under nav */
  }
}
/* FINAL MOBILE HEADER FIX */
@media screen and (max-width: 749px) {
  header.header,
  .header {
    background-color: #fff !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding: 8px 0 !important;
  }

  .header__heading-logo img,
  .header__heading-logo {
    max-width: 220px !important;
    width: auto !important;
  }

  .header__inner {
    max-width: 95% !important;
    padding: 0 10px !important;
  }

  .header__icon,
  .header__icon-button {
    padding: 0 6px !important;
  }
}/* ==== OJ MOBILE LOGO SIZE ADJUSTMENT ==== */
@media screen and (max-width: 749px) {
  .header__heading-logo img {
    max-width: 240px !important; /* increase this number for larger logo */
    height: auto !important;
  }
}/* ==== OJ FINAL MOBILE LOGO OVERRIDE ==== */
@media screen and (max-width: 749px) {
  header .header__heading-logo img {
    width: 240px !important;         /* adjust to your liking */
    max-width: none !important;
    height: auto !important;
    inline-size: auto !important;
    max-inline-size: none !important;
  }
}@media screen and (max-width: 749px) {
  header .header__heading-logo img[style] {
    width: 240px !important;
    max-width: none !important;
  }
}/* ==== OJ LOGO SHRINK FIX ==== */
@media screen and (max-width: 749px) {
  .header__heading-logo img {
    width: 240px !important;
    max-width: none !important;
    height: auto !important;
  }

  /* This kills any inline max-width injected by the theme script */
  .header__heading-logo img[style*="max-width"] {
    max-width: none !important;
    width: 240px !important;
  }
}/* === OJ PAGE WIDTH ALIGNMENT FIX === */
.template-page .page-width,
.template-article .page-width,
.template-customers-login .page-width,
.template-customers-register .page-width,
.template-customers-account .page-width,
.template-customers-order .page-width,
.template-customers-addresses .page-width,
.template-cart .page-width,
.template-404 .page-width {
  max-width: 1400px !important; /* Match collection page width */
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.image-with-text,
.rich-text {
  max-width: 1400px !important;
  margin: 0 auto !important;
}
/* === FINAL FIX: MOBILE FILTER/SORT BAR RESET === */
@media screen and (max-width: 768px) {
  .collection-filters-bar {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 92% !important;
    max-width: 100% !important;
    margin: 1.5rem auto 1rem auto !important;
    padding: 0 !important;
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .faceted-filters {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }
}
/* === FORCE SHOW INLINE FILTERS ON MOBILE === */
@media screen and (max-width: 768px) {
  .collection-filters-bar,
  .faceted-filters,
  .faceted-filters__form {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* Stop the theme’s JS from collapsing the filters into a drawer */
  .faceted-filters__disclosure,
  .faceted-filters__active,
  .faceted-filters__clear-all {
    display: block !important;
  }

  /* Optional: make sure it looks neat */
  .collection-filters-bar {
    width: 92% !important;
    margin: 1rem auto !important;
    gap: 1rem !important;
  }
}
/* === FORCE SHOW INLINE FILTERS ON MOBILE === */
@media screen and (max-width: 768px) {
  .collection-filters-bar,
  .faceted-filters,
  .faceted-filters__form {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* Stop the theme’s JS from collapsing the filters into a drawer */
  .faceted-filters__disclosure,
  .faceted-filters__active,
  .faceted-filters__clear-all {
    display: block !important;
  }

  /* Optional: make sure it looks neat */
  .collection-filters-bar {
    width: 92% !important;
    margin: 1rem auto !important;
    gap: 1rem !important;
  }
}
/* === FORCE FACETED FILTERS + SORT BAR TO SHOW ON MOBILE === */
@media screen and (max-width: 768px) {
  .collection-filters-bar,
  .faceted-filters,
  .faceted-filters__form,
  .faceted-filters__filters,
  .faceted-filters__supplemental {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
    transform: none !important;
  }

  /* Make each dropdown / filter button visible */
  .faceted-filter,
  .faceted-filters__sort,
  .faceted-filters__result-count,
  .faceted-filters__active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
  }

  /* Ensure spacing looks OK */
  .collection-filters-bar {
    margin: 1rem auto !important;
    width: 92% !important;
    gap: 1rem !important;
  }

  /* Prevent animation JS from collapsing them */
  [data-faceted-filters],
  [data-filter-disclosures],
  [data-filter-form] {
    height: auto !important;
    overflow: visible !important;
  }
}
/* === FACETED FILTERS CLEAN MOBILE LAYOUT === */
@media screen and (max-width: 768px) {
  .collection-filters-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin: 0.5rem auto 1rem !important;
    width: 95% !important;
    text-align: center !important;
  }

  .faceted-filters__filters {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }

  .faceted-filter {
    flex: 1 1 auto !important;
    min-width: 45% !important;
    max-width: 48% !important;
    text-align: center !important;
  }

  .faceted-filter summary {
    font-weight: 600 !important;
    font-size: 15px !important;
  }

  .faceted-filters__supplemental {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0.5rem !important;
  }

  .faceted-filters__sort {
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}/* === FINAL CLEAN MOBILE FILTER BAR === */
@media screen and (max-width: 768px) {
  .collection-filters-bar {
    margin-top: 0.25rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0 !important;
    gap: 0.5rem !important;
    width: 95% !important;
  }

  /* Keep Club/Player/League on one row */
  .faceted-filters__filters {
    display: flex !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    scroll-snap-type: x mandatory;
    gap: 0.75rem !important;
    padding-bottom: 0.25rem !important;
    -webkit-overflow-scrolling: touch;
  }

  .faceted-filter {
    flex: 0 0 auto !important;
    min-width: auto !important;
    scroll-snap-align: start;
  }

  /* Sort row below, neatly aligned */
  .faceted-filters__supplemental {
    margin-top: 0.3rem !important;
    text-align: center !important;
  }

  .faceted-filters__sort {
    font-size: 14px !important;
    font-weight: 600 !important;
  }
}/* TEMP FIX – hide faceted filters on mobile until clean rebuild */
@media screen and (max-width: 749px) {
  .faceted-filters {
    display: none !important;
  }
}