/**
 * IDALO Catalog Product Page Styles
 */

/* Fix ASTRA */
#content .ast-container {
    width: 100%;
    max-width: 100% !important;
    padding: 0;
    flex-wrap: wrap !important;
    justify-content: center !important;
}


/* =====================================================
   PRODUCT PAGE STYLES
   ===================================================== */


.idalo-product-page-title {
    width: 100%;
    flex-basis: 100%;
}

.idalo-product-page {
    padding: 10px 0;
    /*background: #f8f9fa;*/
    width: 100%;
    max-width: 1180px;
}

.idalo-product-page .idalo-container {
    padding-top: 30px;
}

.idalo-product-block {
    /*background: #fff;*/
    /*padding: 30px;*/
    /*margin-bottom: 30px;*/
    /*border-radius: 8px;*/
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
}

.idalo-product-title h1 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 32px;
    font-weight: 600;
}

/* Hero Title Block with Background Image */
.idalo-product-title-hero {
    position: relative;
    min-height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

.idalo-product-title-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 1;
}

.idalo-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    padding: 40px 20px;
    max-width: 800px;
}

.idalo-hero-content h1 {
    /*margin: 0 0 20px 0;*/
    font-size: 48px;
    font-weight: 700;
    color: white;
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
    line-height: 1.2;
}

/* Breadcrumbs Styling */
.idalo-breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
    font-size: 16px;
}

.breadcrumb-item {
    /*background: rgba(255, 255, 255, 0.2);*/
    color: white;
    /*padding: 8px 16px;*/
    /*border-radius: 25px;*/
    font-weight: 500;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/
    /*backdrop-filter: blur(10px);*/
    /*border: 1px solid rgba(255, 255, 255, 0.1);*/
}

.breadcrumb-separator {
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    font-weight: bold;
}

/* Product Gallery */
.idalo-gallery-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    margin-top: 20px;
}

.idalo-gallery-item {
    width: 220px;
    height: 220px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border: 4px solid #fff;
}


.idalo-gallery-item1::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffd900;
    z-index: 10;
    opacity: 0;
    transition: all .25s ease-out;
    mix-blend-mode: multiply;
    border-radius: 4px;
}

.idalo-gallery-item1:hover::before {
    opacity: 1;
}

.idalo-gallery-item:hover {
    border: 4px solid #ffd900;
}

.idalo-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    border-radius: 4px;
}

.idalo-gallery-item:hover img {
    transform: scale(1.04);
}

/* Image Modal */
.idalo-image-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

.idalo-image-modal-content1 {
    position: relative;
    width: 90%;
    max-width: 1000px;
    margin: 5% auto;
    text-align: center;
}

.idalo-image-close {
    position: absolute;
    top: -70px;
    right: 0;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
    z-index: 10001;
}

.idalo-image-close:hover {
    color: #ccc;
}

#idalo-modal-image {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 8px;
}

.idalo-modal-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.idalo-modal-prev,
.idalo-modal-next {
    background: transparent !important;
    border: none;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: auto;
}

.idalo-modal-prev:hover,
.idalo-modal-next:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.idalo-modal-prev {
    margin-left: -60px;
}

.idalo-modal-next {
    margin-right: -60px;
}

/* Video Gallery */
.idalo-video-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.idalo-video-item {
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.idalo-video-item:hover {
    transform: translateY(-5px);
}

.idalo-video-thumbnail {
    position: relative;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.idalo-video-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idalo-video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.idalo-video-item:hover .idalo-video-play-button {
    transform: translate(-50%, -50%) scale(1.1);
}

/* Video Modal */
.idalo-video-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
}

.idalo-video-modal-content {
    position: relative;
    width: 90%;
    max-width: 1200px;
    margin: 5% auto;
}

.idalo-video-close {
    position: absolute;
    top: -70px;
    right: 0;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
}

.idalo-video-close:hover {
    color: #ccc;
}

.idalo-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.idalo-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Content Blocks */
.idalo-product-block h2.idalo-product-block-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    /*border-bottom: 2px solid #0274be;*/
    margin: 25px 0 10px 0;
    padding: 2px 10px;
    background-color: #f0dc5e;
    width: fit-content;
}

