/* ==================================================
CATEGORY - CHIBI [START]
================================================== */

/* ==================================================
CHIBI CONTENT WRAPPER
================================================== */

#comms-chibi .chibi-content {

    width: min(1000px, 100%);

    margin: 0 auto;

    padding: 0 35px 60px;

}

/* ==================================================
CHIBI HEADER
================================================== */

#comms-chibi .chibi-header {

    width: 100%;

    min-height: 180px;

    margin: 0 0 30px;
    margin-top: 60px;

    display: grid;

    grid-template-columns: 220px minmax(0, 1fr);

    align-items: stretch;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 10px;

    background: #1c1c1c;

    color: white;

    font-family: "Poppins", sans-serif;

    overflow: hidden;

}

/* ==================================================
HEADER IMAGE
================================================== */

#comms-chibi .chibi-header-image {

    width: 100%;

    min-height: 180px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #1c1c1c;

    overflow: hidden;

}

#comms-chibi .chibi-header-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}

/* ==================================================
HEADER INFORMATION
================================================== */

#comms-chibi .chibi-header-info {

    min-width: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 25px 30px;

}

#comms-chibi .chibi-header-label {

    margin-bottom: 6px;

    font-size: .55rem;

    font-weight: 600;

    letter-spacing: .2em;

    opacity: .45;

}

#comms-chibi .chibi-header-title {

    margin: 0;

    font-size: clamp(1.3rem, 2.5vw, 2rem);

    font-weight: 700;

    letter-spacing: .12em;

    line-height: 1.1;

}

/* ==================================================
HEADER STATUS LIST
================================================== */

#comms-chibi .chibi-header-status-list {

    width: 100%;

    margin-top: 20px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

#comms-chibi .chibi-header-status {

    width: 100%;

    display: flex;

    align-items: center;

    gap: 12px;

    font-family: "Poppins", sans-serif;

    font-size: .7rem;

}

#comms-chibi .chibi-header-status-name {

    white-space: nowrap;

}

#comms-chibi .chibi-header-status-line {

    flex: 1;

    min-width: 20px;

    height: 1px;

    background: rgba(255, 255, 255, .25);

}

#comms-chibi .chibi-header-status-open {

    white-space: nowrap;

    font-size: .6rem;

    font-weight: 700;

    letter-spacing: .12em;

}

/* ==================================================
CATEGORY LIST
================================================== */

#comms-chibi .chibi-category-list {

    width: 100%;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    gap: 16px;

}

/* ==================================================
CATEGORY CARD
================================================== */

#comms-chibi .chibi-category-card {

    width:
        100%;

    min-height:
        180px;

    display:
        grid;

    grid-template-columns:
        70px 180px minmax(0, 1fr) 60px;

    align-items:
        stretch;

    padding:
        0;

    background:
        white;

    border-radius:
        0;

    font-family:
        "Poppins",
        sans-serif;

    text-align:
        left;

    cursor:
        pointer;

    overflow:
        hidden;

    transition:
        transform .25s ease,



}


.chibi-category-item {

    transition:
        transform
        .25s
        ease,

        box-shadow
        .25s
        ease;

}


#comms-chibi
.chibi-category-item:hover {

    transform:
        translateX(
            5px
        );

    box-shadow:
        0
        12px
        30px
        rgba(
            0,
            0,
            0,
            .08
        );

}

#comms-chibi
.chibi-category-item {

    transition:
        transform
        .25s
        ease,

        box-shadow
        .25s
        ease;

}


#comms-chibi
.chibi-category-item:hover {

    transform:
        translateX(
            5px
        );

    box-shadow:
        0
        12px
        30px
        rgba(
            0,
            0,
            0,
            .08
        );

}

/* ==================================================
NUMBER
================================================== */

#comms-chibi .chibi-category-number {

    display: flex;

    justify-content: center;

    align-items: center;

    background: #1c1c1c;

    color: #fff;

    font-size: .75rem;

    font-weight: 600;

    letter-spacing: .12em;

}

/* ==================================================
IMAGE
================================================== */

#comms-chibi .chibi-category-image {

    width: 180px;
    padding: 10px;

    aspect-ratio: 1 / 1;

    overflow: hidden;

    margin-left: 20px;

    background: white;

}

#comms-chibi .chibi-category-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: contain;

    transition:

        filter .3s ease,

        transform .3s ease;

}

/* ==================================================
OPEN CARD IMAGE
================================================== */

#comms-chibi .chibi-category-card:not(.closed) .chibi-category-image img {

    filter: none;

}

