/** Shopify CDN: Minification failed

Line 1176:9 Expected ":"
Line 3002:0 Unexpected "<"
Line 3008:6 Comments in CSS use "/* ... */" instead of "//"
Line 3030:4 Comments in CSS use "/* ... */" instead of "//"

**/
/* We recommend using the 'Custom CSS' global setting to add custom styles so that they will be transferred automatically when the theme is updated */

.link--wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
}

/* quick search */
/* .quick-search-parent .grid-cols-2 {
  grid-template-columns: 85% 15%;
} */
.quick-search-parent product-card[data-aid="product-card"] .text-headings.absolute {
  display: none;
}

.Custom_product_card .slick-slide {
      margin: 0 10px;
  }

.Custom_product_card .slick-list {
      margin: 0 -10px;
  }
.Custom_product_card .slick-track {
    padding: 10px 0;
}
/* .Custom_product_card ul.slick-dots {
    width: max-content;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    bottom: unset;
} */
.Custom_product_card ul.slick-dots li button:before, .Custom-Video_wrapper ul.slick-dots li button:before{
    content: unset;
}
.Custom_product_card ul.slick-dots li button, .Custom-Video_wrapper ul.slick-dots li button{
    background: #DEDEDE;
    border-radius: 50%;
    height: 8px;
    width: 8px;
}
.Custom_product_card ul.slick-dots li.slick-active button, .Custom-Video_wrapper ul.slick-dots li.slick-active button{
    background: #ec3f84;
}
.Custom_product_card ul.slick-dots li, .Custom-Video_wrapper ul.slick-dots li{
    margin: 0;
}
.Custom_product_card ul.slick-dots, .Custom-Video_wrapper ul.slick-dots {
    bottom: -30px;
}


@media (max-width:1024px) {
.quick-search-parent .grid-cols-1 .py-4:nth-child(2) {
  padding-top: 0;
}
.search-feature-collection-wrapper {
  gap: 4px;
}
}
@media (min-width:1024px) {
  .search-content-parent {
    gap: 1rem;
  }
}
.search-content-parent {
  background: #fff;
}
.quick-search-parent predictive-search {
    z-index: 5;
}
.quick-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #013977;
    z-index: 0;
    opacity: .3;
}


@media (max-width:768px) {
.search-feature-collection-wrapper {
  flex-wrap: wrap;
  gap: 10px;
}
.search-feature-collection-wrapper li[data-name="slide"] {
    flex-basis: calc(50% - 5px);
  }
}


/* image-with-text-overlay */
.overlay-content-wrapper {
  max-width: 800px;
}

/** Collection page Mobile Layout **/

@media (max-width: 784px) {
  .card__with_no_button [data-aid="button-link"] {
    display: none;
  }
}

/* Collection Page Specific Product */

.collecion--video-wrapper video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection--product-info:hover .details-wrapper--text{
  text-decoration:underline;
}