.idalo-content {
    color: #666;
    line-height: 1.8;
}

.idalo-product-block.idalo-product-full-description {
    padding: 10px 0 ;
}

.idalo-product-block.idalo-product-images {

}
.idalo-product-block.idalo-product-files {
    padding: 10px 0;
}

.idalo-product-block.idalo-product-videos {
    padding: 10px 0;
}

.idalo-content p {
    margin-bottom: 15px;
}

/* Files List */
.idalo-file-item1 a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    background: #f8f9fa;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

.idalo-file-item1 a:hover {
    background: #004388;
    color: #fff;
    border-color: #004388;
}

.idalo-file-item1 .dashicons {
    font-size: 20px;
}

/* Related Products */
.idalo-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* Responsive */
@media (max-width: 1024px) {
    .idalo-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .idalo-gallery-item {
        width: 100%;
        height: 200px;
    }
}

@media (max-width: 768px) {
    .idalo-product-title h1 {
        font-size: 24px;
    }
    
    .idalo-product-block {
        padding: 20px;
    }
    
    .idalo-product-block h2.idalo-product-block-title  {
        font-size: 20px;
    }
    
    /* Hero Title Responsive */
    .idalo-product-title-hero {
        min-height: 300px;
        margin: 15px 0;
    }
    
    .idalo-hero-content {
        padding: 30px 15px;
    }
    
    .idalo-hero-content h1 {
        font-size: 32px;
    }
    
    .idalo-breadcrumbs {
        font-size: 14px;
        gap: 6px;
    }
    
    .breadcrumb-item {
        padding: 6px 12px;
        font-size: 14px;
    }
    
    .idalo-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .idalo-gallery-item {
        width: 100%;
        height: 180px;
    }
    
    .idalo-video-gallery {
        grid-template-columns: 1fr;
    }
    
    .idalo-video-modal-content {
        width: 95%;
        margin: 10% auto;
    }
    
    .idalo-image-modal-content1 {
        width: 95%;
        margin: 10% auto;
    }
    
    .idalo-modal-prev,
    .idalo-modal-next {
        font-size: 18px;
        padding: 10px 15px;
    }
    
    .idalo-modal-prev {
        margin-left: -40px;
    }
    
    .idalo-modal-next {
        margin-right: -40px;
    }
    
    .idalo-products-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .idalo-gallery-grid {
        grid-template-columns: 1fr;
    }
    
    .idalo-gallery-item {
        width: 100%;
        height: 200px;
        max-width: 300px;
        margin: 0 auto;
    }
    
    .idalo-modal-prev,
    .idalo-modal-next {
        display: none;
    }
    
    .idalo-image-close {
        font-size: 30px;
        top: -40px;
    }
    
    /* Hero Title Mobile */
    .idalo-product-title-hero {
        min-height: 250px;
        margin: 10px 0;
        border-radius: 8px;
    }
    
    .idalo-hero-content {
        padding: 20px 10px;
    }
    
    .idalo-hero-content h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    .idalo-breadcrumbs {
        font-size: 12px;
        gap: 4px;
        flex-direction: column;
        align-items: center;
    }
    
    .breadcrumb-item {
        padding: 4px 8px;
        font-size: 12px;
    }
    
    .breadcrumb-separator {
        display: none;
    }
}

/* ------------------------ NEW NEW NEW NEW NEW NEW NEW --------------------------------  */
/* New classes for special product page (new teample) for page--product-neuero.php */
:root {
    --neuero-color-1: #064684;
    --neuero-color-2: #fee557;
    --neuero-color-3: rgba(255, 229, 77, .75);
    --neuero-container-width: 1300px;
}