#comms-chibi .chibi-category-card:not(.closed):hover .chibi-category-image img {

    transform: scale(1.04);

}

/* ==================================================
CLOSED CARD IMAGE
================================================== */

#comms-chibi .chibi-category-card.closed .chibi-category-image img {

    filter: grayscale(1);

}

#comms-chibi .chibi-category-card.closed:hover .chibi-category-image img {

    transform: none;

}

/* ==================================================
CATEGORY INFORMATION
================================================== */

#comms-chibi .chibi-category-info {

    min-width: 0;

    margin-left: 20px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 25px 30px;

}

#comms-chibi .chibi-category-title {

    font-size: 20px;

    font-weight: 700;

    letter-spacing: .15em;

}

#comms-chibi .chibi-category-description {

    max-width: 500px;

    margin-top: 8px;
    margin-bottom: 20px;

    font-size: 16px;

    line-height: 1.5;

    opacity: .6;

}

#comms-chibi .chibi-category-price {

    margin-top: 15px;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: .12em;

}

/* ==================================================
ARROW
================================================== */

#comms-chibi .chibi-category-arrow {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 1.4rem;

    transition:

        transform .25s ease;

}

/* OPEN CARD = ARROW */

#comms-chibi .chibi-category-card:not(.closed) .chibi-category-arrow {

    font-size: 1.4rem;

}

/* CLOSED CARD = X */

#comms-chibi .chibi-category-card.closed .chibi-category-arrow {

    font-size: 1.2rem;

}

/* OPEN CARD HOVER */

#comms-chibi .chibi-category-card:not(.closed):hover .chibi-category-arrow {

    transform: translateX(5px);

}

/* ==================================================
TABLET
================================================== */

@media(max-width:800px) {

    #comms-chibi .chibi-content {

        padding: 0 25px 50px;

    }

    #comms-chibi .chibi-header {

        grid-template-columns: 180px minmax(0, 1fr);

        min-height: 160px;

    }

    #comms-chibi .chibi-header-image {

        min-height: 160px;

    }

    #comms-chibi .chibi-header-info {

        padding: 25px;

    }

    #comms-chibi .chibi-header-status {

        font-size: .65rem;

    }

    #comms-chibi .chibi-category-card {

        grid-template-columns:

            60px 150px minmax(0, 1fr) 50px;

        min-height: 150px;

    }

    #comms-chibi .chibi-category-image {

        width: 150px;

    }

    #comms-chibi .chibi-category-info {

        padding: 20px;

    }

}

/* ==================================================
MOBILE
================================================== */

@media(max-width:600px) {

    #comms-chibi .chibi-content {

        padding: 0 20px 50px;

    }

    #comms-chibi .chibi-header {

        grid-template-columns: 1fr;

        min-height: 0;

    }

    #comms-chibi .chibi-header-image {

        height: 180px;

        min-height: 0;

    }

    #comms-chibi .chibi-header-info {

        padding: 25px 22px;

    }

    #comms-chibi .chibi-header-title {

        font-size: 1.5rem;

    }

    #comms-chibi .chibi-category-card {

        grid-template-columns:

            50px 120px minmax(0, 1fr) 45px;

        min-height: 140px;

    }

    #comms-chibi .chibi-category-image {

        width: 120px;

    }

    #comms-chibi .chibi-category-info {

        padding: 18px;

    }

    #comms-chibi .chibi-category-title {

        font-size: .75rem;

    }

    #comms-chibi .chibi-category-description {

        font-size: .62rem;

        line-height: 1.4;

    }

    #comms-chibi .chibi-category-price {

        font-size: .6rem;

    }

}

/* ==================================================
SMALL MOBILE
================================================== */

@media(max-width:480px) {

    #comms-chibi .chibi-category-card {

        grid-template-columns:

            45px minmax(0, 1fr) 45px;

        grid-template-rows: auto 1fr;

    }

    #comms-chibi .chibi-category-number {

        grid-column: 1;

        grid-row: 1 / 3;

    }

    #comms-chibi .chibi-category-image {

        width: 100%;

        height: auto;

        aspect-ratio: 1 / 1;

        grid-column: 2;

        grid-row: 1;

    }

    #comms-chibi .chibi-category-info {

        grid-column: 2;

        grid-row: 2;

        padding: 18px;

    }

    #comms-chibi .chibi-category-arrow {

        grid-column: 3;

        grid-row: 1 / 3;

    }

}

/* ==================================================
CHIBI CATEGORY ITEM
================================================== */

.chibi-category-item {

    width:
        100%;


}


/* ==================================================
CATEGORY CARD
================================================== */

