header{
  /* background-color: var(--white); */
  --color: var(--mahogany);
}

header .main_nav > a img:nth-child(1){
  opacity: 0;
}

header #header_navigation .main_nav > a img:nth-child(2){
  opacity: 1;
}

.flex_layout.product_single{
    padding-block: 3rem 1rem;
}

.flex_layout.product_single .product_container{
    grid-column: 1 / -1;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1.5rem;
}

.flex_layout.product_single .gallery{
    grid-column: 1 / 8;
    width: 100%;
    padding-right: 3rem;
}

.flex_layout.product_single .content{
    grid-column: 8 / -1;
    width: 100%;
    max-width: 560px;
    margin-top: 2rem;
    /* position: sticky;
    top: 120px;
    align-self: start;  */
}

.flex_layout.product_single .content .sku{
    font-size: var(--body-small);
    opacity: 0.5;
}




/* Gallery styles */
.flex_layout.product_single .gallery{
  margin-bottom: 1rem;
}

.flex_layout.product_single .gallery .thumbnail-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.flex_layout.product_single .gallery .main-image,
.flex_layout.product_single .gallery .thumbnail-images > .thumbnail-item{
    aspect-ratio: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
}

.flex_layout.product_single .gallery .thumbnail-images > .thumbnail-item:nth-child(3n+3) {
    grid-column: 1 / -1; /* Spans full width */
}

.flex_layout.product_single .gallery .main-image img,
.flex_layout.product_single .gallery .thumbnail-images > .thumbnail-item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}



.flex_layout.product_single .product-description{
  margin-top: 1.5rem;
  margin-bottom: 0.25rem;
}



.flex_layout.product_single .product-properties{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 0.75rem;
    gap: 1rem;
    margin-block: 1rem;
    line-height: 1em;
}

.flex_layout.product_single .product-properties span{
    text-align: center;
    display: inline-block;
    width: 100%;
}

.flex_layout.product_single .product-properties > div{
  flex: 1;
  max-width: 64px;
  margin-bottom: 0.5rem;
}

.flex_layout.product_single .property-icon{
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    
    width: 64px;
    height: 64px;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}