/* LAYOUT System */
.astra-idalo-container {
    width: 100%;
    flex-basis: 100%;
}

.idalo-container--neuero {
    display: flex;
    align-items: stretch;   /* all columns are the same height */
    width: 100%;
    gap: 0;
    box-sizing: border-box;
    justify-content: center;
}


.idalo-container--neuero .col {
    box-sizing: border-box;
}
.idalo-container--neuero .col.pd1 {
    padding: 1rem;
}

.idalo-container--neuero .col.min0 {
    min-width: 0;
}

.idalo-container--neuero .col.full{
    max-width: 100%;
    flex: 0 1 100%;
}

.idalo-container--neuero .col-left,
.idalo-container--neuero .col-right {
    flex: 1 1 auto;   /* don't grow, they can shrink */
    min-width: 50px;
    border: 0px solid #2196F3;
}


.idalo-container--neuero .col-center {
    flex: 0 1 var(--neuero-container-width);      /* grows and shrinks as needed */
    max-width: var(--neuero-container-width);
    min-width: 0;
    border: 0px solid #646970;
}



/* HERO Style Block */
.idalo-product-title-hero--neuero {
    position: relative;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: end;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

/* Hero Mode: Contain (no crop) */
.idalo-product-title-hero--neuero.idalo-hero--contain {
    /* inline style sets background-image and --hero-pos; keep here as safety */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: var(--hero-pos, center) !important;
}

/* Hero Mode: Blur Fill (small images) */
.idalo-product-title-hero--neuero.idalo-hero--blur-fill {
    position: relative;
}

/* Blurred background layer (fills container) */
.idalo-product-title-hero--neuero.idalo-hero--blur-fill::before {
    content: '';
    position: absolute;
    inset: 0;
    /* use same image and focus */
    background-image: var(--hero-image);
    background-position: var(--hero-pos, center);
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(18px) saturate(120%);
    transform: scale(1.08); /* avoid visible edges after blur */
    z-index: 0;
}

/* Sharp foreground layer (shows full image without crop) */
.idalo-product-title-hero--neuero .idalo-hero-sharp {
    position: absolute;
    inset: 0;
    background-image: var(--hero-image);
    background-position: var(--hero-pos, center);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}

/* Ensure content stays above layers */
.idalo-hero-content--neuero {
    position: relative;
    z-index: 2;
    color: var(--neuero-color-1);
    background-color: var(--neuero-color-3);
    border-top: 5px solid var(--neuero-color-1);
    padding: 40px 30px 20px 0;
}

.idalo-hero-content--neuero.w90 {
    width: 90%;
}

.idalo-hero-content--neuero.h100 {
    height: 100%;
}
.idalo-hero-content--neuero.p0 {
    padding: 0;
}

.idalo-hero-content--neuero h1 {
    /*margin: 0 0 20px 0;*/
    font-size: 48px;
    font-weight: 800;
    color: var(--neuero-color-1);
    line-height: 1.2;
    text-transform: none;
}

.idalo-product-short-description--neuero {
    font-size: 20px;
    color: var(--neuero-color-1);
    padding-top: 1.5rem;
}

/* BREADCRUMBS Style Block */
.idalo-breadcrumbs--neuero {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    gap: 8px;
    margin: 15px 0;
    font-size: 16px;
}

.idalo-breadcrumbs--neuero .breadcrumb-item {
    color: var(--neuero-color-1);
    font-weight: 600;
}
.idalo-breadcrumbs--neuero a {
    text-decoration: none;
    display:inline-block;
}

.idalo-breadcrumbs--neuero .breadcrumb-separator {
    color: var(--neuero-color-1);
    font-size: 18px;
    font-weight: 600;
}

.idalo-breadcrumbs--neuero .breadcrumb-home {
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url("data:image/svg+xml,%3Csvg%20fill='none'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m0%200h24v24h-24z'%20fill='none'/%3E%3Cpath%20clip-rule='evenodd'%20d='m13.9931%203.43368c-1.1367-1.01037-2.8495-1.01037-3.9862%200l-7.67125%206.81892c-.41279.3669-.44997.999-.08305%201.4118.36692.4127.99899.4499%201.41177.083l.33564-.2983v5.6167c-.00005.8865-.00009%201.6503.08214%202.262.08813.6555.28688%201.2839.79654%201.7935.50966.5097%201.13801.7084%201.79353.7966.61166.0822%201.37547.0821%202.26196.0821h6.13162c.8865%200%201.6503.0001%202.262-.0821.6555-.0882%201.2839-.2869%201.7935-.7966.5097-.5096.7084-1.138.7966-1.7935.0822-.6117.0822-1.3755.0821-2.2619v-5.6168l.3356.2983c.4128.3669%201.0449.3297%201.4118-.083.3669-.4128.3298-1.0449-.083-1.4118zm-1.9931%2012.56632c-.5523%200-1%20.4477-1%201v2c0%20.5523-.4477%201-1%201-.55228%200-1-.4477-1-1v-2c0-1.6569%201.3431-3%203-3s3%201.3431%203%203v2c0%20.5523-.4477%201-1%201s-1-.4477-1-1v-2c0-.5523-.4477-1-1-1z'%20fill='%23064684'%20fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

/* PRODUCT Block Style  */
.idalo-product-container{
    display:flex;
    width:100%;
    gap:2rem;
}

.idalo-product-container .left{
    flex:0 1 500px;
    max-width:500px;
    min-width:400px;
    padding-top:25px;

    align-self: stretch !important;
    /*background: linear-gradient(to right,
        white 0%,
        white 80%,
        transparent 80%,
        transparent 100%
    );*/
}

.idalo-product-container .right{
    flex:1 1 auto;
    min-width:0;
}

.idalo-product-block {
}

.idalo-product-block.idalo-product-full-description .idalo-content,
.idalo-product-block.idalo-product-technical-data .idalo-content,
.idalo-product-block.idalo-product-files .idalo-files-list,
.idalo-product-block.idalo-product-videos .idalo-video-gallery {
    padding: 0 0 0 30px;
}

.idalo-product-block.idalo-product-images {
}


.idalo-product-block h2.idalo-product-block-title {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    margin: 15px 0 20px 0;
    padding: 10px 0 10px 30px;
    background-color: var(--neuero-color-1);
    width: 100%;
    border-radius: 3px 0 0 3px;
    text-transform: none;
    position: relative;
}
.idalo-product-block h2.idalo-product-block-title::after {
    content:'';
    position:absolute;
    top:0;
    left:100%;
    width:calc(100vw - 100%);
    height:100%;
    background-color: var(--neuero-color-1);
    pointer-events:none;
}

.idalo-product-block h2.idalo-product-block-title.default {
    width: 50%;
    border-radius: 0 3px 3px 0;
}

.idalo-product-block h2.idalo-product-block-title.default::after {
    display: none;
}

.idalo-product-block.idalo-product-files {

}
.idalo-files-list {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.idalo-file-item a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.idalo-file-item a:hover {
    border-bottom: 2px dotted var(--neuero-color-1);
}

.idalo-icon {
    display:inline-block;
    width:35px;
    height:35px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.icon-xls{
    background-image:url("data:image/svg+xml,%3Csvg%20height='64'%20viewBox='0%200%20512%20512'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m320%2042.666667h-234.666667v234.666667h42.666667v-42.666667-22.4-126.933333h174.293333l81.706667%2081.706667v45.226667%2022.4%2042.666667h42.666667v-128zm101.655467%20341.851733c-2.709334-2.048-5.610667-3.84-8.661334-5.376-3.093333-1.536-9.365333-4.266667-18.816-8.192-9.514666-3.904-15.552-6.848-18.048-8.810667-2.496-1.962666-3.754667-4.672-3.754667-8.106666%200-3.968%201.493333-7.253333%204.437334-9.856%202.816-2.389334%206.976-3.605334%2012.394667-3.605334%204.757333%200%209.322666.512%2013.696%201.536%204.352%201.045333%2010.901333%203.136%2019.562666%206.336l5.802667-23.509334c-14.72-4.650666-28.352-6.954666-40.874667-6.954666-17.365333%200-29.845333%205.333333-37.418666%2016-4.970667%206.869333-7.424%2014.848-7.424%2023.957333%200%2010.538667%203.754666%2018.624%2011.285333%2024.234667%202.645333%201.984%205.568%203.754667%208.725333%205.333333%203.178667%201.557333%208.618667%203.946667%2016.32%207.146667%2010.432%204.288%2016.981333%207.424%2019.626667%209.493333%202.645333%202.048%203.989333%204.906667%203.989333%208.576%200%204.117333-1.365333%207.573333-4.074666%2010.410667-3.136%203.242666-8.021334%204.864-14.634667%204.864-10.197333%200-22.613333-3.050667-37.248-9.216l-4.181333%2024.597333c13.696%204.821333%2028.010667%207.232%2042.944%207.232%2014.357333%200%2025.493333-2.986667%2033.450667-8.938667%209.365333-7.061333%2014.016-17.472%2014.016-31.189333%200-11.648-3.690667-20.288-11.114667-25.962667m-242.308267-64.283733-30.208%2041.770667-29.824-41.770667h-33.557333l45.034667%2062.378667-47.381333%2065.749333h34.069333l30.229333-42.773333%2030.378667%2042.773333h34.794667l-47.082667-65.024%2046.549333-63.104zm58.3488%200v128.128h83.904v-22.613333h-55.04v-105.514667z'%20fill='%23064684'/%3E%3C/svg%3E");
}

.icon-pdf{
    background-image:url("data:image/svg+xml,%3Csvg%20height='64'%20viewBox='0%200%20512%20512'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m161.2799997%20328.32c-12.070167-7.360918-26.321977-10.301768-40.32-8.32h-35.6266667v128h28.3733333v-48.853333h12.16c12.5971445%201.294244%2025.2552653-1.79494%2035.84-8.746667%208.9843558-7.706155%2013.9379484-19.10728%2013.44-30.933333.6651571-12.009827-4.496841-23.604469-13.8666666-31.146667zm-22.8266667%2046.72c-5.3591133%202.358948-11.2512949%203.242775-17.0666667%202.56h-8.32v-36.266666h8.32c6.0414627-.642157%2012.1364335.547105%2017.4933334%203.413333%204.9889138%203.474646%207.8160025%209.290371%207.4666666%2015.36.64629%206.118965-2.473284%2012.020862-7.8933333%2014.933333zm97.706667-55.04h-35.413334v128h33.92c17.286758%201.691497%2034.694376-1.641876%2050.133334-9.6%2016.988046-12.660871%2026.063796-33.32441%2023.893333-54.4%201.271644-18.055656-5.161687-35.805449-17.706667-48.853333-15.496226-12.214077-35.258031-17.673564-54.826666-15.146667zm28.16%2098.986667c-8.887704%204.995719-19.064525%207.22422-29.226667%206.4h-5.546667v-82.773333h5.12c17.92%200%2024.96%201.706666%2032%208.106666%208.543879%208.895422%2012.956397%2020.971786%2012.16%2033.28%201.09751%2013.320485-4.305403%2026.351039-14.506666%2034.986667zm75.52%2029.013333h28.8v-53.546666h58.026666v-22.613334h-58.026666v-29.226666h58.026666v-22.613334h-86.826666zm-19.84-405.333333h-234.666667v234.666667h42.6666667v-42.666667-22.4-126.933333h174.2933333l81.706667%2081.706667v45.226667%2022.4%2042.666667h42.666666v-128z'%20fill='%23064684'/%3E%3C/svg%3E");
}

.icon-doc{
    background-image:url("data:image/svg+xml,%3Csvg%20height='64'%20viewBox='0%200%20512%20512'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m100.642133%20425.749334h5.504c13.1413333%200%2022.8693333-2.154667%2029.2053333-6.421334%205.5466667-3.690666%209.5573334-9.365333%2012.0106667-17.088%201.8133333-5.717333%202.7306667-11.797333%202.7306667-18.261333%200-6.933333-1.0453334-13.354667-3.1573334-19.264-2.1333333-5.909333-5.0133333-10.517333-8.6826666-13.845333-3.4986667-3.114667-7.488-5.248-11.9466667-6.357334-4.4586667-1.109333-11.1786667-1.685333-20.16-1.685333h-5.504zm-28.864%2022.613333v-128.128h35.456c15.0826667%200%2027.1146667%201.450667%2036.16%204.352%2011.8186667%203.797333%2020.8426667%2010.837333%2027.1146667%2021.098667%206.272%2010.282666%209.4293333%2023.168%209.4293333%2038.656%200%2015.914666-3.157333%2028.906666-9.4293333%2038.976-7.8293334%2012.693333-19.9253334%2020.437333-36.3306667%2023.146666-7.5306667%201.258667-17.1733333%201.898667-28.928%201.898667zm186.389333-107.780267c-10.432%200-18.474666%204.330667-24.149333%2013.013334-5.12%207.850666-7.68%2017.898666-7.68%2030.186666%200%2014.229334%203.029333%2025.28%209.130667%2033.109334%205.717333%207.424%2013.333333%2011.114667%2022.784%2011.114667%2010.368%200%2018.453333-4.352%2024.234666-13.12%205.12-7.701333%207.68-17.877333%207.68-30.549333%200-13.930667-3.050666-24.789333-9.130666-32.64-5.717334-7.402667-13.354667-11.114667-22.869334-11.114667m.085334-22.613333c20.138666%200%2035.562666%206.378667%2046.293333%2019.178667%2010.304%2012.224%2015.445333%2027.946666%2015.445333%2047.189333%200%2021.034667-6.08%2037.76-18.24%2050.176-10.496%2010.730667-25.002666%2016.085333-43.498666%2016.085333-20.117334%200-35.562667-6.378666-46.293334-19.157333-10.304-12.224-15.466666-28.202667-15.466666-47.914667%200-20.608%206.101333-37.141333%2018.282666-49.557333%2010.538667-10.666667%2025.045334-16%2043.477334-16m176.270933%20100.174933%208.426667%2023.061334c-7.616%203.690666-14.229334%206.165333-19.904%207.466666-5.674667%201.28-12.672%201.92-20.970667%201.92-12.544%200-22.912-1.792-31.104-5.397333-11.477333-5.077333-20.117333-13.056-25.941333-23.957333-5.248-9.770667-7.872-21.717334-7.872-35.818667%200-23.786667%207.253333-41.834667%2021.781333-54.058667%2010.538667-8.917333%2024.448-13.376%2041.685333-13.376%207.36%200%2014.037334.661334%2020.074667%202.005334%206.016%201.365333%2012.864%203.754666%2020.501333%207.189333l-9.664%2021.717333c-10.176-5.546666-19.946666-8.32-29.290666-8.32-11.264%200-19.882667%203.861334-25.856%2011.562667-6.272%208.085333-9.408%2018.752-9.408%2032.021333%200%2013.738667%203.285333%2024.490667%209.856%2032.234667%206.570666%207.744%2015.637333%2011.605333%2027.221333%2011.605333%205.226667%200%2010.069333-.682666%2014.464-2.112%204.394667-1.408%209.728-3.989333%2016-7.744m-114.523733-375.477333h-234.666667v234.666667h42.666667v-42.666667-22.4-126.933333h174.293333l81.706667%2081.706667v45.226667%2022.4%2042.666667h42.666667v-128z'%20fill='%23064684'/%3E%3C/svg%3E");
}

.icon-other{
    background-image:url("data:image/svg+xml,%3Csvg%20height='64'%20viewBox='0%200%20512%20512'%20stroke='%23000'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m307.503222%2042.666667%20119.163444%20119.163444v307.503223h-341.333333v-426.666667zm-17.689889%2042.666667h-161.813333v341.333333h256v-247.146667zm-49.814%20128v32h-26.666c-17.673112%200-32%2014.326888-32%2032%200%2016.633517%2012.690946%2030.302905%2028.918186%2031.853513l3.081814.146487h26.666v32h-26.666c-35.346224%200-64-28.653776-64-64s28.653776-64%2064-64zm58.667333%200c35.346224%200%2064%2028.653776%2064%2064s-28.653776%2064-64%2064h-26.667333v-32h26.667333c17.673112%200%2032-14.326888%2032-32%200-16.633518-12.690945-30.302905-28.918186-31.853513l-3.081814-.146487h-26.667333v-32zm-5.333333%2048v32h-74.666667v-32z'%20fill='%23064684'%20stroke='none'/%3E%3C/svg%3E");
}

/* IMAGE GALLERY Style Block */
.idalo-product-gallery-neuero {
    width: 100%;
}

.idalo-product-gallery-neuero .title {
    color: var(--neuero-color-1);
    font-size:36px;
    font-weight:800;
}

.gallery-main-image {
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: start;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 15px;
}

.gallery-main-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.gallery-thumbs-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    overflow: visible;
}

.gallery-thumbs {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.gallery-thumbs-inner {
    display: flex;
    gap: 10px;
    transition: transform 0.3s ease;
    position: relative;
}

.gallery-thumb {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
}

.gallery-thumb.active {
    border-color: var(--neuero-color-1);
}

.gallery-thumb:hover {

}

.gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-nav {
    flex-shrink: 0;
    width: 18px;
    height: 30px;
    border: none;
    background: transparent;
    color: #333333;
    cursor: pointer;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    z-index: 1000;
    position: relative;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    outline: none;
}


.gallery-nav:hover,
.gallery-nav::selection,
.gallery-nav:disabled,
.gallery-nav:active,
.gallery-nav:focus
{
    background: transparent;
    color: #333333;
}


/* Sticky gallery for screens wider than 1000px */
@media (min-width: 1000px) {
    .idalo-product-container .left {
        position: sticky;
        top: 95px; /* 75px header + 20px spacing */
        align-self: flex-start;
        max-height: calc(100vh - 115px); /* 75px header + 20px top + 20px bottom */
    }

    /* Add some spacing for better UX */
    .idalo-product-gallery-neuero {
        margin-bottom: 20px;
    }

    /* Custom scrollbar for gallery container if content overflows */
    .idalo-product-container .left::-webkit-scrollbar {
        /*width: 6px;*/
    }

    .idalo-product-container .left::-webkit-scrollbar-track {
       /* background: #f1f1f1;
        border-radius: 3px;*/
    }

    .idalo-product-container .left::-webkit-scrollbar-thumb {
        /*background: var(--neuero-color-1);
        border-radius: 3px;*/
    }

    .idalo-product-container .left::-webkit-scrollbar-thumb:hover {
        /*background: var(--neuero-color-2);*/
    }
}


/* Modal styles specific to neuero */
#idalo-image-modal-neuero {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
}

#idalo-image-modal-neuero .idalo-image-modal-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

/* Three column layout */
#idalo-image-modal-neuero .modal-column {
    height: 100%;
    display: flex;
    align-items: center;
}

#idalo-image-modal-neuero .modal-column-left {
    width: 15%;
    justify-content: flex-end;
    padding-right: 20px;
}

#idalo-image-modal-neuero .modal-column-center {
    width: 70%;
    justify-content: center;
}

#idalo-image-modal-neuero .modal-column-right {
    width: 15%;
    justify-content: flex-start;
    padding-left: 20px;
}