.chibi-category-card {

    width:
        100%;

    display:
        grid;

    grid-template-columns:
        50px 130px 1fr 40px;

    align-items:
        center;

    gap:
        25px;

    padding:
        20px 0;

    background:
        transparent;

    border:
        none;

    text-align:
        left;

    cursor:
        pointer;

}


/* ==================================================
ARROW
================================================== */

.chibi-category-arrow {

    font-size:
        1.4rem;

    transition:
        transform .3s ease;

}


.chibi-category-item.is-open .chibi-category-arrow {

    transform:
        rotate(45deg);

}


/* ==================================================
IMAGE
================================================== */

.chibi-category-image {

    width:
        130px;

    aspect-ratio:
        1 / 1;

    overflow:
        hidden;

}


.chibi-category-image img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

}


/* ==================================================
CONTENT
================================================== */

/* ==================================================
CHIBI CATEGORY CONTENT
================================================== */

.chibi-category-content {

    width:
        100%;

    display:
        grid;

    grid-template-columns:
        70px 1fr 1fr;

    gap:
        25px;

    max-height:
        0;

    overflow:
        hidden;

    background:
        #ffffff;

    transition:
        max-height .45s ease;

    transition:
        max-height .45s ease,

        transform .25s ease;


}


/* ==================================================
DARK NUMBER COLUMN
================================================== */

.chibi-category-content::before {

    content:
        "";

    grid-column:
        1;

    grid-row:
        1;

    display:
        flex;

    justify-content:
        center;

    align-items:
        flex-start;

    padding-top:
        30px;

    min-height:
        100%;

    background:
        #1c1c1c;

    color:
        white;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .1em;

}


/* ==================================================
PRICE SHEET
================================================== */

.chibi-price-sheet {

    width:
        100%;

    grid-column:
        2 / 4;

    margin:
        0 0 30px;

    padding:
        35px;

    background:
        #ffffff;

}


/* ==================================================
LABEL
================================================== */

.chibi-price-sheet-label {

    margin-bottom:
        12px;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .15em;

    opacity:
        .5;

}


/* ==================================================
TITLE
================================================== */

.chibi-price-sheet h2 {

    margin:
        0 0 0px;

    font-size:
        20px;

    letter-spacing:
        .08em;

}


/* ==================================================
DESCRIPTION
================================================== */

.chibi-price-sheet p {

    max-width:
        600px;

    margin-top: 0;

    font-size:
        16px;

    line-height:
        1.8;

    opacity:
        .65;

}


/* ==================================================
RANDOM PLACEHOLDER
================================================== */

.chibi-random-placeholder {

    min-height:
        180px;

    display:
        flex;

    justify-content:
        center;

    align-items:
        center;

    background:
        #f5f5f3;

    border:
        1px dashed rgba(0, 0, 0, .25);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .15em;

    opacity:
        .55;

}


/* ==================================================
FOOTER
================================================== */

.chibi-price-sheet-footer {

    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap:
        20px;

    margin-top:
        25px;

}


.chibi-price-sheet-footer span {

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .12em;

    opacity:
        .55;

}


.chibi-start-request {

    padding:
        14px 20px;

    background:
        #1c1c1c;

    color:
        white;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .12em;

    text-decoration:
        none;

    transition:
        transform .2s ease;

}


.chibi-start-request:hover {

    transform:
        translateY(-3px);

}

/* ==================================================
CATEGORY - CHIBI [END]
================================================== */

/* ==================================================
SUBCATEGORY - CHIBI ARTWORK [START]
================================================== */


/* ======================================
OVERLAY
====================================== */

.commission-modal-overlay {

    position: fixed;

    inset: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    background:
        rgba(0, 0, 0, .5);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        .25s ease;

    z-index: 9999;

}


.commission-modal-overlay.active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}


/* ======================================
MAIN MODAL
====================================== */

.commission-modal {

    display: flex;

    flex-direction: column;

    width:
        min(1000px, 95vw);

    max-height:
        90vh;

    overflow: hidden;

    background:
        white;

    border-radius:
        16px;

    box-shadow:
        0 15px 50px rgba(0, 0, 0, .12);

    font-family:
        'Poppins',
        sans-serif;

}


/* ======================================
TOPBAR
====================================== */

.commission-topbar {

    flex-shrink: 0;

    position: relative;

    z-index: 10;

    background:
        #000;

    color:
        #fff;

    padding:
        18px 24px;

    display: flex;

    justify-content:
        space-between;

    align-items:
        center;

}


.commission-topbar-title {

    font-size:
        16px;

    font-weight:
        700;

    letter-spacing:
        .18em;

}


