.product-card__content.text-left .product-card__info{
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-card__content.text-center .product-card__info{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product-card__content.text-right .product-card__info{
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.shopify-section--featured-products .section-stack{
    gap: 1rem;
}
.product-card__author{

font-weight: 500;
font-size: 20px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color: #828282;
}
.product-card__title {
    color: #000;
font-weight: 500;
font-size: 20px;
line-height: 150%;
letter-spacing: 0%;

}
.product-card__content.text-left .product-card__info{
    row-gap: 4px;
}

.bottom-texts{
  display: flex;
  justify-content: center;
  column-gap: 16vw;
  margin-top: 16px;
  margin-bottom: 40px;
}
.template-page-finishes .bottom-texts{
  margin-bottom: 80px;
}
.bottom-texts p{
font-weight: 500;
font-size: 20px;
line-height: 150%;
letter-spacing: 0%;

}

.template-page-finishes .section-spacing{
  margin-top: 35px;
  margin-bottom: 35px;
}

.template-page-finishes .image-with-text-section{
  max-width: 1260px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.template-page-finishes .image-with-text-content{
  
font-weight: 500;
font-size: 20px;
line-height: 150%;
letter-spacing: 0%;

}

.template-page-finishes .image-with-text{
  display: flex;
  align-items: center;
}
.template-page-finishes .image-with-text picture{
  width: 590px;
}

.template-page-finishes .image-with-text-section .prose{
  padding-left: 34px;
  width: calc(100% - 590px);
  max-width: unset;
  padding-right: 34px;
}
.template-page-finishes .bordered-section.image-with-text-section{
position: relative;
padding-top: 34px;
}
.template-page-finishes .bordered-section.image-with-text-section:before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  z-index: 1;
  background-color: #000;
  max-width: 1025px;
}
.template-page-finishes .shopify-section:not(:first-child):has(.bordered-section){
  border-block-start: 0;
}

@media(max-width:1260px){
  .template-page-finishes .image-with-text picture{
    width: 450px;
  }
  .template-page-finishes .image-with-text-section .prose{
    width: calc(100% - 450px);
  }
}

@media(max-width:991px){
  .template-page-finishes .image-with-text-content{
    font-size: 16px;
  }
  .template-page-finishes .image-with-text picture{
    width: 350px;
  }
  .template-page-finishes .image-with-text-section .prose{
    width: calc(100% - 350px);
    padding-left: 20px;
    padding-right: 20px;
  }
  .template-page-finishes .bordered-section.image-with-text-section:before{
    max-width: 80%;
  }
}

@media(max-width:991px){
  .bottom-texts p{
    font-size: 16px;
  }

  .bottom-texts{
    column-gap: 12vw;
  }
 
}
@media(max-width:700px){
  .template-page-finishes .image-with-text{
    flex-direction: column;
  }
  .template-page-finishes .image-with-text picture{
    width: 100%;
  }
  .template-page-finishes .image-with-text-section .prose{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  
}

/* ------------------------------------------------------------------
   Product Page Refinements (all product templates)
   ------------------------------------------------------------------ */

/* Even Tab Spacing: no extra gap between the stacked product tabs
   (Order a sample, Applications, Read before you buy, etc.) and each
   label centred between its top and bottom lines */
.product-info__block-list > .product-info__block-item:has(> .order-sample-accordion) { margin-bottom: 0; }
.product-info__block-list > .product-info__block-item:has(> .read-before-buy-tab),
.product-info__block-list > .product-info__block-item:has(> .liquid > .read-before-buy-tab) { margin-block: 0; }
.product-info__block-list .read-before-buy-tab__button,
.product-info__block-list .order-sample-accordion__button { padding-block: 18px; }

/* Sticky Product Gallery (desktop): the photo stays in view while the
   info column scrolls. Slides are viewport-fitted squares so the gallery
   is shorter than the info column; it drops below the sticky
   add-to-cart bar when that bar is showing */
@media screen and (min-width: 1000px) {
  .product > .product-gallery {
    align-self: start;
    top: calc(var(--sticky-area-height, 86px) + 24px);
    transition: top .25s ease;
  }
  body:has(product-sticky-bar.is-visible) .product > .product-gallery { top: calc(var(--sticky-area-height, 86px) + 127px); }
  .product > .product-gallery .product-gallery__media {
    aspect-ratio: 1 / 1;
    max-height: calc(100vh - var(--sticky-area-height, 86px) - 160px);
  }
  .product > .product-gallery .product-gallery__media img { width: 100%; height: 100%; object-fit: contain; }
}

/* Large Product Photo (desktop, every product template that uses the
   "thumbnails left" gallery): the photo is a square sized to the screen height,
   the thumbnail/photo/info gaps are tightened, and the layout is centred so the
   white space left and right is equal. ".template-product-" is the default
   product template. A new product template needs its body class added here
   (and its gallery set to "thumbnails left") to get this layout. */
@media screen and (min-width: 1000px) {
  :is(
    .template-product-outlet,
    .template-product-outlet-incoming,
    .template-product-outlet-made-to-order,
    .template-product-outlet-applications,
    .template-product-request-info,
    .template-product-sink-request-info,
    .template-product-molding-request-info,
    .template-product-bath-access-request-info,
    .template-product-checker-request-more-info,
    .template-product-dtc-chkr-combo-instck,
    .template-product-dtc-w-sample,
    .template-product-pre-order,
    .template-product-trim-outlet,
    .template-product-4-oct-made-to-order,
    .template-product-4-oct-mto,
    .template-product-,
    .template-product-closeout,
    .template-product-checkered-template
  ) {
    --pg-img: min(calc(100vh - var(--sticky-area-height, 86px) - 72px), 900px, calc(100vw - 96px - 413px - 48px - 80px));

    & .container:has(> .product) {
      max-width: none;
      width: calc(var(--pg-img) + 80px + 48px + 413px);
      margin-inline: auto;
      padding-inline: 0;
    }
    & .product {
      grid-template-columns: calc(var(--pg-img) + 80px) 413px;
      column-gap: 48px;
    }
    & .product > .product-gallery { column-gap: 24px; }
    & .product > .product-gallery .product-gallery__image-list { flex: none; width: var(--pg-img); }
    & .product > .product-gallery .product-gallery__media {
      max-height: none;
      width: var(--pg-img);
      height: var(--pg-img);
    }
  }
}