/* Close button */
#idalo-image-modal-neuero .idalo-image-close {
    position: fixed;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    cursor: pointer;
    transition: color 0.3s ease;
    z-index: 10001;
}

#idalo-image-modal-neuero .idalo-image-close:hover {
    color: var(--neuero-color-2);
}

/* Image */
#idalo-modal-image-neuero {
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
}

/* Navigation buttons */
#idalo-image-modal-neuero .idalo-modal-prev,
#idalo-image-modal-neuero .idalo-modal-next {
    color: #fff;
    font-size: 56px;
    font-weight: 300;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

#idalo-image-modal-neuero .idalo-modal-prev:hover,
#idalo-image-modal-neuero .idalo-modal-next:hover {
    color: var(--neuero-color-2);
}

/* Responsive styles for gallery */
@media (max-width: 768px) {
    .gallery-main-image {
        height: 350px;
    }
    
    .gallery-thumb {
        width: 60px;
        height: 60px;
    }
    
    .gallery-nav {
        width: 25px;
        height: 25px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .gallery-main-image {
        height: 250px;
    }
    
    .gallery-thumb {
        width: 50px;
        height: 50px;
    }
    
    #idalo-image-modal-neuero .idalo-modal-prev,
    #idalo-image-modal-neuero .idalo-modal-next {
        width: 45px;
        height: 45px;
        font-size: 30px;
    }
}