.commission-close {

    border:
        none;

    background:
        none;

    color:
        white;

    font-size:
        1.3rem;

    cursor:
        pointer;

    opacity:
        .7;

    transition:
        .2s ease;

}


.commission-close:hover {

    opacity:
        1;

    transform:
        scale(1.1);

}


/* ======================================
SCROLLABLE CONTENT
====================================== */

.commission-modal-content {

    flex:
        1;

    min-height:
        0;

    overflow-y:
        auto;

    overflow-x:
        hidden;

}


/* ======================================
CUSTOM SCROLLBAR
====================================== */

.commission-modal-content::-webkit-scrollbar {

    width:
        8px;

}


.commission-modal-content::-webkit-scrollbar-track {

    background:
        #eeeeee;

}


.commission-modal-content::-webkit-scrollbar-thumb {

    background:
        #1c1c1c;

}


.commission-modal-content::-webkit-scrollbar-thumb:hover {

    background:
        #444;

}


/* Firefox */

.commission-modal-content {

    scrollbar-width:
        thin;

    scrollbar-color:
        #1c1c1c #eeeeee;

}


/* ======================================
HERO
====================================== */

.commission-hero-wrapper {

    position:
        relative;

    overflow:
        hidden;

}


.commission-hero {

    width:
        100%;

    height:
        350px;

    object-fit:
        cover;

    display:
        block;

}


.commission-hero-wrapper::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;

    height:
        120px;

    background:
        linear-gradient(to bottom,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, .85) 60%,
            white);

    pointer-events:
        none;

}


/* ======================================
GLOBAL PADDING
====================================== */

.commission-heading,
.commission-content,
.commission-footer {

    padding-left:
        3px;

    padding-right:
        35px;

}


/* ==================================================
COMMISSION BANNER
================================================== */

.commission-banner {

    position:
        relative;

    width:
        100%;

    height:
        220px;

    overflow:
        hidden;

}


.commission-banner img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

}


/* ==================================================
CHECK SAMPLES BUTTON
================================================== */

.commission-samples-button {

    position:
        absolute;

    right:
        20px;

    bottom:
        20px;

    padding:
        12px 18px;

    background:
        white;

    color:
        #1c1c1c;

    border:
        1px solid rgba(0, 0, 0, .15);

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .15em;

    cursor:
        pointer;

    transition:
        .25s ease;

}


.commission-samples-button:hover {

    background:
        #1c1c1c;

    color:
        white;

    transform:
        translateY(-3px);

}

/* ======================================
HEADING
====================================== */

.commission-heading {
    display: flex;
    gap: 18px;
    align-items: center;

    margin-top: 30px;
}

.commission-icon {
    width: 50px;
    height: 50px;

    flex-shrink: 0;
}

.commission-title {
    font-size: 20px;
    font-weight: 700;

    letter-spacing: .12em;

    margin-bottom: 0px;
}

.commission-description {
    font-size: 16px;
    line-height: 1.8;

    opacity: .65;
}

/* ======================================
INFO GRID
====================================== */

.commission-info-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 15px;

    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 35px;
}

.commission-info-card {
    padding: 18px;

    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 16px;

    text-align: center;

    background: white;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.commission-info-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 6px 18px rgba(0, 0, 0, .05);
}

.info-label {
    font-size: .62rem;

    letter-spacing: .18em;
    font-weight: 700;

    opacity: .45;

    margin-bottom: 10px;
}

.info-value {
    font-size: .84rem;
    font-weight: 600;
}

/* ======================================
CONTENT GRID
====================================== */

.commission-content {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 55px;
}

.commission-preview {
    display: flex;
    justify-content: center;
    align-items: center;
}

.type-chart {
    width: 400px;
    height: auto;

    border-radius: 18px;
    display: block;
}

/* ======================================
RIGHT SIDE
====================================== */

.commission-pricing {
    display: flex;
    flex-direction: column;
}

/* ======================================
INVOICE BOX
====================================== */

.invoice-box {
    margin-top: 0px;

    padding: 22px;

    border: 1px dashed rgba(0, 0, 0, .15);
    border-radius: 14px;

    background:
        repeating-linear-gradient(to bottom,
            transparent,
            transparent 27px,
            rgba(0, 0, 0, .03) 28px);
}

/* ======================================
GRID STRUCTURE
====================================== */

.invoice-row,
.invoice-row-header,
.invoice-total {
    display: grid;

    grid-template-columns:
        35px 1fr 65px 65px 35px;

    align-items: center;
}