.woocommerce div.product form.cart{
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.woocommerce div.product form.cart .variations{
    margin-top: 1rem;
    margin-bottom: 0px;
}

@media only screen and (max-width: 500px){
    .woocommerce div.product form.cart .variations tr{
        display: flex;
        flex-direction: column;
    }
    
    .woocommerce div.product form.cart .variations tr td{
        padding-bottom: 0px;
    }
    
    .woocommerce div.product form.cart .variations tr th.label label{
        margin-bottom: 0px;
    }
}

.woocommerce-variation.single_variation{
  display: none !important;
}

.woocommerce a.added_to_cart{
  display: none;
}

.woocommerce div.product form.cart .variations tr th.label{
    padding-top: 0.5rem;
}


.woocommerce div.product form.cart .variations td, .woocommerce-page div.product form.cart .variations td{
  padding-bottom: 0.75rem;
}

.woocommerce div.product form.cart .variations select{
    width: 100%;
    margin: 0px;
    background-color: white;
    height: 56px;
    border: 0.5px solid rgba(60, 21, 24, 0.35);
    border-radius: 0.5rem;
    padding-inline: 1.5rem;
}

.woocommerce .variations_button,
.woocommerce div.product form.cart:not(.variations_form){
    display: flex;
}

.woocommerce div.product form.cart .button{
    width: 100%;
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 4rem 0.75rem 1.5rem;
    height: 56px;
    
    background: var(--chili);
    font-weight: 500;
    font-size: 1.25rem;
    letter-spacing: -0.04em;
    border-radius: 0.5rem !important;
    border: 0px !important;
    color: white;
    
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6665 7.91711C1.66652 6.98977 1.94783 6.08426 2.47328 5.32016C2.99873 4.55606 3.7436 3.96932 4.60951 3.63744C5.47542 3.30556 6.42164 3.24414 7.32318 3.46131C8.22473 3.67848 9.03919 4.16401 9.659 4.85377C9.70266 4.90045 9.75544 4.93767 9.81407 4.96311C9.8727 4.98855 9.93593 5.00168 9.99984 5.00168C10.0637 5.00168 10.127 4.98855 10.1856 4.96311C10.2442 4.93767 10.297 4.90045 10.3407 4.85377C10.9585 4.15952 11.7732 3.66991 12.6762 3.45011C13.5792 3.2303 14.5277 3.29073 15.3956 3.62334C16.2634 3.95596 17.0093 4.54498 17.5341 5.31203C18.0589 6.07907 18.3376 6.98774 18.3332 7.91711C18.3332 9.82544 17.0832 11.2504 15.8332 12.5004L11.2565 16.9279C11.1012 17.1063 10.9098 17.2495 10.6949 17.3482C10.48 17.4468 10.2465 17.4986 10.0101 17.5001C9.77362 17.5016 9.53954 17.4528 9.32341 17.3569C9.10728 17.261 8.91403 17.1201 8.7565 16.9438L4.1665 12.5004C2.9165 11.2504 1.6665 9.83377 1.6665 7.91711Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-position: calc(50% + 5rem) center;
    transition: all 0.3s;
}

.woocommerce div.product form.cart .button.loading{
  background: var(--chili) !important;
}

.woocommerce div.product form.cart .button.added{
    background-image: unset;
    padding: 0.75rem 1.5rem 0.75rem 1.5rem;
}

@media only screen and (max-width: 1200px){
    .woocommerce div.product form.cart .button{
        background-image: unset;
        padding: 0.75rem 1.5rem 0.75rem 1.5rem;
    }
}

.woocommerce .fl-page-content .quantity input.qty, .woocommerce-page .fl-page-content .quantity input.qty{
    padding: 0.75rem 0.75rem;
    height: 3.5rem;
    width: 4rem;
    background: #FFFFFF;
    border: 0.5px solid rgba(60, 21, 24, 0.35);
    border-radius: 0.5rem;
}


.flex_layout.product_single .content .tagline{
    opacity: 0.5;
    text-align: center;
    font-size: var(--body-small);
}


.flex_layout.product_single .content .dialogs{
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

.flex_layout.product_single .content .dialogs a{
    border-bottom: 1px solid rgba(60, 21, 24, 0.35);
    padding-block: 1rem;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--mahogany);
}

.flex_layout.product_single .content .dialogs a:nth-child(1){
    border-top: 1px solid rgba(60, 21, 24, 0.35);
}

.flex_layout.product_single .content .dialogs a svg{
    flex-shrink: 0;
}




/*  DOWNLOAD DIALOG */

.downloads-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.download-tile {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #F2E9E4; /* zachte beige achtergrond */
  border-radius: 8px;
  padding: 1rem;
  text-decoration: none;
  color: #3C1518;
  transition: background 0.2s ease, transform 0.2s ease;
}

.download-tile:hover {
  background: #E6DAD3;
  transform: translateY(-2px);
}

.download-icon svg {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
}

.download-info {
  display: flex;
  flex-direction: column;
}

.download-title {
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.download-meta {
  font-size: 0.9rem;
  color: #6B4A4C;
}








.flex_layout.product_single .content .contact-banner {
  display: flex;
  align-items: center;
  gap: 1rem; /* 16px */
  width: fit-content;
  margin-top: 2rem
}

.flex_layout.product_single .content .contact-avatars {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 0.36rem 2.7rem rgba(66, 76, 150, 0.05); /* 6px 43px */
  border-radius: 9rem;
  padding: 0.25rem; 
  height: 3.625rem;
}

.flex_layout.product_single .content .contact-avatars img {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  object-fit: cover;
  margin-left: -1.5rem;
}

.flex_layout.product_single .content .contact-avatars img:first-child {
  margin-left: 0;
}

.flex_layout.product_single .content .contact-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  color: var(--mahogany);
}

.flex_layout.product_single .content .contact-question {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: -0.04em;
  margin: 0;
}

.flex_layout.product_single .content .contact-link {
  display: flex;
  align-items: center;
  gap: 0.5rem; 
  cursor: pointer;
  color: var(--mahogany);
}

.flex_layout.product_single .content .contact-link span {
  font-size: 1rem; 
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.flex_layout.product_single .content .contact-link .arrow {
  flex-shrink: 0;
}




.product-dialog{
    margin-block: 0px;
    margin-right: 0px;
    height: 100vh;
    max-height: unset;
    top: 0px;
    width: 620px;
    max-width: 100vw;
    padding: 2rem;
    background-color: var(--ivory);
    overflow: hidden;
}

.product-dialog .dialog-content{
    height: 100%;
    color: var(--mahogany);
}


.product-dialog .dialog-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.product-dialog .dialog-header h3{
    font-size: 2rem;
}

.product-dialog .dialog-header button{
    background-color: transparent;
    border: 0px;
    padding: 0px;
    flex-shrink: 0;
}

.product-dialog .dialog-body{
    overflow: scroll;
    height: 100%;
    font-size: 1rem;
    padding-bottom: 60px;
}

.woocommerce #pk_flex_content table.shop_attributes{
  border: 0px;
}

.woocommerce #pk_flex_content table.shop_attributes tr{
  border: 0px;
}

.woocommerce #pk_flex_content  table.shop_attributes th,
.woocommerce #pk_flex_content  table.shop_attributes td{
    vertical-align:  top;
    font-style: normal;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid rgba(60, 21, 24, 0.05);
    padding: 4px 0px 4px 0px;

}

.woocommerce #pk_flex_content  table.shop_attributes th{
  padding-right: 10px;
  font-weight: 400;
  width: 100%;
}

.woocommerce #pk_flex_content  table.shop_attributes td p{
  padding: 0px;
  font-weight: 700;
}



.woocommerce-variation-availability{
  display: none;
}



@media only screen and (max-width: 992px){
    .flex_layout.product_single .gallery{
        grid-column: 1 / 7;
        width: 100%;
        padding-right: 1rem;
    }
    
    .flex_layout.product_single .content{
        grid-column: 7 / -1;
        width: 100%;
    }
}

@media only screen and (max-width: 767px){

    .flex_layout.product_single .gallery{
        grid-column: 1 / -1;
        width: 100%;
        padding-right: 0rem;
    }
    
    .flex_layout.product_single .content{
        grid-column: 1 / -1;
        width: 100%;
    }
}