/** Shopify CDN: Minification failed

Line 374:18 Unexpected "{"
Line 374:27 Expected ":"

**/
            /* GLOBAL FONTS */

      /* Importing fonts ...note that adobe font importing done on theme.liquid */

/* Knockout 27 Junior Bantamweight */
@font-face {
  font-family: "Knockout 27 Junior Bantamweight";
  src: url("/cdn/shop/files/Knockout-27.otf?v=1759874921") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Supply Mono Bold */
@font-face {
  font-family: "PP Supply Mono";
  src: url("/cdn/shop/files/PPSupplyMono-Bold_c8415a2b-237f-4cd6-b79e-60da131565e5.woff2?v=1759874908") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Font Variables */
[role=main] .shopify-section {
    background:#fff !important;
    font-family: bakemono-variable, sans-serif !important;
    font-variation-settings: "MONO" 0, "wght" 300;
    color:#1a1a1e;
}

:root {
  --font-heading-family: "bakemono-variable", sans-serif;
  --font-subheading-family: "canada-type-gibson", sans-serif;
  --font-body-family: "canada-type-gibson", sans-serif;
}

.header, .custom-footer, h1.h1:not(.prose h1.h1), .shopify-section.shopify-section--newsletter svg {display:none !important;}

      /* Global Type Rules */

/* Headings - H1–H6 and section titles */
html h1, html h2, html h3, html h4, html h5, html h6,
.section-heading,
.section-header__title {
  font-family: var(--font-heading-family) !important;
  font-weight: 400;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Headings – Force section headers to use the heading font */
.shopify-section--featured-collection-tabs .section-header .prose .h2,
.shopify-section--featured-collection-tabs .section-header h2.h2,
.shopify-section--featured-collection-tabs .section-header .text-custom,
.shopify-section--featured-collection-tabs .section-header split-lines,
.shopify-section--shop-the-look .section-header .prose .h2,
.shopify-section--shop-the-look .section-header h2.h2,
.shopify-section--shop-the-look .section-header .text-custom,
.shopify-section--shop-the-look .section-header split-lines,
.shopify-section--shop-the-look-custom .section-header .prose .h2,
.shopify-section--shop-the-look-custom .section-header h2.h2,
.shopify-section--shop-the-look-custom .section-header .text-custom,
.shopify-section--shop-the-look-custom .section-header split-lines,
.shopify-section--custom-testimonials .section-header .prose .h2,
.shopify-section--custom-testimonials .section-header h2.h2,
.shopify-section--custom-testimonials .section-header .text-custom,
.shopify-section--custom-testimonials .section-header split-lines,
.shopify-section--custom-brand-pillars .section-header .prose .h2,
.shopify-section--custom-brand-pillars .section-header h2.h2,
.shopify-section--custom-brand-pillars .section-header .text-custom,
.shopify-section--custom-brand-pillars .section-header split-lines,
.product-info__title.h2 {
  font-family: var(--font-heading-family), "Knockout 27 Junior Bantamweight", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-size: clamp(3.5rem, 7vw, 5.25rem);
  line-height: 1.1;
}

a.arrow_link:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  /* Use SVG as mask */
  mask-image: url('/cdn/shop/files/link_arrow.svg?v=1763130843');
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: currentColor;
}

/* Review photo carosel arrows */
.jm-mfp-arrow-left:before, .jm-mfp-arrow-right:before {
    font-family: 'JudgemeIcons' !important;
} 

/* Headings - If the theme forces fonts on everything inside .prose, neutralize it here */
.shopify-section--featured-collection-tabs .section-header .prose * {
  font-family: inherit !important;
}

html h1{
  font-family: bakemono-variable, sans-serif !important;
  font-variation-settings: "MONO" 0, "wght" 300;
  font-size: clamp(1.75rem, 8vw, 2rem) !important;
  line-height: .85;
  text-shadow: 1px 1px 1px #1a1a1e;
  text-transform:none !important;
}

.prose .subheading:not(.slideshow__carousel .prose .subheading) {
  font-family: var(--font-body-family) !important;
  font-size: clamp(1.85rem, 5vw, 2.85rem);
  font-weight:300;
  font-style:italic;
  text-align:right;
  overflow: visible; /* important */
  position: relative;
  margin:-10px -15% 0 0 !important;
}

.prose .subheading:not(.slideshow__carousel .prose .subheading)::after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 2px;
  background: #FF4F0A;
  margin-left: 6px;
  vertical-align: middle;
  border-radius: 1px;
}

/* Subheadings, labels, meta text */
html .subheading,
html .eyebrow,
html .meta,
html .label {
  font-family: var(--font-subheading-family) !important;
  font-weight: 700;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Body, paragraphs, inputs, RTE, etc. */
html body,
html p,
html li,
html span,
html input,
html textarea,
html .rte 
.product-info__description {
  font-family: var(--font-body-family) !important;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0.005em !important;
}

.bold {
  font-weight: 400;
}

      /* Global Button Type Rules */




.tab-buttons .button {
  font-family: var(--font-subheading-family) !important;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  background:transparent !important;
  color:#FFFFFF !important;
}

.badge {
  font-weight:400;
}

    /* Homepage Paddle Collection */

.shopify-section--featured-collection-tabs {
  z-index:10;
  margin-top:-100px;
  background-color:transparent !important;
}
.shopify-section--featured-collection-tabs div.section{
  padding-top:0 !important;
}

@media screen and (max-width: 1000px) {
  .shopify-section--featured-collection-tabs {
    margin-top:-50px;
  }
}

@media screen and (max-width: 768px) {
  .shopify-section--featured-collection-tabs {
    margin-top:0px;
  }
}

    /* Testimonials */
.shopify-section--custom-testimonials .section-full {
  position: relative;
  border-top: 10px solid #1a1a1e;
  border-bottom: 10px solid #1a1a1e;
}

.shopify-section--custom-testimonials .section-full::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #FF4F0A;
}

.shopify-section--custom-testimonials .section-full::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #FF4F0A;
}