/* ======================================
HEADER ROW
====================================== */

.invoice-row-header {
    font-size: 16px;

    letter-spacing: .16em;
    font-weight: 700;

    opacity: .45;

    padding-bottom: 12px;
}

/* ======================================
DIVIDER
====================================== */

.invoice-divider {
    margin: 20px 0;

    border-top:
        1px dashed rgba(0, 0, 0, .2);
}

/* ======================================
NORMAL ROWS
====================================== */

.invoice-row {
    padding: 10px 0;

    font-size: 16px;
}

.invoice-row:nth-child(even) {
    background: rgba(0, 0, 0, .02);
}

/* first column number */

.invoice-row span:first-child,
.invoice-row-header span:first-child {
    opacity: .35;
}

/* ======================================
TOOLTIP
====================================== */

.tooltip-trigger {
    position: relative;

    display: inline-flex;
    align-items: center;

    gap: 6px;
}

/* small (?) circle */

.tooltip-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    width: 16px;
    height: 16px;

    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 50%;

    font-size: 14px;
    font-weight: 700;

    opacity: .45;

    cursor: help;

    transition: .2s ease;
}

.tooltip-trigger:hover .tooltip-icon {
    opacity: .85;
}

/* popup */

.invoice-tooltip {
    position: absolute;

    bottom: 120%;
    right: 0;

    width: 220px;

    padding: 10px;

    background: white;
    border: 1px solid black;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .12);

    opacity: 0;
    visibility: hidden;

    transform:
        translate(-20px, 10px);

    transition: .2s ease;

    z-index: 999;
}

/* show tooltip */

.tooltip-trigger:hover .invoice-tooltip {
    opacity: 1;
    visibility: visible;

    transform:
        translate(-20px, 0);
}

/* image */

.invoice-tooltip-image {
    width: 100%;
    display: block;

    margin-bottom: 10px;
}

/* description */

.invoice-tooltip-text {
    font-size: 16px;
    line-height: 1.5;

    opacity: .75;
}

/* ======================================
CHECKBOX
====================================== */

.invoice-checkbox {
    appearance: none;

    width: 18px;
    height: 18px;

    border: 2px solid black;
    border-radius: 5px;

    cursor: pointer;

    transition: .2s ease;
}

.invoice-checkbox:checked {
    background: black;
}

.invoice-checkbox:checked::after {
    content: "✓";

    color: white;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    font-size: 14px;
}

/* ======================================
CHECK ICON
====================================== */

.invoice-check-icon {
    width: 18px;

    filter: brightness(0);
}

/* ======================================
TOTAL ROW
====================================== */

.invoice-total {
    margin-top: 20px;

    padding-top: 18px;

    border-top:
        2px solid rgba(0, 0, 0, .12);

    font-size: 16px;
    font-weight: 700;
}

#estimate-usd,
#estimate-idr {
    font-size: .92rem;
}

/* ======================================
SECTION
====================================== */

.commission-section {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 40px;
}

.technical-title {
    display: flex;
    align-items: center;
    gap: 14px;

    font-size: 20px;
    font-weight: 700;
    letter-spacing: .18em;

    margin-top: 20px;

    opacity: .5;
}

.technical-title::after {
    content: "";

    flex: 1;
    height: 2px;

    background: rgba(0, 0, 0, .15);
}

/* ==================================================
TECHNICAL DETAILS
================================================== */

.technical-details {

    width:
        100%;

    margin:
        30px
        0;

    padding:
        32px
        36px;

    background:
        #f1f1f1;

    box-shadow:
        inset
        3px
        0
        0
        #1c1c1c;

}


.technical-details-tag {

    margin-bottom:
        18px;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

    color:
        #1c1c1c;

}


.technical-details-body {

    max-width:
        60ch;

}


.technical-details-lead {

    margin-bottom:
        6px;

    font-size:
        22px;

    font-weight:
        700;

    letter-spacing:
        -.02em;

    line-height:
        1.25;

    color:
        #1c1c1c;

}


.technical-details-by {

    margin-bottom:
        18px;

    padding-bottom:
        18px;

    border-bottom:
        1px
        solid
        #d0d0d0;

    font-size:
        10px;

    font-weight:
        600;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;

    color:
        #777;

}


.technical-details-list {

    display:
        flex;

    flex-direction:
        column;

    gap:
        12px;

}


.technical-details-list p {

    display:
        flex;

    gap:
        12px;

    font-size:
        14px;

    line-height:
        1.6;

}


.technical-details-list strong {

    min-width:
        100px;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;

    color:
        #1c1c1c;

}