/** Specification Common */

.wdt-specifications-holder .wdt-content-item > div:not(:last-child), 
.wdt-specifications-holder .wdt-content-item .wdt-content-media-group > div:not(:last-child), 
.wdt-specifications-holder .wdt-content-item .wdt-content-detail-group > div:not(:last-child), 
.wdt-specifications-holder .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 10px; }

.wdt-specifications-holder .wdt-content-item { height: 100%; }

.wdt-content-spec-group.item-block > div:not(:last-child) { margin: 0 0 4px; }

.wdt-specifications-holder .wdt-specification-block .wdt-content-image-wrapper img { 
    width: 100%; height: 100%; object-fit: cover; object-position: center; }


/** Specification Title */
.wdt-specifications-holder .wdt-specification-block .wdt-content-title h4 { margin: 0; }


/* spec items */
.wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div.wdt-content-spec-group.item-inline { 
    display: flex; gap: 6px 28px; flex-wrap: wrap; 
}

.wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items,
.wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a {
    color: var(--wdtHeadAltColor);
}



/* Dark Bg */
.wdt-dark-bg .wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items,
.wdt-dark-bg .wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a {
    color: var(--wdtAccentTxtColor);
}

.wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a:hover ,
.wdt-dark-bg .wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a:hover {
    color: var(--wdtLinkHoverColor);
}


/* =============
Type 01
================ */

.wdt-specifications-holder .wdt-specification-block.wdt_type_1 { 
    display: grid; width: 100%; height: 100%; overflow: hidden; 
    border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X);
}

.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-image-wrapper,
.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-detail-group { 
    grid-area: 1/-1; align-content: end; width: 100%;
}

.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-detail-group { 
    position: relative; padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem); /*40px - 20px*/  
    padding-top: 30%;
}

.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-detail-group > div { 
    position: relative; z-index: 1; 
}

.wdt-content-item .wdt-specification-block.wdt_type_1 .wdt-content-detail-group > div:not(:last-child) { margin-bottom: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem); /* 10px - 20px */ }

/* spec items */
.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items {
    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); /* Min-16 & Max-20 */ 
}

.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items .wdt-spec-icon {
    font-size: 24px;
    line-height: 1;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}


/* title & Subtitle */
.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-detail-group > .wdt-content-subtitle + .wdt-content-title {
    margin-top: -14px;
}

.wdt-specifications-holder .wdt-specification-block.wdt_type_1 .wdt-content-title h4 {
    font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Alt);
    line-height: var(--wdtLineHeight_Alt);
}


/* button */
.wdt-content-item .wdt-specification-block.wdt_type_1 .wdt-content-button > a {
    padding: 0;
    background: none;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); /* Min-14 & Max-16 */ 
    text-decoration: none;
    color: var(--wdtLinkColor);
    border-radius: 0;
    -webkit-border-radius: 0;

    background: linear-gradient(currentColor, currentColor);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% 1px;

    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Alt);
    padding-bottom: 5px;
}

.wdt-dark-bg .wdt-content-item .wdt-specification-block.wdt_type_1 .wdt-content-button > a {
    color: var(--wdtAccentTxtColor);
}

.wdt-content-item .wdt-specification-block.wdt_type_1 .wdt-content-button > a:hover,
.wdt-dark-bg .wdt-content-item .wdt-specification-block.wdt_type_1 .wdt-content-button > a:hover {
    color: var(--wdtLinkHoverColor);
    background-size: 0% 1px;
}


/* image wrpper */
.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-image-wrapper {
    position: relative;
}

.wdt-specifications-holder .wdt-specification-block.wdt_type_1 > div.wdt-content-image-wrapper:before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: transparent;
    background-image: linear-gradient(to top, rgb(var(--wdtHeadAltColorRgb), 1) 0%, rgba(var(--wdtHeadAltColorRgb), 0) 100%);
}



/* =============
Type 02
================ */

/* Default style */

.wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-detail-group{
    border-bottom: none; 
    padding: 20px clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /* Min-20 & Max-30 */
}

.wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2 {
    margin-bottom: 15px;
    background: rgba(var(--wdtAccentTxtColorRgb),0.15);
    position: relative;
    backdrop-filter: blur(24px);
    border-radius: var(--wdtRadius_2X);
    -webkit-border-radius: var(--wdtRadius_2X);
}

.wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2::before {
    content: '';
    position: absolute;
    display: block;
    inset: 0;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
    background: var(--wdtPrimaryColor);
    opacity: 0;
}

.wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item:hover .wdt-specification-block.wdt_type_2::before {
    opacity: 1;
}

.wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-title h4 {
    font-size: var(--wdtFontSize_Base);
    color: var(--wdtAccentTxtColor);
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
}
.wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item:hover .wdt-specification-block.wdt_type_2 .wdt-content-title h4{
    color: var(--wdtLinkColor);
}

.wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-description {
    color: var(--wdtAccentTxtColor);
}
.wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item:hover .wdt-specification-block.wdt_type_2 .wdt-content-description {
    color: var(--wdtLinkColor);
}

@media (max-width: 1024px) and (min-width: 768px){
   .wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-detail-group{
       flex-direction: column;
   }
}
@media(max-width:479px){
    .wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-title h4,
     .wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-description {
       font-size: var(--wdtFontSize_Ext);
    }
      .wdt-specifications-holder.wdt-content-item-holder > .wdt-specification-wrapper .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-detail-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}


/* Column style */

.wdt-specifications-holder.wdt-content-item-holder .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-detail-group {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid var(--wdtBorderColor);
    padding: 20px 0;
    gap: 0 30px;
    align-items: baseline;
}
.wdt-specifications-holder.wdt-content-item-holder .wdt-specification-block.wdt_type_2 .wdt-content-title h4{
    font-size: var(--wdtFontSize_H6);
}
.wdt-specifications-holder.wdt-content-item-holder .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-detail-group > div:not(:last-child){
    margin-bottom: 0;
}
.wdt-specifications-holder.wdt-content-item-holder .wdt-column:last-child .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-detail-group{ border:none; }

.wdt-specifications-holder.wdt-content-item-holder .wdt-specification-block.wdt_type_2 a:hover {
    color: rgba(var(--wdtHeadAltColorRgb), 0.65);
}

@media(max-width:479px){
    .wdt-specifications-holder.wdt-content-item-holder .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-detail-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .wdt-specifications-holder.wdt-content-item-holder .wdt-content-item .wdt-specification-block.wdt_type_2 .wdt-content-detail-group > div:not(:last-child){
        margin-bottom: 5px;
    }
}


/* =============
Type 03
================ */

.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-detail-group:has(.wdt-content-title) {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 5px;
    padding-left: 20px;
    border: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15);
    border-radius: var(--wdtRadius_Part);
    -webkit-border-radius: var(--wdtRadius_Part);
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-detail-group > div:not(:last-child),
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-spec-group.item-block > div:not(:last-child) {
    margin-bottom: 0;
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-title h4 {
    font-size: var(--wdtFontSize_Ext);
    font-weight: var(--wdtFontWeight_Ext);
    line-height: var(--wdtLineHeight_H6);
    font-family: var(--wdtFontTypo_Base);
    text-transform: capitalize;
    color: var(--wdtHeadAltColor);
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-spec-group {
    display: flex;
    align-items: center;
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-spec-group .wdt-content-spec-items > a {
    font-size: 0;
    display: none;
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a {
    color: var(--wdtLinkColor);
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a:hover,
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a:focus {
    color: var(--wdtLinkHoverColor);
    background: var(--wdtLinkColor);
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3:not(:has(.wdt-content-title)) > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a:hover, 
.wdt-specifications-holder .wdt-specification-block.wdt_type_3:not(:has(.wdt-content-title)) > div.wdt-content-detail-group > div.wdt-content-spec-group > .wdt-content-spec-items a:focus {
    color: var(--wdtLinkColor);
    background: var(--wdtLinkHoverColor);
    border-color: var(--wdtLinkHoverColor);
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-spec-group .wdt-content-spec-items .wdt-spec-icon {
    display: flex;
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-spec-group .wdt-content-spec-items .wdt-spec-icon a {
    font-size: var(--wdtFontSize_Ext);
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--wdtBorderColorRgb),0.5);
    border-radius: var(--wdtRadius_Full);
    -webkit-border-radius: var(--wdtRadius_Full);
    background-color: rgba(var(--wdtHeadAltColorRgb),0.1);
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3:not(:has(.wdt-content-title)) .wdt-content-spec-group .wdt-content-spec-items .wdt-spec-icon a {
    border-color: var(--wdtAccentTxtColor);
    color: var(--wdtAccentTxtColor);
    background-color: transparent;
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-spec-group .wdt-content-spec-items:not(:last-child) {
    margin-right: 10px;
    position: relative;
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3:has(.wdt-content-title) .wdt-content-spec-group .wdt-content-spec-items:not(:last-child) {
    margin-right: 20px;
}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3:has(.wdt-content-title) .wdt-content-spec-group .wdt-content-spec-items:not(:last-child)::after {
    content: '-';
    color: var(--wdtHeadAltColor);
    line-height: 1;
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media only screen and (max-width:767px) {
    .wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-detail-group {
        gap: 20px;
    }
}