@media (min-width: 769px) {
  .collecion--video-wrapper .lg\:h-\[400px\] {
    height: 400px;
  }
 .collecion--video-wrapper .lg\:h-\[550px\] {
    height: 550px;
  }
  .collecion--video-wrapper .lg\:h-\[750px\] {
    height: 750px;
  }
  .collecion--video-wrapper .lg\:h-screen {
    height: 100vh;
  }
  .collecion--video-wrapper .lg\:h-screen-original video{
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

@media (max-width: 768px) {
  .collecion--video-wrapper .h-screen-original video{
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

/* collections */

.sub-collections .object-cover {
  -o-object-fit: contain;
  object-fit: contain;
}




/* Footer */

@media (min-width: 769px) {
  footer .footer_content_container .md\:grid-cols-2 {
    grid-auto-flow: column;
    grid-template-columns: none;
  }
}

/* image-with-text--overlay */

.image-with-text--overlay .overlay-content-wrapper .Paragraph.text-body{
  max-width:450px;
}

@media screen and (min-width: 769px) {
  .image-with-text--overlay .overlay-content-wrapper.text-left.items-start.justify-center{
      transform: translateY(-50px);
  }
}

@media screen and (max-width: 768px) {
  .image-with-text--overlay .overlay-content-wrapper.mobile-text-center.mobile-items-center.mobile-justify-center{
      transform: translateY(-70px);
  }
}


@media (min-width: 769px) {
  .main-sub-colection div[data-aid="visual-card"] > .grid .relative {
    padding: 20px 40px;
  }
} 

@media (max-width: 768px) {
  .main-sub-colection div[data-aid="visual-card"] > .grid  {
    display: block;
    height: fit-content;
  }
  .main-sub-colection div[data-aid="visual-card"] > .grid > .relative {
    padding: 0px 20px 20px;
  }
} 

/* vendor by location */

.vendor-by-location .vendor-by-location-content-wrapper{
  position:relative;
}
.vendor-by-location .object-cover {
  object-fit: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.vendor-by-location .vendor-by-location--full-btn a{
  width: 100%;
}

@media (min-width: 769px) {
  .vendor-by-location .grid{
    gap: 40px;
  }
  .vendor-by-location .vendor-by-location-content-wrapper .vendor-by-location--address {
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 15px;
    background: #fff;
    padding: 10px;
    line-height: 1;
    border: 1px solid;
  }
}

@media (max-width: 768px) {
  .vendor-by-location .vendor-by-location-content-wrapper .vendor-by-location--address{
    text-align:center;
  }
}


/* Location Collections */

.vendor-location-collections .custom-section-header {
  margin: 0 0 40px;
}
.vendor-location-collections .vendor-content-wrapper {
  position:relative;
}
.vendor-location-collections .object-cover {
  object-fit: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.vendor-location-collections .collection-by-location {
  position: absolute;
  top: auto;
  bottom: 30px;
  left: 15px;
  right: 15px;
}
.vendor-location-collections .collection-by-location a {
  background: #fff;
  padding: 10px;
  line-height: 1;
  border: 1px solid;
}
.vendor-location-collections a.overlay {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
}
.vendor-location-collections .custom-location--filter {
  margin-bottom: 20px;
}

@media (min-width: 769px) {
  .vendor-location-collections .grid {
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .vendor-location-collections .custom-section-header {
    margin: 0 0 30px;
  }
}

/* main-card-subcollection */

.main-card-subcollection{
  margin-top: 60px;
}

.main-card-subcollection .sub-collections .grid-rows-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-columns: 192px 1fr;
  grid-template-rows: unset;
  grid-row-end: 1;
}

.main-card-subcollection .sub-collections .grid-rows-3 .col-span-full {
   grid-row-start: unset;
   grid-column: unset;
   grid-row-end: unset;
}

.main-card-subcollection .sub-collections .object-cover {
  min-height:194px;
  height: 194px;
  width: 194px;
  object-fit: cover;
  margin: auto;
}

.main-card-subcollection .sub-collections .bg-black{
  display:none;
}

.main-card-subcollection .sub-collections .subcollection--content-wrapper{
  background: #f7f7f7;
}

.main-card-subcollection .sub-collections .subcollection--content-inline-item{
  display: grid;
  grid-template-columns: 1fr auto;
  width: 100%; 
  height: 100%;
  align-items: center;
}

.main-card-subcollection .sub-collections .subcollection--content-inline-item .text-body {
  text-align:left;
}

.main-card-subcollection .sub-collections .subcollection--content-wrapper .armament-button{
  margin-top:unset;
}

.main-card-subcollection .sub-collections .grid li{
  box-shadow: 0px 4px 4px 0px #00000040;
  margin-bottom: 60px;
  position:relative;
}

/* .main-card-subcollection .sub-collections .subcollection--description{
  display:flex;
}

.main-card-subcollection .sub-collections .subcollection--description p{
  opacity: 0.7;
} */

.main-card-subcollection .sub-collections .subcollection--description span:not(:first-child){
  font-weight:bold;
  text-decoration:underline;
  margin-left:3px;
}

.main-card-subcollection .sub-collections .subcollection--collection-count{
  margin-top: 10px;
}

.main-card-subcollection .sub-collections--url{
  position: absolute;
  inset: 0;
  z-index: 2;
  height: auto;
  width: 100%;
}

.main-card-subcollection .sub-collections .subcollection--location--heading{
  display: inline-flex;
  align-items: center;
}

.main-card-subcollection .sub-collections .subcollection--category {
  color:#EC3F84;
}

.main-card-subcollection .sub-collections .subcollection--collection-count {
  text-align: center;
}

.main-card-subcollection .sub-collections .subcollection--location--heading svg{
  flex-shrink: 0;
}


@media (min-width: 769px) {
  .main-card-subcollection .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .main-card-subcollection .sub-collections .subcollection--content-inline-item .text-body{
    max-width: calc(100% - 120px);
  }
  .main-card-subcollection .sub-collections .subcollection--content-wrapper{
    padding: 25px 50px 25px 37px;
  }
}

@media (min-width:769px) and (max-width: 1024px) {
  .main-card-subcollection .md\:grid-cols-1{
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .main-card-subcollection .sub-collections .object-cover{
    width: 100%;
    min-height:194px;
    height: 194px;
  }
}

@media (max-width: 1024px) {
  .main-card-subcollection .sub-collections .grid-rows-3{
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .main-card-subcollection .sub-collections .subcollection--content-inline-item .text-body {
    max-width: 100%;
  }
  .main-card-subcollection .sub-collections .subcollection--content-inline-item{
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .main-card-subcollection .sub-collections .subcollection--button-wrapper,
  .main-card-subcollection .sub-collections .subcollection--collection-count{
    text-align:left;
  }
}

@media (max-width: 768px) {
  .main-card-subcollection .sub-collections .subcollection--content-inline-item{
    /* gap:unset; */
  }
  .main-card-subcollection .sub-collections .object-cover{
    width: 100%;
    height: 325px;
    min-height:325px;
  }
}

/* collection-grid-main */

.collection-grid-main product-card product-price .flex{
  flex-direction: column-reverse;
}

.collection-grid-main .price-wrapper{
  display:flex;
  gap:5px;
}

.collection-grid-main .collection-grid-main--save-price{
  display: block;
  background: #E9F0FF;
  height: 100%;
  padding: 6px;
  font-size: 13px;
  color: #102B6B;
  font-weight: 600;
  border-radius: 3px;
  line-height: 1;
}

.collection-grid-main product-card{
  border: 1.75px solid #D8D9E0;
  padding: 15px;
}


.collection-grid-main .items-start {
  align-items: normal;
}
.collection-grid-main loadin-animation [loadin-animation-elm] {
 height: 100%;
}
.collection-grid-main product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.collection-grid-main product-card h5.font-heading{
  text-transform:capitalize;
}

.collection-grid-main product-card product-price [data-aid="regular-price"] {
  font-size: 18px;
}

@media (min-width: 769px) {
  .collection-grid-main product-card .md\:px-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* collection--banner-content-wrapper */

.main-card-subcollection .subcollection--location,
.main-card-subcollection .sub-collections .subcollection--description span:first-child,
.main-card-subcollection .subcollection--category,
.collection--banner-content-wrapper .collection--banner--title,
.collection--banner-content-wrapper .collection--banner--text{
  color: #000000;
  /* opacity:0.7; */
}

.main-card-subcollection .subcollection--location,
.main-card-subcollection .subcollection--category,
.collection--banner-content-wrapper .collection--banner--title{
  letter-spacing: 0.08em;
}

.main-card-subcollection .sub-collections .subcollection--description span:first-child{
  letter-spacing: 0.03em;
}

.main-card-subcollection .subcollection--button-wrapper .armament-button {
  min-width: 138px;
  text-transform:capitalize
}

/* youtube-video-with-text */

.youtube-video-with-text .promo-vendor-info-wrapper{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.youtube-video-with-text .promo-vendor-info-wrapper .button{
  background-color: var(--colors-body-text);
  color: var(--colors-background);
  padding: 20px;
  text-align: center;
}

.youtube-video-with-text [data-color-scheme=accent-2]{
  --accent-2-colors-background: #f5f4ef;
}

.youtube-video-with-text .promo-vendor--info-label {
  margin: 22px 0 12px;
  font-weight: 600;
}

.youtube-video-with-text .promo-vendor--address {
  display: flex;
  align-items: center;
  gap: 7px;
}

.youtube-video-with-text .promo-vendor--address span{
  /* opacity: 0.7; */
  color: #000000de;
}

.youtube-video-with-text [data-aid="image-with-text--subheading"] {
  margin-bottom: 20px;
  text-transform: capitalize;
}

.youtube-video-with-text .promo-vendor--description{
  margin-top: 20px;
}

.youtube-video-with-text .promo-vendor-bottom-info-wrapper{
  border-top: 0.5px solid #e6e6e3;
  border-bottom: 0.5px solid #e6e6e3;
  padding-top: 40px;
}

.youtube-video-with-text [data-aid="image-with-text--text-wrapper"] {
  padding: unset;
}

.youtube-video-with-text .promo-vendor-info-top-wrapper{
  padding:40px;
  margin-bottom:50px;
}

.youtube-video-with-text .promo-vendor-bottom-info-wrapper{
  padding: 40px;
}

.youtube-video-with-text .empty-url{
  opacity:0;
}

.youtube-video-with-text .promo-vendor--address{
  align-items: flex-start;
}

.youtube-video-with-text .promo-vendor--address svg{
  flex-shrink: 0;
  margin-top: 4px;
}

@media (min-width: 769px) {
  .youtube-video-with-text .flex{
    column-gap: 30px;
  }
  .youtube-video-with-text ul li{
    padding-left: 0px;
    padding-right: 0px;
  }
  .youtube-video-with-text .promo-vendor--call-info .promo-vendor--info-label,
  .youtube-video-with-text .promo-vendor--call-info .promo-vendor--address{
    margin-left: 20px;
  }
  .youtube-video-with-text .youtube-video-container{
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
}

@media (max-width: 768px) {
  .youtube-video-with-text li{
    padding-left: unset;
    padding-right: unset;
  }
  .youtube-video-with-text .promo-vendor-info-wrapper .button {
      padding-left: 10px;
      padding-right: 10px;
  }
}

@media (max-width: 990px) {
  .youtube-video-with-text .promo-vendor-bottom-info-wrapper,
  .youtube-video-with-text .promo-vendor-info-top-wrapper {
    padding: 30px;
  }
}

.single-product-card .sub-collections--url {
  position: unset;
  display: none;
}


/* Popup */

.popup-button {
  cursor: pointer;
}
.modal.active:after {
  content: '';
  position: fixed;
  z-index: 999;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(0, 0, 0, .3);
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  /* padding: 20px; */
  margin: 0 auto;
  animation: fadeIn .3s;
  box-shadow: 0 5px 15px #0000004d;
}
.modal.active .modal-content {
  display: block;
}

.modal-content .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  position: sticky;
  top: 20px;
  right: 20px;
  z-index:100;
}

.modal-content .close:hover,
.modal-content .close:focus {
  color: #013977;
  text-decoration: none;
  cursor: pointer;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

.single-product-card .subcollection--description span:not(:first-child) {
  position: relative;
  z-index: 2;
}


.main-card-subcollection .subcollection--content-wrapper {
  position: unset;
}

.custom-popup-container .single-product-card .subcollection--description span:not(:first-child){
  display:none;
}

.custom-popup-container .popup--video-with-text .flex,
.custom-popup-container .popup--video-with-text slider-engine{
  width: 100%;
}

/* main-blog-grid */


.main-blog-grid .article--date-wrapper {
  display: flex;
  gap: 10px;
}

.main-blog-grid .article--date-wrapper .channel-name{
  border-left: 2px solid;
  padding: 0 0 0 10px;
}

.main-blog-grid article{
  border: 1px solid #D8D9E0;
  padding: 15px;
}

.main-blog-grid article .text-body{
  padding-top: 30px;
}

.main-blog-grid article .text-body.flex-grow {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main-blog-grid article .text-body h3{
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: 0.1em;
}

.main-blog-grid article .text-body .article--date-wrapper,
.main-blog-grid article .text-body h3{
  margin-bottom:20px;
}

.main-blog-grid article .text-body .article--button .readmore-button{
  display: inline-block;
  min-height: 44px;
  border-color: var(--colors-body-text);
  border-width: 1px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 13px;
  padding-top: 13px;
  width: auto;
  min-width: 224px;
  text-align: center;
}

@media (min-width: 769px) {
  .main-blog-grid .grid{
    gap:30px;
  }
}

/* Blog Post */

.blogpost-main-wrapper .article--youtubevideo {
  width: 100%;
}

.blogpost-main-wrapper .bolgPost-content{
  padding:40px 0 0 0;
  max-width:100%;
  width:100%;
}

.blogpost-main-wrapper .bolgPost-content .max-w-\[980px\]{
  max-width:100%;
}

.blogpost-main-wrapper .article--date-wrapper {
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
}

.blogpost-main-wrapper .article--date-wrapper .dot{
  width: 5px;
  height: 5px;
  background: #013977;
  border-radius: 50%;
  align-self: center;
}

/* .blogpost-main-wrapper .article--date-wrapper .channel-name{
  border-left: 2px solid;
  padding: 0 0 0 10px;
} */

.blogpost-main-wrapper .article--date-wrapper h4{
  font-size:16px;
}

.blogpost-main-wrapper .article-title-wrapper{
  align-items: flex-start;
}

.blogpost-main-wrapper .article-title-wrapper h2{
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0.1em;
  text-align:left;
}

.blogpost-main-wrapper .article-title-content-wrapper{
  text-align:left;
}

.blogpost-main-wrapper .blogpost-right-wrapper-content .article--date-wrapper{
  margin-bottom: 8px;
}

.blogpost-main-wrapper .blogpost-right-wrapper-item {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.blogpost-main-wrapper .blogpost-right-wrapper .social-sharing-wrapper{
  background: var(--general-colors-headings);
  color: var(--general-colors-background);
  padding: 18px;
  margin-bottom:40px;
}

.blogpost-main-wrapper .blogpost-right-wrapper .social-sharing-wrapper #sharing{
  padding-bottom: unset;
}

.blogpost-main-wrapper .blogpost-right-wrapper .social-sharing-wrapper #sharing h3{
  display:none;
}

.blogpost-main-wrapper .blogpost-right-wrapper .social-sharing-wrapper #sharing a{
  background: var(--general-colors-background);
  color: var(--general-colors-headings);
  padding: unset;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:4px;
}

.blogpost-main-wrapper .blogpost-right-wrapper .social-sharing-wrapper #sharing .flex{
  padding-top:10px;
  gap:20px;
  transform:translateX(0px);
}

.blogpost-main-wrapper .blogpost-right-wrapper .social-sharing-wrapper #sharing a svg{
  width: auto;
  height: 24px;
}

.blogpost-main-wrapper{
  padding-top: 40px;
  gap:30px;
}

.blogpost-main-wrapper .blogpost-right-wrapper .header-title{
  font-size:26px;
  padding-bottom:10px;
  border-bottom:1px solid;
  margin-bottom:40px;
}

@media (min-width: 769px) {
  .blogpost-main-wrapper{
    display:flex;
  }
  .blogpost-main-wrapper .blogpost-left-wrapper{
    width: 75%;
  }
  .blogpost-main-wrapper .blogpost-right-wrapper{
    width: 25%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
}

/* multicolumn-with-text */

.multicolumn-with-text .grid{
  gap:10px;
}

.multicolumn-with-text .armament-placeholder,
.multicolumn-with-text .grid .flex img{
  display:none;
}

.multicolumn-with-text .grid .flex .text-h4{
  font-size: var(--font-size-h5);
}

@media (min-width: 769px) {
  .multicolumn-with-text .grid .flex .md\:py-6{
    padding-top:24px;
    padding-bottom:24px;
    height: 100%;
  }
  .multicolumn-with-text .grid{
    align-items:unset;
  }
}

@media (max-width: 768px) {
  .multicolumn-with-text .grid .flex{
    grid-row-start: unset;
    grid-column-start: unset;
    opacity: 1;
  }
}

#shopify-section-template--23720477491513__multicolumn_6yxD9z .px-4.md\:px-6.py-4.md\:py-0 {
  padding-top: 8px;
  padding-bottom: 40px;
}

@media (min-width: 769px) {
  #shopify-section-template--23720477491513__multicolumn_6yxD9z .px-4.md\:px-6.py-4.md\:py-0 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

#shopify-section-template--23720477491513__ship_rich_text_tX6azY .text-body.bg-page.w-full{
  padding-top: unset;
}
/**##### Custom style ######***/
.page-width {
    width: 100%;
    padding: 0 70px;
}
.button {
    background: #EC3F84;
    padding: 14px;
    min-width: 140px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    /* border-radius: 10px; */
    border: 1px solid #EC3F84;
    overflow:hidden;
}
.button_outline {
    background: #fff;
    color: #EC3F84;
}
.Custom_hero_banner_wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.ct_title {
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 40px;
    color:#000000;
}
.desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0%;
    /* color: #000; */
}
.sub_title {
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #EC3F84;
    margin-bottom: 5px;
}
section.Custom_hero_banner {
    position: relative;
}
.Custom_hero_banner_block {
    max-width: 570px;
}
.Custom_hero_banner_.ct_title {
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #000000;
    text-align: left;
}
.Custom_hero_banner_checkpoint_wrap .checkpoint_text {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
   color: #000000; 
    position: relative;
}
.Custom_hero_banner_checkpoint_wrap {
    padding-left: 40px;
    margin: 20px 0 30px;
    display: grid;
    gap: 10px;
}
.Custom_hero_banner_checkpoint_wrap .checkpoint_text:before {
    position: absolute;
    content: "";
    background: url(https://karmachicmp.com/cdn/shop/files/Objects.png?v=1747298912) no-repeat;
    width: 30px;
    height: 26px;
    left: -40px;
    top: 3px;
    background-size: contain;
}
.Custom_hero_banner_btn_wrap {
    display: flex;
    align-items: center;
    gap: 30px;
}
.Custom_hero_banner_img_wrap .only_mobile {
    display: none;
}
/** Logo section css **/
.Custom_icon_block_wrappre {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
}
section.Custom_icon_block {
    background: #000000;
    padding: 20px 0;
}
.Custom_icon_block_img_wrap img {
    max-width: 110px;
    object-fit: contain;
}
/*####  Product Card css  ####*/
.Custom_product_card_prod_name {
    margin: 20px 0;
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    color:#000000;
}
.Custom_product_card_inner {
    text-align: center;
}
.Custom_product_card_img_wrap img {
    border-radius: 20px 20px 110px 110px;
}
.Custom_product_card_inner {
    box-shadow: 0px 0px 10px 0px #00000040;
    border-radius: 20px;
    padding-bottom: 14px;
}
.Custom_product_card_wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    align-items: center;
}
/* section.Custom_product_card {
    margin: 70px 0;
} */
/*#####  Text Column css ####*/
.Text_column_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 40px;
}
.Text_column_left_col {
    height: 100%;
}
.Text_column_content_wrap {
    background: #000000;
    font-weight: 400;
    font-size: 46px;
    line-height: 1.2;
    color: #fff;
    padding: 50px 30px;
    border-radius: 20px;
}
.Text_column_right_col {
    /* max-width: 550px; */
}
.Text_column_btn_wrap {
    margin-top: 50px;
}
.Text_column_desc_wrap.desc {
    display: grid;
    gap: 20px;
    color: #000000de;
}
.Text_column_desc_wrap.desc strong {
    color: #000000;
}
.Text_column_btn_wrap {
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 30px;
}
/* .Text_column {
    margin: 70px 0;
} */
/**  custom image css***/
.Custom_text_img_block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}
.Custom_text_img_desc_wrap.desc {
    display: grid;
    gap: 20px;
    color:#000000de;
}
.Custom_text_img_desc_wrap.desc strong {
    color#000000;
}
/* section.Custom_text_img {
    margin: 70px 0;
} */
/** Sell And shop css **/
.Sell_shop_card_hd_wrapper .sub_title {
    text-align: center;
}
.Sell_shop_card_inner {
    max-width: 400px;
    background: #000000;
    text-align: center;
    /* border-radius: 20px; */
    margin: auto;
    padding: 70px;
}
/* .Sell_shop_card {
    margin: 70px 0;
} */
.Sell_shop_card_hd.ct_title {
    color: #fff;
    margin: 0 auto 40px;
    max-width: 200px;
}
.Custom_newsletter_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}
.Sell_shop_card_main_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    max-width: 800px;
    margin: 0 auto;
}
header ul[role="navigation"] {
    justify-content: center;
}
.Sell_shop_card_main_wrapper a {
    background: transparent;
    color: #EC3F84;
}
.Custom_newsletter_left_col * {
    text-align: left;
    color: #fff;
}
.Custom_newsletter_left_col h2 {
    margin: 0;
}
.Custom_newsletter {
    background: #EC3F84;
    padding: 60px 0;
}
.custom_dsc_newsletter {
    max-width: 500px;
}
form#contact_form input[type=email] {
    width: 100%;
    margin: 0;
    /* border-radius: 6px 0 0 6px; */
    border: none;
}
form#contact_form button {
    margin: 0;
    /* border-radius: 0px 6px 6px 0px; */
}
form#contact_form input[type=email]:focus-visible {
    border: none;
    outline: none !important;
}
form#contact_form input[type=email]::placeholder{
  color: #000;
}
h4.Custom-Video_title {
    font-size: 18px;
    color: #ec3f84;
    font-weight: 600;
    text-align: center;
    margin: 18px 0 5px 0;
}
.Custom-Video_main_block {
    background: #000000;
    padding: 10px;
}
button.play-button {
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
button.play-button svg {
    /* color: #EC3F84; */
    fill: #EC3F84;
    width: 22px;
}
/* .Custom-Video_wrapper {
    margin: 40px 0 30px 0;
} */
.Custom-Video_blocks_wrapper .slick-slide {
    margin: 0 8px;
}
.Custom-Video_blocks_wrapper .slick-list {
    margin: 0 -8px;
}
.youtube-thumbnail {
  position: relative;
  height: 400px;
  background-color: #013977;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.youtube-thumbnail iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* pink colors here */
.selector1, .selector2{
  color: pink;
}

/* blue colors here  */
.text-blue{
  color:#000000;
}


/* white colors here  */
.text-white{
  color:#fff;
}
#insta-feed h2 {
    color: #000000;
}
/* Theme css 02.09 */
.collection-grid-main img {
    height: 320px;
    object-fit: contain;
}
.prose p strong {
    color: #000000;
}
#store_locator_425 div {
    box-sizing: border-box!important;
    color: red !important;
}
section.Custom_product_card {
    padding-top: 64px;
}
#contact_form input::placeholder {
    color: #ffffffa3;
}
#contact_form {
    border: 1px solid;
    /* border-radius: 7px; */
}
.tracking-tight {
    color: #000000 !important;
}