.shopify-section--custom-testimonials .section-header,
.shopify-section--custom-testimonials div.prose,
.shopify-section--custom-brand-pillars .section-header,
.shopify-section--custom-brand-pillars div.prose {
  margin:0 auto;
  text-align:center;
}

  /* Featured Athlete */
  .ptk-athlete__info {
    padding:16px 0;
    border-top: 1px solid #FF4F0A;
    border-bottom: 1px solid #FF4F0A;
  }


            /* JUDGE.ME EDITS */

      /* Write a Review Button */

a.jdgm-write-rev-link {
  /* Match native button font styles */
  font-family: var(--font-subheading-family) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;

  /* Match native button appearance */
  font-size: var(--text-sm, 0.875rem) !important;
  line-height: 1.6 !important;
  color: rgb(var(--button-text-primary, 255 255 255)) !important;
  background-color: rgb(var(--button-background-primary, 255 79 10)) !important;

  /* Padding, border radius, etc. */
  padding-block-start: var(--spacing-3, 0.75rem) !important;
  padding-block-end: var(--spacing-3, 0.75rem) !important;
  padding-inline-start: var(--spacing-6, 1.5rem) !important;
  padding-inline-end: var(--spacing-6, 1.5rem) !important;
  border-radius: var(--rounded-button, 0rem) !important;

  /* Button-like behavior */
  display: inline-block !important;
  text-decoration: none !important;
  text-align: center !important;
  position: relative;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

      /* Title */
.jdgm-rev-widg__title {
  font-family: var(--font-heading-family), "Knockout 27 Junior Bantamweight", sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-size: clamp(2rem, 5vw, 4rem) !important;
  line-height: 1.1 !important;
  display: block !important;
  color: rgb(var(--text-color)) !important;
}

      /* Dropdown Menu */
/* Remove top dividers on all Judge.me reviews */
.jdgm-rev.jdgm-divider-top {
  border-top: none !important;
  margin-top: 0 !important; /* if there's spacing */
  padding-top: 0 !important;
}

/* Also remove any bottom or other dividers if they exist */
.jdgm-rev {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}













            /* HEADER EDITS */

      /* Breakpoint adjustment from 1150px to 1000px */

@media screen and (min-width: 1000px) {
  .header__link-list {
    gap: var(--spacing-4) var(--header-link-list-spacing);
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:contents {
    display: contents;
  }
  #shopify-section-sections--19966709235966__header {
    --header-grid-template: "logo main-nav secondary-nav" / minmax(0, 1fr) fit-content(55%) minmax(0, 1fr) !important;
  }
}

      /* Header Font Edits - some are done on custom-header.liquid instead, soz */

/* Nav items */
.header__link-list a {
  font-weight: 400 !important;
}

      /* Header transparency fix on tablet and mobile */
.store-header[sticky],
.store-header[hide-on-scroll],
#shopify-section-header,
#shopify-section-custom-header,
#shopify-section-{{ section.id }} .header__wrapper {
  background: var(--color-background, #1a1a1e) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: background 0.25s ease !important;
  border-bottom:1px solid #d7d1cb;
  padding-bottom:10px;
}

/* Specifically ensure mobile/tablet doesn’t go transparent */
@media screen and (max-width: 999px) {
  .store-header[sticky],
  #shopify-section-custom-header .header__wrapper {
    background: #1a1a1e !important;
  }
}


      /* Footer Edits  */
