/** Shopify CDN: Minification failed

Line 156:10 Expected identifier but found whitespace
Line 156:12 Unexpected "{"
Line 156:28 Expected ":"
Line 156:56 Expected identifier but found "!"

**/


/* CSS from section stylesheet tags */
.custom-product-details-section {
    padding: 40px 0;
  }

  .details-layout-flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* ✅ Prevent image from stretching */
  }

  .details-layout__image-column {
    flex: 1 1 45%;
    max-width: 50%;
    box-sizing: border-box;

    max-height: 100vh;  /* ✅ Limit height of image container */
    overflow: hidden;   /* ✅ Prevent overflow */
  }

  .details-layout__image-column img {
    display: block;
    width: 100%;
    height: 100%;       /* ✅ Maintain aspect ratio within max-height */
    object-fit: cover;
  }

  .details-layout__content-column {
    flex: 1 1 45%;
    max-width: 50%;
    box-sizing: border-box;
    color: #fff !important;
    padding: 60px 30px;
    justify-content: center;
    display: flex;
    flex-direction: column;

    @media screen and (min-width: 1024px) {
      padding: 4rem;
    }
  }

  .details-layout__content-column .custom-product-details__title {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 2.4rem;
    margin-top: 0;
    position: relative;
  }

  .details-layout__content-column .custom-product-details__title::after {
    left: 47% !important;
    background: #fdc100 !important;
  }

  .details-layout__content-column .custom-product-details__description,
  .details-layout__content-column .custom-product-details__accordion {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }
  .details-layout__content-column .custom-product-details__accordion {
    margin-bottom: 30px;
  }
  
  .details-layout__content-column .custom-product-details__description{
    margin-bottom: 15px;
  }
  
  .details-layout__content-column .accordion-item {
    border-bottom: 1px solid rgba(255,255,255, 0.5);
  }

  .details-layout__content-column .accordion-item summary {
    padding: 15px 0;
    cursor: pointer;
    position: relative;
    list-style: none;
    padding-right: 25px;
    font-family: "beaufort-pro", sans-serif !important;
    font-size: 1.15rem;
  }

  .details-layout__content-column .accordion-item summary::-webkit-details-marker {
    display: none;
  }

  .details-layout__content-column .accordion-item summary::after {
    content: '\25BE';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
  }

  .details-layout__content-column .accordion-item[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
  }

  .details-layout__content-column .accordion-item__content {
    padding-bottom: 15px;
  }

  .details-layout__content-column .rte {
    line-height: 1.6;
  }

  .details-layout__content-column .rte p {
    margin-bottom: 1em;
  }

  .details-layout__content-column .custom-product-details__related {
    text-align: left;
  }

  .details-layout__content-column .related-products__title {
    margin-bottom: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }

  .details-layout__content-column .related-products__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .details-layout__content-column .related-products__button {
    display: inline-block;
    border: 1px solid #fff;
    padding: 8px 15px;
    color: #fff !important;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .details-layout__content-column .related-products__button:hover {
    background-color: #fff;
    color: {{ product_colour.value | default: '#900' }} !important;
  }

  @media screen and (max-width: 768px) {
    .details-layout-flex-container {
      flex-direction: column;
    }

    .details-layout__image-column,
    .details-layout__content-column {
      flex-basis: 100%;
      max-width: 100%;
    }

    .details-layout__content-column {
      padding: 20px;
    }
  }