.subcollection--button-wrapper a:after {
    background: #EC3F84;
}
.main-card-subcollection .sub-collections .subcollection--content-wrapper .armament-button{
    border:1px solid;
}
.promo-vendor--description p a,
.promo-vendor--description p strong,
.promo-vendor--description p span,
.subcollection--collection-count,
.animate-details-content p span {
    color: #000000 !important;
}
.promo-vendor--address svg path {
    fill: #000000 !important;
}
.custom_category_block_content .font-heading {
    color: #fff;
}
.custom_category_block_content a:after {
    background: #fff;
}
.custom_category_block_content a{
    border: 1px solid;
    color: #EC3F84 !important;
}
.custom_category_block_content a:hover {
    color: #fff !important;
}
/****/
#add-to-cart-form button:after,
#add-to-cart-form button:before {
    background: #fff;
    color:#EC3F84;
}
#add-to-cart-form button{
  border:1px solid;
  background: #EC3F84;
  color:#fff;
}
#add-to-cart-form button:hover{
  border:1px solid;
  background: #000000;
  color:#000000;
}
.atc-btn button::after {
    background: #EC3F84 !important;
}
.atc-btn button:hover {
    background: #fff !important;
    color:#000000;
}

.button::after {
    background: #EC3F84;
}
.button:hover {
    background: #fff;
    border: 1px solid;
}
.button.button_outline:hover {
    background: #EC3F84;
    color: #fff ;
    border:1px solid #EC3F84;
}
.button.button_outline::after {
    background: #fff;
}
/******/
.list_point_main_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
}
.list_point_main_wrapper ul {
    padding-left: 17px;
    list-style: disc;
    margin-top: 10px;
}
.list_point_main_wrapper .list_inner {
    border: 1px solid;
    padding: 10px;
    /* border-radius: 6px; */
    /* height: 100%; */
}
.Custom_accordion .heading-font {
    font-size: 20px;
    font-family: 'Open Sans';
    font-weight: 600;
}
.Custom_accordion {
    padding-top: 28px;
    padding-bottom: 28px;
}
.text-h4, div#insta-feed h2{
  font-size: 36px !important;
  font-weight: 600;
  font-family: 'Roboto Condensed';
}
/* .list_point_block {
    position: relative;
    display: block;
    height: 100%;
    padding-bottom: 40px;
}
.list_point_block .point__ {
    position: absolute;
    bottom: 0px;
} */


@media only screen and (max-width:1299px){
  .Custom_hero_banner_.ct_title {
    font-size: 40px;
}
.Custom_hero_banner_checkpoint_wrap .checkpoint_text {
    font-size: 20px;
}  
.Text_column_right_col {
    max-width: 450px;
}  
}
@media only screen and (max-width:1199px){
  .Custom_hero_banner_.ct_title {
    font-size: 32px;
}
.Custom_hero_banner_checkpoint_wrap .checkpoint_text {
    font-size: 16px;
}  
.Custom_hero_banner_checkpoint_wrap .checkpoint_text:before {
    width: 22px;
    height: 22px;
    left: -32px;
    top: 0;
}  
.Custom_hero_banner_checkpoint_wrap {
    padding-left: 30px;
} 
.Text_column_content_wrap {
    font-size: 36px;
}  
.Text_column_right_col {
    max-width: 400px;
} 
.desc {
    font-size: 14px;
} 
.Custom_text_img_block {
    gap: 40px;
} 
/* theme css */
.collection-grid-main img {
    height: 230px;
} 
.list_point_block{
  position: relative;
}
.list_point_block .mt-2.text-body.point__{
  position: absolute;
  bottom: -30px;
}
}