.custom-footer {
  background-image: url('/cdn/shop/files/pdltk_lglogo_footbkg_orange.svg') !important;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat !important;
  margin-top:60px;
}
 .footer-grid{
  padding-top:100px;
 }

 .footer-form button.button {
  color:#000 !important;
  font-weight:400 !important;
 }

 @media screen and (max-width: 900px) {
  .footer-grid{
    padding-top:70px;
  }
 }

  @media screen and (max-width: 769px) {
  .footer-grid{
    padding-top:50px;
  }
 }


            /* BLOCK AND SECTION EDITS */

      /* Announcement Bar */

/* Announcement bar text */
.announcement-bar__scrolling-list p {
  font-weight: 400 !important;
}

      /* Hero Banner */

/* Subheading */
.shopify-section--slideshow .subheading {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
  margin-top:50px;
  text-shadow:1px 1px 1px #1a1a1e;
}
@media screen and (max-width: 1000px) {
  .shopify-section--slideshow .subheading {
    margin: 40px 0 16px 0 !important;
    line-height: 1.5 !important;
  }
}

    /* Subpage Hero Banners */
  .content-over-media h1.h1, .content-over-media h1.h1 + p {
    font-family: "stinger-variable", sans-serif !important;
    font-variation-settings: "wdth" 80, "wght" 500;
    font-size: clamp(2.5rem, 100vw, 4.25rem) !important;
    line-height: 1;
    color: #1a1a1e;
    text-transform:none !important;
  }

  .content-over-media h1.h1 + p {font-size:2rem !important; padding:10px 0; line-height:1.1}

  .content-over-media div.prose p {color:#1a1a1e; font-size:1.5rem; line-height:1.1;}
  .content-over-media div.prose div {margin:0 !important;}

  .shopify-section.shopify-section--newsletter {border-top:1px solid #d0d2d3;}

  .button,
.shopify-section .button,
button[type="button"],
a.button {
  font-family: var(--font-body-family) !important;
  font-weight: 400;
  font-size:1.25rem;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  border-radius: 9999px;
  padding: 0.75em 2.5em;
  background-color: #f6cc07 !important;
  z-index:2;
}

input[type=email] { 
  border-color:#f6cc07;
  border-radius: 9999px;
  z-index:1;
  font-size:1.25rem;
  padding: 0.75em 3em 0.75em 2.5em;
  color:#1a1a1e !important;
  width:130%;
  margin-top:1px;
}

input[type=email]:focus {border-color:#f6cc07 !important; box-shadow:none !important;}
  
  @media screen and (max-width: 768px) {
    .content-over-media h1.h1 + p {font-size:1.65rem !important;font-variation-settings: "wdth" 100, "wght" 500;}

    .content-over-media div.prose p {font-size:1.15rem;}
    input[type=email] {width:100%;}
    
  }

/* Heading */
.shopify-section--slideshow .h1,
.shopify-section--slideshow .heading {
  font-family: var(--font-heading-family) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-size: clamp(3.25rem, 12vw, 8rem) !important;
  position: relative;
  top:50px;
}

@media screen and (max-width: 1150px) {
  .shopify-section--slideshow .h1,
.shopify-section--slideshow .heading {
  top:35px;
}
}

      /* Drawer */

/* Base structure */
.navigation-drawer,
.navigation-drawer .panel,
.navigation-drawer .panel__wrapper {
  font-family: "PP Supply Mono", monospace !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Simple links (like “Team Paddletek”, “Kitchen”) */
.navigation-drawer .reversed-link,
.navigation-drawer .panel__wrapper a {
  font-family: "PP Supply Mono", monospace !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Top-level buttons that open submenus (like “Gear Up”) */
.navigation-drawer .text-with-icon.h6.text-subdued,
.navigation-drawer .text-with-icon.h6,
.navigation-drawer .panel__wrapper button.text-with-icon,
.navigation-drawer .panel__wrapper button.text-with-icon span {
  font-family: "PP Supply Mono", monospace !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Submenu links inside child panels */
.navigation-drawer .panel__wrapper .h3,
.navigation-drawer .panel__wrapper .h4,
.navigation-drawer .panel__wrapper .h5,
.navigation-drawer .panel__wrapper .h6 {
  font-family: "PP Supply Mono", monospace !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Back buttons (e.g., “< Gear Up”) — use Gibson */
.navigation-drawer .panel__header button,
.navigation-drawer .panel__header .text-subdued,
.navigation-drawer .panel__header .text-with-icon {
  font-family: var(--font-body-family, "Canada Type Gibson") !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0.005em !important;
}

      /* Custom Product Card */

.ptk-card { /* keep theme surface for top; custom panel below */
  --ptk-black: #1a1a1e;
}

.ptk-card__media, .product-card__figure, .product-gallery__media { 
  position: relative; 
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
  transition: clip-path 0.3s ease;
  background: linear-gradient(
    to top,
    black 0%,
    #1a1a1e 45%
  );
}
.ptk-card__media-link { display:block; }
.ptk-card__image-square { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: auto; }

.ptk-specs__visuals svg{width:40px;height:auto;color:#757575;transition:opacity .25s, filter .25s;}
.ptk-specs__visuals svg.active{color:#ff4f0a; opacity:1;filter:none;}

/* Bottom panel layout */
.ptk-card__info {
  background: var(--ptk-black) !important;
  color: #fff;
  padding: 16px 0 18px; /* remove side padding */
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px 12px;
  align-items: start;
}

.product-card {background: var(--ptk-black) !important;}
.product-card__info, .product-card .text-subdued {color:#FFFFFF !important;}
.price-list .text-subdued {font-size:1.35rem; font-weight:400;}

.ptk-card__info-left {
  display: grid;
  gap: 6px;
  padding-left: 0px;
}

.ptk-card__info-right {
  display: grid;
  gap: 8px;
  justify-items: end;
  padding-right: 0px;
}

.ptk-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--font-body-family, "Canada Type Gibson") !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0.005em !important;
}

.ptk-card__title a {
  color: #fff !important;
  text-decoration: none;
}

.ptk-card__swatches{ margin-top: 4px; }

.ptk-card__tags {
  display: flex;
  flex-direction: column; /* stack vertically */
  gap: 8px;
  align-items: end;
  max-width: 100%;
}

/* Tags refinement */
.ptk-tag {
  font-size: 11px;
  line-height: 1;
  padding: 4px 8px; /* tighter padding */
  color: #fff;
  border: none;
}

.ptk-tag--shape {
  background: #757575;
}

.ptk-tag--stat {
  background: var(--series-color, #960027);
}

/* CTA row spans full width under both columns */
.ptk-card__cta {
  grid-column: 1 / -1;
  margin-top: 4px;
  width: 100%;
}

.ptk-card__cta .button {
  width: 100%;
  padding-block: 8px !important; /* reduce height */
}

/* JUDGE.ME EDITS  —  Simplified clean version */

/* Write-a-review button (keep if you use it on PDPs) */
a.jdgm-write-rev-link {
  font-family: var(--font-subheading-family) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  color: rgb(var(--button-text-primary, 255 255 255)) !important;
  background-color: rgb(var(--button-background-primary, 255 198 0)) !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 0 !important;
  display: inline-block !important;
  text-align: center !important;
  text-decoration: none !important;
}

/* Rating placement inside product cards */
.ptk-card__rating {
  margin-top: 4px;
}

/* Judge.me star badge appearance */
.jdgm-preview-badge {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  line-height: 1;
}

/* Fix Judge.me star icons — includes proper half-star */
.jdgm-preview-badge .jdgm-star {
  font-family: 'jdgm-star' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #FF4F0A !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

/* full star */
.jdgm-preview-badge .jdgm-star.jdgm--on:before {
  content: '★' !important;
}

/* half star */
/* half star — uses gold left half + transparent right half */
.jdgm-preview-badge .jdgm-star.jdgm--half {
  position: relative;
}

.jdgm-preview-badge .jdgm-star.jdgm--half:before {
  content: '★' !important;
  background: linear-gradient(90deg, #FF4F0A 50%, rgba(255, 255, 255, 0.15) 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #FF4F0A !important;
}

/* empty star */
.jdgm-preview-badge .jdgm-star.jdgm--off:before {
  content: '☆' !important;
}

/* Optional: fade unreviewed products’ stars entirely */
.jdgm-preview-badge[data-average-rating="0"],
.jdgm-preview-badge[data-average-rating="0.00"] {
  display: none !important;
}

/*.jdgm-widget * {
  margin-top: -2px !important;
}*/

/* Review count styling (small + subtle) */
.jdgm-preview-badge .jdgm-prev-badge__text {
  display: inline !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #bbb !important;
  margin-left: 4px !important;
  line-height: 1;
}

/* Hide empty rating containers when no reviews exist */
.ptk-card__rating:has(.jdgm-preview-badge[style*="display: none"]) {
  display: none !important;
}

.jdgm-rev-widg .jdgm-star, .jdgm-revs-tab .jdgm-star, .jdgm-all-reviews .jdgm-star, .jdgm-gallery-popup .jdgm-star,.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown, .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow,.jdgm-paginate__page {color:#ff4f0a !important;}

.jdgm-write-rev-link.jdgm-write-rev-link {border-color:#ff4f0a !important;}

@media only screen and (min-width: 992px) {
  .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__title {
      margin-bottom: 40px !important;
  }
}

/* === Judge.me Review Section Tweaks === */

/* 1. Fix yellow rating bar height alignment */
.jdgm-histogram__bar .jdgm-histogram__bar-content {
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  height: 100% !important;
}

/* Make sure the bar fully fills without gray showing through */
.jdgm-histogram__bar-content {
  background-color: #FF4F0A !important;
  height: 100% !important;
}

/* 2. Add spacing between histogram rows */
.jdgm-histogram__row {
  margin-bottom: 6px !important; /* tweak between 6–10px if you want more space */
}

/* 3. Add spacing between "5.00 out of 5" and "Based on X reviews" */
.jdgm-rev-widg__summary-stars {
  margin-bottom: 6px !important;
}

/* 4. Add vertical spacing between reviews */
.jdgm-rev {
  margin-bottom: 32px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* optional subtle divider */
  padding-bottom: 24px !important;
}

/* 5. Reviewer name style */
.jdgm-rev__author {
  font-family: "PP Supply Mono", monospace !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: #fff !important;
  margin-right: 10px !important;
}

/* Optional: give "Verified by shop" a touch of polish */
.jdgm-rev__buyer-badge {
  font-size: 10px !important;
  text-transform: uppercase;
  background-color: #fff !important;
  color: #000 !important;
  border-radius: 3px !important;
  font-weight: 700;
  padding: 2px 6px !important;
  margin-left: 6px;
}

.jdgm-rev__verification-badge-img {
  margin-top: -4px;
}

.jdgm-quest, .jdgm-rev {
  padding: 0 !important;
}

.jdgm-paginate {
  font-family: "PP Supply Mono", monospace !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

    /* Blog Labels */

.shopify-section--main-blog ul {
  margin: 25px 0 10px 0;
}    
.shopify-section--main-blog ul li {
    border: 1px solid #FF4F0A;
    height: 30px;
    border-radius: 20px;
    margin: 0 8px;
}
  .shopify-section--main-blog ul li a {
    height: 30px;
    padding: 5px 20px;
    font-size:.75rem;
    text-transform: uppercase;
  }

  /* === Achievements Section Layout === */
.achievements-section {
  text-align: center;
}

.achievements-section .page-width {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 3-column layout on desktop, single column on mobile */
.achievements-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  width: 100%;
  max-width: 1000px;
}

@media (min-width: 768px) {
  .achievements-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

    /* Player Achievements - Team Page */

    .section-achievements .justify-items-center {
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 60%;
    }

/* Center each achievement */
.achievement-block {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2rem;
}

.achievement-block:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 80%;
  background-color: #FF4F0A;
}



/* Number and text styling */
.achievement-number {
  font-weight: 700;
  color: #ffffff !important;
  font-family: var(--font-heading-family) !important;
  font-size: clamp(2rem, 12vw, 4rem) !important;
  line-height:.9;
}

.achievement-text {
  font-size: 1rem;
  line-height:1.2rem;
  color: #ffffff !important;
  margin-top: 0.5rem;
  text-align:left;
  padding:0 25px 0 10px;
}

/* === Social icons row === */
.social-row {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2.5rem;
}

.social-icon {
  color: #FFF !important;
  transition: color 0.3s ease;
}

.social-icon:hover {
  color: var(--icon-hover, #f5b700) !important;
}

.icon svg {
  width: 2rem;
  height: 2rem;
}

@media (max-width:700px) {
  .achievement-block {
    flex-direction: column !important;
  }
  .achievement-number {
    text-align:center;
  }
  .achievement-text {
    margin-top: -.5rem;
    text-align:center;
  }
}

.shopify-section--media-with-text p.h2 {
  font-family: var(--font-heading-family) !important;
  font-size: clamp(2rem, 12vw, 4rem) !important;
  text-transform: uppercase;
}


.shopify-section--media-grid .content-over-media>:is(img) {object-position:top !important;}

@media (max-width: 700px) {
  .media-grid__item {min-height:30% !important;}
}

.media-with-text__media>* { height:auto !important; max-height:100% !important;}

@media (max-width: 768px) {
.media-with-text img {width:30%; display:block; margin:0 auto;}
}

.shopify-section--four-column-text {
  margin: 0 auto 60px auto;
  max-width: 95%
}

footer.shopify-section.shopify-section-group-footer-group {
  background:#e5e8e9 !important;
  height:100px;
  position: relative; /* establish positioning context */
}

footer.shopify-section.shopify-section-group-footer-group::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d0d2d3; /* line color */
}