/* =====================================================
   RELATED PRODUCTS SLIDER
   ===================================================== */

.idalo-related-products-block {
    margin: 40px 0 80px 0;
}

.idalo-related-products-slider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 40px;
}




.idalo-related-products-slider {
    overflow: hidden;
    width: 100%;
}

.idalo-related-products-track {
    display: flex;
    transition: transform 0.3s ease;
    gap: 20px;
}

/* Related Product Card */
.idalo-related-product-card {
    /*flex: 0 0 calc(25% - 15px);*/ /* 4 cards*/
    flex: 0 0 calc(20% - 16px); /* 5 cards */
    /*flex: 0 0 calc(16.666% - 16.67px);*/ /* 6 cards */
    background: var(--neuero-color-2);
    border-radius: 0;
    overflow: hidden;
}

.idalo-related-product-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.idalo-related-product-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #f5f5f5;
}

.idalo-related-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idalo-related-product-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e0e0e0;
    color: #999;
    font-size: 14px;
}

.idalo-related-product-info {
    padding: 15px;
}

.idalo-related-product-title {
    margin: 0 0 8px 0;
    font-size: 1.4rem;
    line-height: 1.2em;
    min-height: calc(2 * 1.2em);

    font-weight: 800;
    color: var(--neuero-color-1);

    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.idalo-related-product-description {
    padding-top: 15px;
    font-size: 1rem;
    color: var(--neuero-color-1);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
}

/* Slider Navigation */
.idalo-related-slider-nav {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    color: #d1dbe9;
    font-size: 6rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    outline: none;
    background: transparent;
}

.idalo-related-slider-nav:hover,
.idalo-related-slider-nav:disabled,
.idalo-related-slider-nav::selection,
.idalo-related-slider-nav:disabled:hover {
    color: #d1dbe9;
    background: transparent;
}

.idalo-related-slider-nav:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}



/* Responsive for Related Products */
@media (max-width: 1200px) {
    .idalo-related-product-card {
        flex: 0 0 calc(33.333% - 13.33px);
    }
}

@media (max-width: 900px) {
    .idalo-related-product-card {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (max-width: 600px) {
    .idalo-related-products-slider-wrapper {
        gap: 10px;
    }
    
    .idalo-related-slider-nav {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
    
    .idalo-related-product-card {
        flex: 0 0 100%;
    }
    
    .idalo-related-product-image {
        height: 200px;
    }
}