@media only screen and (max-width:1099px){
  .list_point_main_wrapper {
    grid-template-columns: 1fr 1fr;
}
}


@media only screen and (max-width:990px){
.page-width {
    padding: 0 30px;
}
  .Custom_hero_banner_img_wrap .only_desktop {
    height: 370px;
    object-fit: cover;
}
.Custom_hero_banner_block {
    max-width: 390px;
}  
.Text_column_content_wrap {
    font-size: 28px;
} 
.Text_column_wrapper {
    gap: 30px;
} 
.desc {
    font-size: 14px;
}
.ct_title, .text-h4, .div#insta-feed {
    font-size: 30px !important;
}  
.Custom-Video_blocks_wrapper .slick-list{padding:0 20% 0 0 !important;}
.Custom_accordion .heading-font {
    font-size: 18px;
}
}
@media only screen and (max-width:767px){
  .Custom_hero_banner_img_wrap .only_mobile {
    display: block;
}  
.Custom_hero_banner_img_wrap .only_desktop{
    display: none;
} 
.Custom_hero_banner_.ct_title {
    font-size: 26px;
}  
.page-width {
    padding: 0 24px;
} 
.Custom_hero_banner_wrapper {
    top: 32%;
}  
.Custom_hero_banner_checkpoint_wrap {
    margin: 14px 0;
}  
.Custom_hero_banner_checkpoint_wrap .checkpoint_text {
    font-size: 14px;
}  
.Custom_icon_block_img_wrap img {
    max-width: 50px;
}  
.Custom_icon_block_wrappre {
    gap: 50px;
}
.Custom_product_card_wrapper {
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
} 
.Custom_product_card_prod_name {
    margin: 16px 0;
    font-size: 16px;
}
.Text_column_wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
} 
.Text_column_btn_wrap {
    margin-top: 30px;
}
.Text_column_content_wrap {
    padding: 26px;
} 
.Custom_text_img_block {
    grid-template-columns: 1fr;
    gap: 20px;
}  
/* section.Custom_text_img, .Text_column, .Sell_shop_card {
    margin: 40px 0;
}  */
.Sell_shop_card_main_wrapper {
    grid-template-columns: 1fr;
}  
  .youtube-thumbnail {
    height: 250px;
}
  .Custom_newsletter_wrapper {
    display: grid;
    grid-template-columns: 1fr;
}
  /* form#contact_form input[type=email] {
    border-radius: 6px;
} */
form#contact_form button {
    /* border-radius: 6px; */
    width: 100%;
    margin: 10px 0 0 0;
}
 .collection-grid-main img {
    height: 190px;
} 
.list_point_main_wrapper {
    grid-template-columns: 1fr;
}
.button_outline {
    padding: 14px 10px;
}
}
/* === KarmaChic Color Overrides (Add Below) === */
:root{
  --kc-navy: #313D74;
  --kc-pink: #EC3F84;
  --kc-white: #ffffff;
}

/* Text Column (black → navy) */
.Text_column_content_wrap {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
}

.Text_column_content_wrap h2,
.Text_column_content_wrap .title_ct {
  color: var(--kc-pink) !important;
}

/* Sell & Shop Cards */
.Sell_shop_card_inner {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
}

/* Icon strip (logo bar) */
section.Custom_icon_block {
  background: var(--kc-navy) !important;
}

/* Video block */
.Custom-Video_main_block {
  background: var(--kc-navy) !important;
}

/* Buttons */
#add-to-cart-form button:hover,
.button:hover {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
  border-color: var(--kc-navy) !important;
}
/* === KarmaChic Typography Overrides === */

/* Sitewide base text → Navy (instead of forced black) */
body, .text-body, .Paragraph, p, li, .prose p, .prose li {
  color: #313D74 !important;
}

/* Headings → Navy by default */
h1, h2, h3, h4, h5, h6,
.font-heading,
.ct_title,
.text-h4,
.tracking-tight,
.collection--banner-content-wrapper .collection--banner--title,
.collection--banner-content-wrapper .collection--banner--text,
#insta-feed h2,
.prose p strong {
  color: #313D74 !important;
}

/* Fix spots your stylesheet forces to black */
.Custom_hero_banner_.ct_title,
.Custom_hero_banner_checkpoint_wrap .checkpoint_text,
.Text_column_desc_wrap.desc strong,
.promo-vendor--description p a,
.promo-vendor--description p strong,
.promo-vendor--description p span,
.subcollection--collection-count,
.animate-details-content p span {
  color: #313D74 !important;
}

/* --- Inside the NAVY box: make text white, headings pink --- */
.Text_column_content_wrap,
.Text_column_content_wrap p,
.Text_column_content_wrap .text-body,
.Text_column_content_wrap .Paragraph,
.Text_column_content_wrap li,
.Text_column_content_wrap .desc {
  color: #ffffff !important;
}

.Text_column_content_wrap h1,
.Text_column_content_wrap h2,
.Text_column_content_wrap h3,
.Text_column_content_wrap h4,
.Text_column_content_wrap .title_ct {
  color: #EC3F84 !important;
}

/* Keep buttons readable inside navy areas */
.Text_column_content_wrap .button,
.Sell_shop_card_inner .button {
  color: #ffffff !important;
}

