/** Shopify CDN: Minification failed

Line 221:1 Unexpected "#"
Line 318:0 Unexpected "`"

**/
.rte ol, .rte ul{ padding-inline-start: 34px;}


/*reduce h1 sizes*/
.ctnr h1.cj-page-title,.ctnr h1.page-title,.collection-content .s-header h1,h2.s-header__title{font-size: 4rem; text-align: center; width: 100%;}
.collection__header{display:block!important;}
.collection__header .s-header{padding:0;}
.h1, .h2, .h3, .h4, .h5, .h6, .headline, h1, h2, h3, h4, h5, h6{margin-block:0!important;}


/*make breadcrumbs have full light grey bg*/
.greybg{background:#f2f2f2;}

/*reduce menu sizes and change colors*/
.menu__link{font-size:18px!important;}
.mega-menu .menu__item--current, .mega-menu .menu__item__grandchild:hover,.mega-menu .menu__link--active,
.mega-menu .menu__link:hover, .mega-menu details[open]>.menu__link,
.tab__link--active, .tab__link--active.menu__link,.header-extra-info .btn-link{color:#ba9731!important;--color-normal-text:#ba9731!important;}

.header-extra-info .header__social-list .btn-primary{background:#ba9731!important;}

/*cart popout*/
.cart-drawer .btn-primary--animate::before,.cart-drawer .js-cart-drawer-submit-btn,.product__sticky-info .btn-primary--animate::before{background:#BA9731;}
.cart-drawer .btn-link,.cart-drawer .btn-link:hover,.cart-drawer .btn-primary--animate:hover,.product__sticky-info .btn-primary--animate:hover{color:#BA9731;}
.cart-drawer .field--focus:focus-visible{box-shadow:0 0 0 3px #BA9731;}

/*collection pages*/
.product-card, .product-recommendations .product{padding: 15px 15px 0 !important;
    box-shadow: 4.30707px -1.72283px 12.9212px #00000012;
    border-radius: 9px;height:100%;
    background: #fff!important;}

.product-card.bg-transparent{background: #fff!important;}

.product-card .variant-swatchs{display:none;}

.product-card .media, .product-card  .media-wrapper, .product-recommendations .media, .product-recommendations .media-wrapper{aspect-ratio:auto!important;}
.product-card h3.card__heading{font-size:24px;}

/*product pages*/
.product__info h1.h2{font-size:55px;}
.product-details{width:calc(var(--content-max-width) + var(--spacing)*8);}
.product--instock{display:none;}
.product__media-wrapper--compact{padding-left:11px!important;}
.sizeguidebtn{margin-bottom:25px;}
.product__info .accordion__item{border-block-end:0 solid #000;border-block-start:2px solid #000!important;padding:0;}
.product__info .accordion__item:last-child{border-block-end:2px solid #000;}
.product__info .accordion__item button[aria-expanded=true]{color:rgb(var(--color-btn-bg-rgb));}
.product-form__buttons .btn-secondary--animate::before{background:#ba9731!important;color:#fff!important;}
.product-form__buttons .btn-secondary--animate{color:#fff!important;}
.btn-secondary--animate::after{background:#fff!important;color:#ba9731!important;}
.product-form__buttons .btn-secondary--animate:hover{color:#ba9731!important;}

/*bundles*/
.template-product-bundles-compression-prod .product__badge,
.template-product-bundles-compression-prod  .price,
.template-product-bundles-athletic-sock .product__badge,
.template-product-bundles-athletic-sock  .price{display:none;}

.RB_Product_AddToCart{ font-size: var(--font-button-size)!important;
    font-style: var(--font-button-style);padding:20px 10px!important;
    font-family: var(--font-button-family);
    font-weight: var(--font-button-weight);
    border-radius: var(--button-radius);}


/*home page carousel*/
.marquee-item{padding:0 2vw!important;}
.marquee-item .of-cover{object-fit:contain;}

/*headers*/
.s-header__desc{max-width:100%!important;}
.s-header-content .s-header__desc.m-sides{padding:30px;}
.s-header-content .s-header__desc.m-sides p{ background: rgba(0, 0, 0, 0.45); 
  border: 1px solid rgba(255, 255, 255, 0.35);font-size: 26px;
    line-height: 1.3;
  border-radius:20px;
  backdrop-filter: blur(2px);padding:30px;
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}

.template-index .s-header-content .s-header__desc.m-sides p, .athlete-recovery .s-header-content .s-header__desc.m-sides p{background:transparent;border:0;box-shadow:none;  backdrop-filter:none;}

.template-index .s-header-content .s-header__desc.m-sides p, 
.athlete-recovery .s-header-content .s-header__desc.m-sides p,
.banner-padding .s-header .s-header__content h2.s-header__title{text-shadow:
    0 2px 6px rgba(0,0,0,0.55),
    0 1px 2px rgba(0,0,0,0.35);}


/*fix blog pages*/
.template-article .main-article.section .rw.article__wrapper [itemprop="image"]{overflow:hidden!important;}
.template-article .main-article.section .rw.article__wrapper img{height:var(--h-sm)!important;object-fit:contain!important;}
.template-article .main-article.section li p,.template-article .main-article.section li::marker {display: inline;}
.template-article .main-article.section li{display: list-item;}
.template-article .main-article.section h3{padding:25px 0;display:block;}
.carousel-wrapper .js-carousel-item.carousel-item .card__content p.card__excerpt,.tags-bar,
.carousel-wrapper .js-carousel-item.carousel-item .card__content div.subtext,
#loadMoreContainer .card ul,#loadMoreContainer .card .subtext,
#loadMoreContainer .card .card__excerpt{display:none;}


/*fix video modal*/
.video-modal-template-__iframe iframe{width:100%;height:535px;}

/*guarantee banner on products*/
.guarantee-banner{
  display:flex;
  align-items:center;
  gap:16px;
  border:2px solid #000;
  border-radius:14px;
  padding:16px;margin-top:20px;
  background:#fff;
}

.guarantee-badge{
  width:70px;
}

.guarantee-text h3{
  margin:0;
}

.guarantee-text p{
  margin:4px 0 0;font-size:16px;
  font-style:italic;line-height:1.5;
  color:#333;
}


/* CopperJoint global image filter */
.cj-img-filter{
  position: relative;
  overflow: hidden;
}

.cj-img-filter img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter: contrast(1.05) brightness(1.03) saturate(1.02);
}

/* warm copper overlay */
.cj-img-filter::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(176,106,44,.14);
  pointer-events:none;

}

/* Fix Shopify Subscriptions not clickable in Blum */
.shopify_subscriptions_app_block,
.shopify_subscriptions_app_block * {
  pointer-events: auto !important;
  opacity: 1 !important;
}

@media (min-width: 1025px) {
   .header-logo { max-width: 350px;}
   logo-position--middle-left .header__nav {
        margin-inline-end: 48px;
    }
  }
  
@media(max-width:1024px){
    .product-details{width:100%;}
    .product__media-wrapper--compact{padding-left:0!important;}
    .product-option .form__label{width:75px;height:75px;}

.s-header-content .s-header__desc.m-sides p{padding:20px;font-size: 24px; line-height: 1.2;}
}

@media(max-width:600px){

  .s-header-content .s-header__desc.m-sides{padding:20px;}
.s-header-content .s-header__desc.m-sides p{font-size:20px;}

  /*fix video modal*/
.video-modal-template-__iframe iframe{width:100%;height:220px;}

.dialog{    transform: translateY(-50%)!important;}
/* FIX product title on mobile */
.product__info h1.h2 {
  font-size: 26px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
  white-space: normal;
  word-break: break-word;
}

/*fix product images too tall*/
.template-product.page-product .product-slideshow__items{max-height:445px;}
.template-product.page-product .product-slideshow__items sht-image-atf .h-100{height:auto!important;}
.template-product.page-product .ctnr.main-product.has-breadcrumb.section{padding-block-end:0!important;}
.template-product.page-product h2,.template-collection.page-collection h2{font-size: 26px !important;line-height: 1.25 !important;}
.template-collection.page-collection h2{font-size: 24px !important;}

/*layout shift fixes*/
#gcr-badge-container {display:none!important;}

/*guarantee*/
.guarantee-text p{font-size:15px;}

/*three column competitor graph*/
.cj-compare__cell,.comparisonchart th, .comparisonchart td{padding:10px!important;line-height:1.3!important;}
.cj-check--muted{width:100%!important;height:auto!important;}
.comparisonchart td{width:33.3%!important;}
.comparisonchart td.center{text-align:center;}
}# CLINICAL PRODUCT GRID & CARD STYLES

This CSS is designed to be a "Global Anchor" for your product listings. It forces a professional 3-column grid on desktop and 2-column on mobile, while applying the specific clinical typography and "Copper Core" accents.

### Where to Paste:
Go to **Online Store > Themes > Edit Code**. Open your **`assets/base.css`** (or `theme.css`) file. Scroll to the VERY BOTTOM and paste this code.

```css
/* 
  ============================================
  COPPERJOINT: GLOBAL CLINICAL GRID & CARD FIX
  ============================================
*/

/* 1. FORCE CLINICAL GRID (No More Huge Cards) */
.collection-product-grid, 
.grid--uniform, 
#product-grid,
.grid.product-grid,
[id*="product-grid"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3rem !important;
  padding: 4rem 0 !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
}

@media screen and (max-width: 1024px) {
  .collection-product-grid, #product-grid, [id*="product-grid"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
  }
}

/* 2. REFINED CLINICAL CARD STYLING */
.product-card, .card-wrapper, .clinical-product-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E2E2 !important;
  padding: 2rem !important;
  border-radius: 0 !important; /* Sharp clinical corners */
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.product-card:hover {
  border-color: #B87333 !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.06) !important;
  transform: translateY(-4px);
}

/* 3. STUDIO IMAGE SIZING */
.product-card img, .card__inner img {
  mix-blend-mode: multiply !important;
  aspect-ratio: 4/5 !important;
  object-fit: contain !important;
  background: #F9F9F9 !important;
  width: 100% !important;
  margin-bottom: 2rem !important;
}

/* 4. CLINICAL TYPOGRAPHY (Epilogue 900) */
.product-card h3, .card__heading, .product-card__title {
  font-family: 'Epilogue', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.04em !important;
  font-size: 1.25rem !important;
  line-height: 1.1 !important;
  margin-bottom: 0.75rem !important;
  color: #1A1C1C !important;
}

.product-card .price, .price__container {
  font-family: 'Epilogue', sans-serif !important;
  color: #B87333 !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
}

/* 5. CLINICAL BADGES */
.badge--clinical {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(255,255,255,0.9);
  padding: 0.25rem 0.75rem;
  font-family: 'Epilogue', sans-serif;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 1px solid #1A1C1C;
  z-index: 10;
}
```