/* Optional: links inside navy boxes as white, pink on hover */
.Text_column_content_wrap a { color: #ffffff !important; }
.Text_column_content_wrap a:hover { color: #EC3F84 !important; }
/* === Fix: Keep Announcement Bar Text White === */
.announcement-bar, 
.announcement-bar * {
  color: #ffffff !important;
}
/* === Announcement Bar Fix (force readable text) === */
/* Cover common Shopify announcement bar selectors */
#shopify-section-announcement-bar,
.shopify-section-announcement-bar,
.shopify-section--announcement,
.announcement-bar,
.header__announcement,
.header-announcement {
  /* if you want a specific bg, uncomment one: */
  /* background-color: #313D74 !important;  navy */
  /* background-color: #EC3F84 !important;  pink */
}

#shopify-section-announcement-bar *,
.shopify-section-announcement-bar *,
.shopify-section--announcement *,
.announcement-bar *,
.header__announcement *,
.header-announcement * {
  color: #ffffff !important;            /* force text white */
}

/* Specifically override headings/utility classes that were set globally */
.announcement-bar h1,
.announcement-bar h2,
.announcement-bar h3,
.announcement-bar h4,
.announcement-bar .tracking-tight,
.header__announcement .tracking-tight,
.header-announcement .tracking-tight {
  color: #ffffff !important;
}

/* Links in the bar */
.announcement-bar a,
.header__announcement a,
.header-announcement a {
  color: #ffffff !important;
  text-decoration: none;
}
.announcement-bar a:hover,
.header__announcement a:hover,
.header-announcement a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}
/* === KarmaChic Color Tokens === */
:root{
  --kc-navy: #313D74;
  --kc-pink: #EC3F84;
  --kc-white: #ffffff;
  --kc-dark: #0f172a; /* optional body text */
}

/* === ANNOUNCEMENT BAR === */
.announcement-bar,
.announcement-bar__message,
.announcement-bar * {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
  border-color: transparent !important;
}

/* === HEADER LINKS IN/OVER ANNOUNCEMENT BAR (some themes inherit link blue) === */
.announcement-bar a,
.announcement-bar a:link,
.announcement-bar a:visited {
  color: var(--kc-white) !important;
  text-decoration: none;
}
.announcement-bar a:hover,
.announcement-bar a:focus {
  opacity: .88;
}

/* === FOOTER (background + all text/links/icons) === */
.footer,
.site-footer,
.footer__content,
.footer-wrapper {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
}
.footer *,
.site-footer * {
  color: var(--kc-white) !important;
}
.footer a,
.site-footer a {
  color: var(--kc-white) !important;
  text-decoration: none;
}
.footer a:hover { opacity: .9; }

/* if your footer uses SVG icons, force fill */
.footer svg [fill],
.footer svg path {
  fill: var(--kc-white) !important;
}

/* === GLOBAL LINKS (prevents default browser blue elsewhere) === */
a { color: var(--kc-pink); }
a:hover, a:focus { opacity: .9; }

/* === BUTTONS (primary = pink, outline = pink border) === */
.button,
.btn,
.shopify-payment-button__button,
.button--primary {
  background: var(--kc-pink) !important;
  color: #fff !important;
  border: 1px solid var(--kc-pink) !important;
}
.button--secondary,
.btn--secondary,
.button_outline {
  background: transparent !important;
  color: var(--kc-pink) !important;
  border: 1px solid var(--kc-pink) !important;
}

/* === HEADINGS/TYPO (fix “wording messed up”: color, spacing, case) === */
h1, h2, h3, h4, .section-title, .title, .title_ct {
  color: var(--kc-navy) !important;
  letter-spacing: .01em;
  text-transform: none;          /* remove forced ALL CAPS if theme added it */
  line-height: 1.2;
}

/* Specific section in your screenshot */
.custom_text_img,
.Custom_text_img,
.Text_column_content_wrap {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
}
.custom_text_img h2,
.Custom_text_img h2,
.Text_column_content_wrap h2,
.Text_column_content_wrap .title_ct {
  color: var(--kc-white) !important;
}

/* === CARDS/GRID CAPTIONS (white text over navy blocks) === */
.collection-grid-main .card__content,
.collection-grid-main .card__heading,
.collection-grid-main .media,
.collection-grid-main .media--square,
.collection-grid-main .overlay-text,
.collection-grid-main .card__information * {
  color: var(--kc-white) !important;
}

/* === FORM INPUTS ON NAVY BACKGROUNDS (ensure readable) === */
.footer input,
.footer select,
.footer textarea {
  background: #1f2754 !important;
  color: var(--kc-white) !important;
  border-color: #44518a !important;
}
/* Tokens */
:root{
  --kc-navy:#313D74;
  --kc-pink:#EC3F84;
  --kc-white:#ffffff;
}


/* ===== CUSTOM TEXT IMAGE (covers both spellings) ===== */
.custom_text_img,
.custome_text_img,
.Custom_text_img,
.Custom_text_img .inner,
.custom_text_img .inner,
.custome_text_img .inner {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
}

/* remove image/overlay layers if present */
.custom_text_img::before,
.custome_text_img::before,
.Custom_text_img::before {
  content: none !important;
  background: transparent !important;
}

/* headings/paragraphs/links inside the text block */
.custom_text_img h1,
.custom_text_img h2,
.custom_text_img h3,
.custome_text_img h1,
.custome_text_img h2,
.custome_text_img h3,
.Custom_text_img h1,
.Custom_text_img h2,
.Custom_text_img h3,
.custom_text_img p,
.custome_text_img p,
.Custom_text_img p,
.custom_text_img a,
.custome_text_img a,
.Custom_text_img a {
  color: var(--kc-white) !important;
  text-transform: none;
}

/* optional: set theme CSS vars for sections that rely on them */
.sell_shop_card,
.custom_text_img,
.custome_text_img {
  --color-foreground: var(--kc-white) !important;
  --color-background: var(--kc-navy) !important;
}
/* Tokens (if not already present) */
:root{
  --kc-navy:#313D74;
  --kc-pink:#EC3F84;
  --kc-white:#ffffff;
}

/* Force section colors + theme vars used by some Shopify themes */
.sell_shop_card{
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;

  /* variable overrides */
  --color-background: var(--kc-navy) !important;
  --color-foreground: var(--kc-white) !important;
  --color-base-text: var(--kc-white) !important;
  --color-foreground-title: var(--kc-white) !important;
  --color-link: var(--kc-white) !important;
}
/* ===== SELL & SHOP CARD (correct casing + pink text) ===== */
.Sell_shop_card,
.Sell_shop_card_inner {
  background: var(--kc-navy) !important;
}

/* kill overlays that can hide text */
.Sell_shop_card .media::before,
.Sell_shop_card .media::after,
.Sell_shop_card .card::before,
.Sell_shop_card .card::after,
.Sell_shop_card .overlay::before,
.Sell_shop_card .overlay::after {
  content: none !important;
  background: transparent !important;
}

/* ensure text layer sits above any media */
.Sell_shop_card .card__content,
.Sell_shop_card .card__information,
.Sell_shop_card .card__inner,
.Sell_shop_card .overlay-text,
.Sell_shop_card .caption {
  position: relative;
  z-index: 2;
}

/* headings + links → brand pink */
.Sell_shop_card h1,
.Sell_shop_card h2,
.Sell_shop_card h3,
.Sell_shop_card .card__heading,
.Sell_shop_card .card__heading a,
.Sell_shop_card .title,
.Sell_shop_card .full-unstyled-link,
.Sell_shop_card a,
.Sell_shop_card p,
.Sell_shop_card .price,
.Sell_shop_card .badge,
.Sell_shop_card .caption {
  color: var(--kc-pink) !important;
  -webkit-text-fill-color: var(--kc-pink);
  text-decoration: none;
}

/* buttons → pink bg, white text */
.Sell_shop_card .button,
.Sell_shop_card .btn {
  background: var(--kc-pink) !important;
  color: #fff !important;
  border: 1px solid var(--kc-pink) !important;
}
/* ===== Custom Video: make all text pink (scoped) ===== */
.Custom-Video_main_block,
.Custom-Video_main_block .text-body,
.Custom-Video_main_block .Paragraph,
.Custom-Video_main_block p,
.Custom-Video_main_block li,
.Custom-Video_main_block a,
.Custom-Video_main_block h1,
.Custom-Video_main_block h2,
.Custom-Video_main_block h3,
.Custom-Video_main_block h4,
.Custom-Video_main_block h5,
.Custom-Video_main_block h6 {
  color: var(--kc-pink) !important;
  -webkit-text-fill-color: var(--kc-pink);
}

/* keep background navy (if desired) */
.Custom-Video_main_block {
  background: var(--kc-navy) !important;
}

/* keep buttons readable */
.Custom-Video_main_block .button,
.Custom-Video_main_block .btn {
  background: var(--kc-pink) !important;
  color: #fff !important;
  border: 1px solid var(--kc-pink) !important;
}

/* keep play icon pink and the circular button white */
button.play-button { background: #fff !important; }
button.play-button svg { fill: var(--kc-pink) !important; }

/* optional: link hover inside video block */
.Custom-Video_main_block a:hover { opacity: .9; }
/* ===== Custom Video Buttons: outline navy + pink text ===== */
.Custom-Video_main_block .button,
.Custom-Video_main_block .btn {
  background: transparent !important;          /* remove fill */
  color: var(--kc-pink) !important;            /* pink text */
  border: 2px solid var(--kc-navy) !important; /* navy outline */
  font-weight: 600;
}

/* hover: fill navy, text white for contrast */
.Custom-Video_main_block .button:hover,
.Custom-Video_main_block .btn:hover {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
  border-color: var(--kc-navy) !important;
}
/* ===== 1) VIDEO SECTION BUTTONS: outline navy + pink text, no overlays ===== */
.Custom-Video_main_block a.button,
.Custom-Video_main_block a.btn,
.Custom-Video_main_block .button,
.Custom-Video_main_block .btn,
.Custom-Video_main_block .armament-button,
.Custom-Video_main_block [data-aid="button-link"],
.Custom-Video_main_block button[type="button"],
.Custom-Video_main_block button[type="submit"] {
  background: transparent !important;
  color: var(--kc-pink) !important;
  border: 2px solid var(--kc-navy) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* kill the global overlay fill on buttons inside the video block */
.Custom-Video_main_block .button::after,
.Custom-Video_main_block .button::before,
.Custom-Video_main_block .btn::after,
.Custom-Video_main_block .btn::before,
.Custom-Video_main_block .armament-button::after,
.Custom-Video_main_block .armament-button::before {
  background: transparent !important;
}

/* hover state: fill navy for contrast */
.Custom-Video_main_block a.button:hover,
.Custom-Video_main_block a.btn:hover,
.Custom-Video_main_block .button:hover,
.Custom-Video_main_block .btn:hover,
.Custom-Video_main_block .armament-button:hover,
.Custom-Video_main_block [data-aid="button-link"]:hover,
.Custom-Video_main_block button[type="button"]:hover,
.Custom-Video_main_block button[type="submit"]:hover {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
  border-color: var(--kc-navy) !important;
}

/* keep play icon pink */
button.play-button { background: #fff !important; }
button.play-button svg { fill: var(--kc-pink) !important; }

/* ===== 2) NEWSLETTER / CTA BAR (screenshot) ===== */
/* Outline navy + pink text for submit button, remove weird segment overlay */
.Custom_newsletter button,
.Custom_newsletter [type="submit"],
.Custom_newsletter .button,
.Custom_newsletter .btn {
  background: transparent !important;
  color: var(--kc-pink) !important;
  border: 2px solid var(--kc-navy) !important;
  box-shadow: none !important;
  outline: none !important;
}

.Custom_newsletter .button::after,
.Custom_newsletter .button::before,
.Custom_newsletter .btn::after,
.Custom_newsletter .btn::before {
  background: transparent !important;
}

/* Input next to it should not show blue border */
.Custom_newsletter input[type="email"],
.Custom_newsletter input[type="text"] {
  border: 2px solid var(--kc-navy) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hover invert for CTA button */
.Custom_newsletter button:hover,
.Custom_newsletter [type="submit"]:hover,
.Custom_newsletter .button:hover,
.Custom_newsletter .btn:hover {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
  border-color: var(--kc-navy) !important;
}

/* ===== 3) SAFETY: keep global overlay off inside these sections only ===== */
.Custom-Video_main_block .button_outline::after,
.Custom_newsletter .button_outline::after {
  background: transparent !important;
}
/* ==== Rich Text section (data-aid="rich-text-ship") – outline navy + pink text ==== */
[data-aid="rich-text-ship"] .armament-button,
[data-aid="rich-text-ship"] .button,
[data-aid="rich-text-ship"] .btn,
[data-aid="rich-text-ship"] [type="submit"],
[data-aid="rich-text-ship"] [data-aid="rich-text-button-1"],
[data-aid="rich-text-ship"] [data-aid="rich-text-button-2"] {
  background: transparent !important;
  color: var(--kc-pink) !important;
  border: 2px solid var(--kc-navy) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove theme overlay strips on these buttons */
[data-aid="rich-text-ship"] .armament-button::after,
[data-aid="rich-text-ship"] .armament-button::before,
[data-aid="rich-text-ship"] .button::after,
[data-aid="rich-text-ship"] .button::before,
[data-aid="rich-text-ship"] .btn::after,
[data-aid="rich-text-ship"] .btn::before {
  background: transparent !important;
  content: none !important;
}

/* Hover: fill navy for contrast */
[data-aid="rich-text-ship"] .armament-button:hover,
[data-aid="rich-text-ship"] .button:hover,
[data-aid="rich-text-ship"] .btn:hover,
[data-aid="rich-text-ship"] [type="submit"]:hover {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
  border-color: var(--kc-navy) !important;
}

/* If the theme applies “fill/outline” variants, still force our style */
[data-aid="rich-text-ship"] .armament-button[style*="fill"],
[data-aid="rich-text-ship"] .armament-button.style-fill,
[data-aid="rich-text-ship"] .armament-button.style-outline {
  background: transparent !important;
  color: var(--kc-pink) !important;
  border: 2px solid var(--kc-navy) !important;
}
/* ==== Rich Text section (data-aid="rich-text-ship") – outline navy + pink text ==== */
[data-aid="rich-text-ship"] .armament-button,
[data-aid="rich-text-ship"] .button,
[data-aid="rich-text-ship"] .btn,
[data-aid="rich-text-ship"] [type="submit"],
[data-aid="rich-text-ship"] [data-aid="rich-text-button-1"],
[data-aid="rich-text-ship"] [data-aid="rich-text-button-2"] {
  background: transparent !important;
  color: var(--kc-pink) !important;
  border: 2px solid var(--kc-navy) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove theme overlay strips on these buttons */
[data-aid="rich-text-ship"] .armament-button::after,
[data-aid="rich-text-ship"] .armament-button::before,
[data-aid="rich-text-ship"] .button::after,
[data-aid="rich-text-ship"] .button::before,
[data-aid="rich-text-ship"] .btn::after,
[data-aid="rich-text-ship"] .btn::before {
  background: transparent !important;
  content: none !important;
}

/* Hover: fill navy for contrast */
[data-aid="rich-text-ship"] .armament-button:hover,
[data-aid="rich-text-ship"] .button:hover,
[data-aid="rich-text-ship"] .btn:hover,
[data-aid="rich-text-ship"] [type="submit"]:hover {
  background: var(--kc-navy) !important;
  color: var(--kc-white) !important;
  border-color: var(--kc-navy) !important;
}

/* If the theme applies “fill/outline” variants, still force our style */
[data-aid="rich-text-ship"] .armament-button[style*="fill"],
[data-aid="rich-text-ship"] .armament-button.style-fill,
[data-aid="rich-text-ship"] .armament-button.style-outline {
  background: transparent !important;
  color: var(--kc-pink) !important;
  border: 2px solid var(--kc-navy) !important;
}
/* ==== Rich Text section (data-aid="rich-text-ship") – navy fill + pink text ==== */
[data-aid="rich-text-ship"] .armament-button,
[data-aid="rich-text-ship"] .button,
[data-aid="rich-text-ship"] .btn,
[data-aid="rich-text-ship"] [type="submit"],
[data-aid="rich-text-ship"] [data-aid="rich-text-button-1"],
[data-aid="rich-text-ship"] [data-aid="rich-text-button-2"] {
  background: var(--kc-navy) !important;       /* solid navy fill */
  color: var(--kc-pink) !important;            /* pink text */
  border: 2px solid var(--kc-navy) !important; /* navy border */
  font-weight: 600;
  box-shadow: none !important;
  outline: none !important;
}

/* remove theme overlays that block the color */
[data-aid="rich-text-ship"] .armament-button::after,
[data-aid="rich-text-ship"] .armament-button::before,
[data-aid="rich-text-ship"] .button::after,
[data-aid="rich-text-ship"] .button::before,
[data-aid="rich-text-ship"] .btn::after,
[data-aid="rich-text-ship"] .btn::before {
  background: transparent !important;
  content: none !important;
}

/* hover: pink fill, white text */
[data-aid="rich-text-ship"] .armament-button:hover,
[data-aid="rich-text-ship"] .button:hover,
[data-aid="rich-text-ship"] .btn:hover,
[data-aid="rich-text-ship"] [type="submit"]:hover {
  background: var(--kc-pink) !important;
  color: var(--kc-white) !important;
  border-color: var(--kc-pink) !important;
}
/* === Quick fix: shrink product cards on collection grids === */
.collection-grid-main img{
  height: 220px !important;     /* was 320px */
  object-fit: contain;
}

.collection-grid-main product-card{
  padding: 12px !important;     /* was 15px; a little tighter */
}

/* Title sizing inside cards */
.collection-grid-main product-card h5.font-heading{
  font-size: 16px !important;
  line-height: 1.3;
  margin-top: 8px;
}

/* Mobile: even smaller images */
@media (max-width: 767px){
  .collection-grid-main img{
    height: 170px !important;   /* was 190px */
  }
}
/* === Fix for oversized Custom Icon cards (home vendor categories) === */
.Custom_icon_block {
  padding: 40px 0 !important; /* reduce vertical padding */
}

.Custom_icon_block .Custom_icon_inner {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 20px !important;
  align-items: start !important;
  justify-items: center !important;
}

.Custom_icon_block .Custom_icon_box {
  max-width: 240px !important;    /* smaller card width */
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  background: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.Custom_icon_block .Custom_icon_box:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}

.Custom_icon_block img {
  width: 100%;
  height: 180px !important;     /* reduce image size */
  object-fit: cover;
  border-radius: 12px 12px 0 0;
}

.Custom_icon_block h3,
.Custom_icon_block .title {
  font-size: 16px !important;
  color: var(--kc-navy);
  margin-top: 10px;
  text-align: center;
}

/* Mobile tweaks */
@media (max-width: 767px){
  .Custom_icon_block img { height: 140px !important; }
  .Custom_icon_block .Custom_icon_box { max-width: 180px !important; }
}
/* === Fix: Press/Logo strip sizing & layout (FOX / NBC / CBS) === */
.Custom_icon_block {               /* the navy bar section */
  padding: 14px 0 !important;
}

.Custom_icon_block_wrappre,
.Custom_icon_block .Custom_icon_block_wrappre,
.Custom_icon_block .logos,
.Custom_icon_block .container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 36px !important;           /* space between logos */
  flex-wrap: wrap !important;
}

/* clamp each logo image */
.Custom_icon_block_img_wrap img,
.Custom_icon_block img {
  height: 44px !important;        /* pick your size: 40–50px looks clean */
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
/* ===== FIX: Constrain site width so cards aren't gigantic ===== */
.page-width{
  max-width: 1200px;   /* was full-bleed; bring back a sane content width */
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;     /* comfy gutters */
}
@media (min-width: 1280px){
  .page-width{ max-width: 1280px; }
}

/* ===== Brand/logo strip sizing (FOX / NBC / CBS row) ===== */
.Custom_icon_block .Custom_icon_block_wrappre{
  gap: 48px;                /* reasonable spacing */
}
.Custom_icon_block_img_wrap img{
  max-height: 42px;         /* shrink logos */
  width: auto;
}

/* ===== Category / product cards: keep tiles tidy ===== */
/* If your “four big tiles” use these classes, this keeps them in a row */
.custom_catgories_inner_wrapper{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1024px){
  .custom_catgories_inner_wrapper{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .custom_catgories_inner_wrapper{ grid-template-columns: 1fr; }
}

/* Image tiles stay inside rounded cards */
.custom_category_img_wrapper{
  position: relative;
  padding-top: 100%;            /* square tile */
  border-radius: 24px;
  overflow: hidden;
}
.custom_category_img_wrapper img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Product grid images—keep them from growing too tall */
.collection-grid-main img{
  height: 280px;
  object-fit: contain;
}
@media (max-width: 1199px){ .collection-grid-main img{ height: 230px; } }
@media (max-width: 767px){  .collection-grid-main img{ height: 190px; } }
/* ===== 1) Constrain content width so tiles don't blow up ===== */
.page-width{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 1280px){ .page-width{ max-width: 1280px; } }

/* ===== 2) Logo strip sizing ===== */
.Custom_icon_block .Custom_icon_block_wrappre{ gap: 48px; }
.Custom_icon_block_img_wrap img{ max-height: 42px; width: auto; }

/* ===== 3) CATEGORY “4 tiles” grid (artisans / brick & mortars / etc.) ===== */
/* works whether your theme spelled it custom_categories_… or custom_catgories_… */
.custom_categories_wrapper,
.custom_catgories_inner_wrapper{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}
@media (max-width: 1200px){
  .custom_categories_wrapper,
  .custom_catgories_inner_wrapper{ grid-template-columns: repeat(3, minmax(220px,1fr)) !important; }
}
@media (max-width: 900px){
  .custom_categories_wrapper,
  .custom_catgories_inner_wrapper{ grid-template-columns: repeat(2, minmax(220px,1fr)) !important; }
}
@media (max-width: 560px){
  .custom_categories_wrapper,
  .custom_catgories_inner_wrapper{ grid-template-columns: 1fr !important; }
}

/* keep each tile tidy & square */
.custom_category_block_wrapper{ border-radius: 24px; overflow: hidden; }
.custom_category_img_wrapper{ position: relative; padding-top: 100%; }
.custom_category_img_wrapper img{
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;
}

/* caption/button overlay inside tiles */
.custom_category_block_content{
  position: absolute; left: 0; right: 0; bottom: 18px;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.custom_category_block_content .font-heading{ font-size: 20px; }
.custom_category_block_content a{ min-width: 160px; }

/* ===== 4) PRODUCT CARDS (collection grid) ===== */
.collection-grid-main product-card{
  border: 1.5px solid #D8D9E0;
  padding: 15px;
  display: flex; flex-direction: column; justify-content: space-between; height: 100%;
}
.collection-grid-main .items-start{ align-items: normal; }

/* image height caps so products don't look giant */
.collection-grid-main img{ height: 280px; object-fit: contain; }
@media (max-width: 1199px){ .collection-grid-main img{ height: 230px; } }
@media (max-width: 767px){  .collection-grid-main img{ height: 190px; } }
/* ===== PRODUCT CARD CAROUSEL — force compact tiles ===== */
.Custom_product_card .slick-track{
  display: flex !important;
  gap: 20px;                /* spacing between tiles */
}
.Custom_product_card .slick-slide{
  height: auto !important;  /* let slides size to content */
}
.Custom_product_card .slick-slide > div{
  height: 100%;
  display: flex;
}

/* The card (container) */
.Custom_product_card .Custom_product_card_inner{
  max-width: 300px;         /* << shrink tile width (try 280–320px to taste) */
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 0 2px 12px rgba(0,0,0,.12);
  padding-bottom: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Image area stays a square and doesn’t stretch huge */
.Custom_product_card .Custom_product_card_img_wrap{
  position: relative;
  aspect-ratio: 1 / 1;      /* perfect square */
  overflow: hidden;
  border-radius: 20px 20px 110px 110px; /* your rounded style */
}
.Custom_product_card .Custom_product_card_img_wrap img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Name + button sizing (keeps the card compact) */
.Custom_product_card .Custom_product_card_prod_name{
  font-size: 16px;
  margin: 14px 0;
  text-align: center;
}
.Custom_product_card .button{
  min-width: 140px;
  padding: 12px 16px;
}

/* Keep the section from stretching full-bleed */
.page-width{
  max-width: 1200px; margin: 0 auto; padding: 0 24px;
}

/* Responsive tweaks */
@media (min-width: 1280px){
  .page-width{ max-width: 1280px; }
}
@media (max-width: 900px){
  .Custom_product_card .Custom_product_card_inner{ max-width: 260px; }
}
@media (max-width: 640px){
  .Custom_product_card .Custom_product_card_inner{ max-width: 100%; }
}
/* ====== FIX FOX/NBC/CBS BAR HEIGHT ====== */
.Custom_icon_block {
  background-color: #313D74; /* KarmaChic navy */
  padding: 40px 0;           /* increase height */
}
.Custom_icon_block .Custom_icon_block_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.Custom_icon_block img {
  max-height: 60px;          /* make logos proportional */
  width: auto;
}

/* ====== FIX CATEGORY CARDS GRID (Custom_product_card) ====== */
.Custom_product_card {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.Custom_product_card .Custom_product_card_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: stretch;
}

@media (max-width: 1024px) {
  .Custom_product_card .Custom_product_card_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .Custom_product_card .Custom_product_card_wrapper {
    grid-template-columns: 1fr;
  }
}

/* Card sizing & proportion */
.Custom_product_card_inner {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  text-align: center;
  transition: transform 0.2s ease;
}
.Custom_product_card_inner:hover {
  transform: translateY(-4px);
}
.Custom_product_card_img_wrap {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.Custom_product_card_img_wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Custom_product_card_prod_name {
  margin: 16px 0;
  font-weight: 600;
  font-size: 16px;
  color: #313D74;
}
.Custom_product_card .button {
  background: #EC3F84;
  color: #fff;
  border: none;
  padding: 12px 18px;
  font-weight: 600;
  border-radius: 8px;
  margin-bottom: 16px;
}
.Custom_product_card .button:hover {
  opacity: 0.9;
}
/* ========== ICON BAR (Custom_icon_block) ========== */
/* Make the navy strip taller and keep logos neat */
section.Custom_icon_block{
  background: var(--kc-navy) !important;
  padding: 32px 0 !important;            /* increase height here */
}
.Custom_icon_block .Custom_icon_block_wrappre{
  display:flex; align-items:center; justify-content:center;
  gap: 70px;                              /* space between logos */
}
.Custom_icon_block .Custom_icon_block_img_wrap img{
  max-height: 44px;                       /* logo size */
  width:auto; object-fit: contain;
}

/* ========== PRODUCT CARDS (Custom_product_card) ========== */
/* Put cards in a horizontal grid and cap their size */
.Custom_product_card_wrapper{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(260px,1fr));
  gap: 24px;
  align-items: stretch;
}

/* responsive breakpoints */
@media (max-width: 1200px){
  .Custom_product_card_wrapper{ grid-template-columns: repeat(3, minmax(240px,1fr)); }
}
@media (max-width: 900px){
  .Custom_product_card_wrapper{ grid-template-columns: repeat(2, minmax(220px,1fr)); }
}
@media (max-width: 540px){
  .Custom_product_card_wrapper{ grid-template-columns: 1fr; }
}

/* tidy the individual card */
.Custom_product_card .Custom_product_card_inner{
  max-width: 360px;               /* prevents “giant” cards */
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* image sizing inside card */
.Custom_product_card .Custom_product_card_img_wrap img{
  width: 100%;
  height: 260px;                  /* adjust card image height */
  object-fit: cover;
  border-radius: 20px 20px 110px 110px;
}

/* card text + button polish */
.Custom_product_card .Custom_product_card_prod_name{ 
  font-size: 18px; margin: 14px 0 8px; text-align:center;
}
.Custom_product_card .button{ margin-bottom: 12px; }
/* ===== FIX: Custom_product_card stacking → force multi-column grid ===== */

/* 1) Force the section's primary grid to be a grid with 4 cols on desktop */
section.Custom_product_card .grid,
section.Custom_product_card .grid.grid-cols-1,
section.Custom_product_card .grid.grid-cols-2,
section.Custom_product_card .grid.grid-cols-3,
section.Custom_product_card .grid.grid-cols-4,
section.Custom_product_card ul,
section.Custom_product_card .cards,
section.Custom_product_card .card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(260px, 1fr));
  gap: 24px !important;
  align-items: stretch;
}

/* 2) Responsive breakpoints */
@media (max-width: 1200px){
  section.Custom_product_card .grid,
  section.Custom_product_card ul,
  section.Custom_product_card .cards,
  section.Custom_product_card .card-grid {
    grid-template-columns: repeat(3, minmax(240px,1fr));
  }
}
@media (max-width: 900px){
  section.Custom_product_card .grid,
  section.Custom_product_card ul,
  section.Custom_product_card .cards,
  section.Custom_product_card .card-grid {
    grid-template-columns: repeat(2, minmax(220px,1fr));
  }
}
@media (max-width: 540px){
  section.Custom_product_card .grid,
  section.Custom_product_card ul,
  section.Custom_product_card .cards,
  section.Custom_product_card .card-grid {
    grid-template-columns: 1fr;
  }
}

/* 3) Make each card fit nicely and stop going full-width */
section.Custom_product_card li,
section.Custom_product_card .card,
section.Custom_product_card .Custom_product_card_inner,
section.Custom_product_card [data-aid="product-card"] {
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* 4) Image sizing inside the card */
section.Custom_product_card .Custom_product_card_img_wrap img,
section.Custom_product_card .card img,
section.Custom_product_card [data-aid="product-card"] img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 20px 20px 110px 110px;
}

/* 5) If this section is using Slick, normalize the track to behave row-like */
section.Custom_product_card .slick-track {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: repeat(4, minmax(260px,1fr));
  gap: 24px !important;
}
@media (max-width: 1200px){
  section.Custom_product_card .slick-track { grid-template-columns: repeat(3, minmax(240px,1fr)); }
}
@media (max-width: 900px){
  section.Custom_product_card .slick-track { grid-template-columns: repeat(2, minmax(220px,1fr)); }
}
@media (max-width: 540px){
  section.Custom_product_card .slick-track { grid-template-columns: 1fr; }
}
/* ===========================
   Custom_product_card — force row grid
   =========================== */

/* 1) Grab ANY wrapper inside the section and turn it into a grid */
section.Custom_product_card .grid,
section.Custom_product_card .flex,
section.Custom_product_card [class*="grid-cols"],
section.Custom_product_card .cards,
section.Custom_product_card .card-grid,
section.Custom_product_card ul {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(240px, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch;
}

/* 2) Responsive columns */
@media (max-width: 1200px){
  section.Custom_product_card .grid,
  section.Custom_product_card .flex,
  section.Custom_product_card [class*="grid-cols"],
  section.Custom_product_card .cards,
  section.Custom_product_card .card-grid,
  section.Custom_product_card ul {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }
}
@media (max-width: 900px){
  section.Custom_product_card .grid,
  section.Custom_product_card .flex,
  section.Custom_product_card [class*="grid-cols"],
  section.Custom_product_card .cards,
  section.Custom_product_card .card-grid,
  section.Custom_product_card ul {
    grid-template-columns: repeat(2, minmax(210px, 1fr)) !important;
  }
}
@media (max-width: 540px){
  section.Custom_product_card .grid,
  section.Custom_product_card .flex,
  section.Custom_product_card [class*="grid-cols"],
  section.Custom_product_card .cards,
  section.Custom_product_card .card-grid,
  section.Custom_product_card ul {
    grid-template-columns: 1fr !important;
  }
}

/* 3) Make individual cards behave and not stretch full width */
section.Custom_product_card li,
section.Custom_product_card .card,
section.Custom_product_card .Custom_product_card_inner,
section.Custom_product_card [data-aid="product-card"] {
  width: 100% !important;
  max-width: 360px !important;
  margin: 0 auto !important;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* 4) Consistent image sizing inside cards */
section.Custom_product_card img {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  border-radius: 20px 20px 110px 110px !important;
}

/* 5) If this section is a Slick carousel, coerce its track into rows */
section.Custom_product_card .slick-track {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(240px, 1fr)) !important;
  gap: 24px !important;
}
@media (max-width: 1200px){ section.Custom_product_card .slick-track { grid-template-columns: repeat(3, minmax(220px, 1fr)) !important; } }
@media (max-width: 900px){  section.Custom_product_card .slick-track { grid-template-columns: repeat(2, minmax(210px, 1fr)) !important; } }
@media (max-width: 540px){  section.Custom_product_card .slick-track { grid-template-columns: 1fr !important; } }
/* ==== FIX: Custom_product_card (stop vertical stacking) ==== */

/* 1) Force the wrapper to be a responsive grid (works with/without Slick) */
section.Custom_product_card .grid,
section.Custom_product_card .cards,
section.Custom_product_card [class*="grid-cols"],
section.Custom_product_card ul,
section.Custom_product_card .slick-track {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* 4 across on desktop */
  gap: 24px !important;
  align-items: stretch !important;
}

/* 2) Responsive columns */
@media (max-width: 1200px){
  section.Custom_product_card .grid,
  section.Custom_product_card .cards,
  section.Custom_product_card [class*="grid-cols"],
  section.Custom_product_card ul,
  section.Custom_product_card .slick-track {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px){
  section.Custom_product_card .grid,
  section.Custom_product_card .cards,
  section.Custom_product_card [class*="grid-cols"],
  section.Custom_product_card ul,
  section.Custom_product_card .slick-track {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 540px){
  section.Custom_product_card .grid,
  section.Custom_product_card .cards,
  section.Custom_product_card [class*="grid-cols"],
  section.Custom_product_card ul,
  section.Custom_product_card .slick-track {
    grid-template-columns: 1fr !important;
  }
}

/* 3) Neutralize Slick’s width/floats so the grid wins */
section.Custom_product_card .slick-list { overflow: visible !important; }
section.Custom_product_card .slick-slide { width: auto !important; float: none !important; }

/* 4) Let cards fill their grid cell (remove “full-width single column” look) */
section.Custom_product_card li,
section.Custom_product_card .card,
section.Custom_product_card [data-aid="product-card"] {
  width: 100% !important;
  max-width: initial !important;   /* no artificial 360px cap */
  margin: 0 !important;
}

/* 5) Tidy image height so cards look uniform */
section.Custom_product_card [data-aid="product-card"] img,
section.Custom_product_card .card img,
section.Custom_product_card li img {
  width: 100% !important;
  height: 240px !important;        /* adjust to 220–280px if you prefer */
  object-fit: cover !important;
  border-radius: 20px 20px 110px 110px; /* keeps your rounded style */
}

/* 6) If the theme forces grid-cols-1 anywhere, override it */
section.Custom_product_card *[class*="grid-cols-1"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 1200px){
  section.Custom_product_card *[class*="grid-cols-1"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px){
  section.Custom_product_card *[class*="grid-cols-1"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 540px){
  section.Custom_product_card *[class*="grid-cols-1"] { grid-template-columns: 1fr !important; }
}
/* ==== FIX: Custom_product_card section (by ID) ==== */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_ {
  /* Fallback: if Slick fails to init, show a grid */
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* When Slick is active, let Slick control layout (turn off our grid) */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_.slick-initialized {
  display: block;
}

/* Make sure Slick uses rows, not vertical stack */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .slick-track {
  display: block !important;   /* undo any “grid track” overrides from earlier */
}
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .slick-list {
  overflow: visible;            /* allows the shadow/rounded corners to show */
  margin: 0 -8px;
}
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .slick-slide {
  float: left;                  /* Slick default for horizontal rows */
  height: auto !important;
  margin: 0 8px;
}

/* Card box + spacing */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_inner {
  border: 1px solid #d8d9e0;
  border-radius: 20px;
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Image sizing: stop the vertical stretching */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_img_wrap img {
  width: 100% !important;
  height: 220px !important;              /* tweak to 200–260px if you want */
  object-fit: cover !important;
  border-radius: 20px 20px 110px 110px;
  display: block;
}

/* Title & button spacing */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_prod_name {
  margin: 14px 0 8px;
}
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_btn_wrap {
  margin-top: auto;                       /* pushes button to the bottom */
}

/* Responsive: your JS already sets slidesToShow (4/3/1).
   These keep the fallback grid consistent if Slick doesn’t init. */
@media (max-width: 1200px) {
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_:not(.slick-initialized) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_:not(.slick-initialized) {
    grid-template-columns: 1fr;
  }
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_img_wrap img {
    height: 200px !important;
  }
}
<script>
  (function ($) {
    function initKCProductCards() {
      var $wrap = $('#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_');
      if (!$wrap.length) return;

      // Re-init safely (handles theme editor, hot reload, etc.)
      if ($wrap.hasClass('slick-initialized')) {
        $wrap.slick('unslick');
      }

      $wrap.slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        infinite: false,
        autoplay: false,
        dots: true,
        arrows: true,
        prevArrow: '<button class="kc-card-prev" aria-label="Previous">‹</button>',
        nextArrow: '<button class="kc-card-next" aria-label="Next">›</button>',
        responsive: [
          { breakpoint: 1200, settings: { slidesToShow: 3 } },
          { breakpoint: 900,  settings: { slidesToShow: 2 } },
          { breakpoint: 767,  settings: { slidesToShow: 1 } }
        ]
      });
    }

    // Run on page load and when Shopify re-renders sections
    document.addEventListener('DOMContentLoaded', initKCProductCards);
    document.addEventListener('shopify:section:load', initKCProductCards);
  })(jQuery);
</script>
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .kc-card-prev,
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .kc-card-next{
  position:absolute; top:50%; transform:translateY(-50%);
  border:0; background:#fff; width:40px; height:40px; border-radius:999px;
  box-shadow:0 2px 8px rgba(0,0,0,.15); cursor:pointer; font-size:22px; line-height:40px;
}
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .kc-card-prev{ left:-12px; }
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .kc-card-next{ right:-12px; }
/* Let Slick control layout for Custom_product_card */
.Custom_product_card_wrapper_ {
  display: block !important;
  overflow: hidden;
}

.Custom_product_card_wrapper_.slick-initialized {
  display: block !important;
}

.Custom_product_card_block {
  width: auto !important;
}
/* === Fallback layout for Custom_product_card (works even without Slick) === */
.Custom_product_card_wrapper_{
  display: flex !important;
  gap: 24px;
  overflow-x: auto;           /* allows horizontal scroll on smaller screens */
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
}

.Custom_product_card_block{
  flex: 0 0 calc(25% - 18px); /* 4 across on desktop */
  scroll-snap-align: start;
}

@media (max-width: 1200px){
  .Custom_product_card_block{ flex-basis: calc(33.333% - 16px); } /* 3 across */
}
@media (max-width: 900px){
  .Custom_product_card_block{ flex-basis: calc(50% - 12px); }     /* 2 across */
}
@media (max-width: 768px){
  .Custom_product_card_block{ flex-basis: 100%; }                 /* 1 across */
}

/* Image sizing so cards look consistent */
.Custom_product_card_img_wrap img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 20px 20px 110px 110px;
}

/* Keep each card neat */
.Custom_product_card_inner{
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  background: #fff;
  height: 100%;
}
/* === KarmaChic product card row — force horizontal layout === */
.Custom_product_card_wrapper_{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
  overflow-x: auto !important;     /* enables horizontal scroll on small screens */
  padding-bottom: 8px !important;
  scroll-snap-type: x mandatory !important;
}

.Custom_product_card_wrapper_ > .Custom_product_card_block{
  flex: 0 0 calc(25% - 18px) !important;      /* 4 across on desktop */
  max-width: calc(25% - 18px) !important;
  scroll-snap-align: start !important;
}

@media (max-width: 1200px){
  .Custom_product_card_wrapper_ > .Custom_product_card_block{
    flex-basis: calc(33.333% - 16px) !important;  /* 3 across */
    max-width: calc(33.333% - 16px) !important;
  }
}
@media (max-width: 900px){
  .Custom_product_card_wrapper_ > .Custom_product_card_block{
    flex-basis: calc(50% - 12px) !important;      /* 2 across */
    max-width: calc(50% - 12px) !important;
  }
}
@media (max-width: 768px){
  .Custom_product_card_wrapper_ > .Custom_product_card_block{
    flex-basis: 100% !important;                  /* 1 across */
    max-width: 100% !important;
  }
}

/* Consistent image + card look */
.Custom_product_card_img_wrap img{
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  border-radius: 20px 20px 110px 110px !important;
}
.Custom_product_card_inner{
  border-radius: 20px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
  background: #fff !important;
  height: 100% !important;
}
/* === KarmaChic: Product card row fallback (scoped) === */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB
  .Custom_product_card_wrapper_,
#shopify-section-template--25258858840377__custom_product_card_jhUkeB
  .Custom_product_card_wrapper{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:24px !important;
  overflow-x:auto !important;
  padding-bottom:8px !important;
  scroll-snap-type:x mandatory !important;
}

#shopify-section-template--25258858840377__custom_product_card_jhUkeB
  .Custom_product_card_wrapper_ > *,
#shopify-section-template--25258858840377__custom_product_card_jhUkeB
  .Custom_product_card_wrapper > *{
  flex:0 0 25% !important;     /* 4 across desktop */
  max-width:25% !important;
  scroll-snap-align:start !important;
}

@media (max-width:1200px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB
    .Custom_product_card_wrapper_ > *,
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB
    .Custom_product_card_wrapper > *{
    flex-basis:33.333% !important; max-width:33.333% !important; /* 3 across */
  }
}
@media (max-width:900px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB
    .Custom_product_card_wrapper_ > *,
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB
    .Custom_product_card_wrapper > *{
    flex-basis:50% !important; max-width:50% !important; /* 2 across */
  }
}
@media (max-width:768px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB
    .Custom_product_card_wrapper_ > *,
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB
    .Custom_product_card_wrapper > *{
    flex-basis:100% !important; max-width:100% !important; /* 1 across */
  }
}

/* Consistent image/card look */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB
  .Custom_product_card_img_wrap img{
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  border-radius:20px 20px 110px 110px !important;
}
#shopify-section-template--25258858840377__custom_product_card_jhUkeB
  .Custom_product_card_inner{
  border-radius:20px !important;
  box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
  background:#fff !important;
  height:100% !important;
}/* === FINAL FIX: Vendor tiles grid (ID of your section) === */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_,
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .custom_catgories_inner_wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

/* Responsive columns */
@media (max-width: 1200px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_,
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .custom_catgories_inner_wrapper{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_,
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .custom_catgories_inner_wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_wrapper_,
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .custom_catgories_inner_wrapper{
    grid-template-columns: 1fr !important;
  }
}

/* Cancel earlier “tiny card” rules */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_block,
#shopify-section-template--25258858840377__custom_product_card_jhUkeB li,
#shopify-section-template--25258858840377__custom_product_card_jhUkeB [data-aid="product-card"],
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .Custom_product_card_inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  flex: initial !important;            /* overrides old flex-basis rules */
}

/* If Slick is present, don't let it stack vertically */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .slick-list { overflow: visible !important; }
#shopify-section-template--25258858840377__custom_product_card_jhUkeB .slick-track { display: block !important; }

/* Consistent image height (optional; tweak if you want) */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB img {
  height: 240px !important;
  object-fit: cover !important;
  width: 100% !important;
  border-radius: 20px 20px 110px 110px;
}
/* === Vendor tiles FIX — force 4/3/2/1 row even with Slick === */
/* Target this section only */
#shopify-section-template--25258858840377__custom_product_card_jhUkeB {

  /* 1) Make the wrapper behave like a row of tiles */
  /* Works whether Slick is present or not */
  .Custom_product_card_wrapper_ {
    width: 100% !important;
  }

  /* 2) If Slick is attached, coerce its inner track to wrap as rows */
  .slick-list { overflow: visible !important; }
  .slick-track {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    width: 100% !important;
  }

  /* 3) Each slide takes a fraction of the row (cancel float-based stacking) */
  .slick-slide {
    float: none !important;
    display: block !important;
    width: calc(25% - 18px) !important; /* 4 across on desktop */
    box-sizing: border-box !important;
  }

  /* 4) Kill any old “tiny card” caps */
  .Custom_product_card_block,
  .Custom_product_card_inner {
    max-width: none !important;
    width: 100% !important;
  }

  /* 5) Image sizing so cards look consistent (optional) */
  .Custom_product_card_img_wrap img {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
    border-radius: 20px 20px 110px 110px;
  }
}

/* Responsive widths for the slides */
@media (max-width: 1200px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .slick-slide {
    width: calc(33.333% - 16px) !important; /* 3 across */
  }
}
@media (max-width: 900px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .slick-slide {
    width: calc(50% - 12px) !important;     /* 2 across */
  }
}
@media (max-width: 560px){
  #shopify-section-template--25258858840377__custom_product_card_jhUkeB .slick-slide {
    width: 100% !important;                 /* 1 across */
  }
}