.ff-body {
    font-family: 'Inter', sans-serif !important;
}
.fw-700 {
    font-weight: 700 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.storage-unit-row {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
    gap: 1rem;
    flex-wrap: wrap;
    flex-direction: row;
}

.storage-unit-row:first-child {
    padding-top: 0px;
}

.storage-unit-row:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.storage-unit-row .size-title {
    margin-bottom: 0 !important;
}

.storage-unit-row .size-title span { 
    position: relative;
}

.storage-unit-row .size-title sup {
    position: absolute;
    top: 0px;
    right: -12px;
    height: 12px;
    width: 12px;
    display: inline-flex;
    vertical-align: unset;
    line-height: 12px;
}


.storage-unit-row  {
    flex: 1;
    text-align: left;
    display: flex; 
    gap: 0rem;
}

.storage-unit-row.vc_row-fluid .span_12 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.storage-unit-row h3.size-title {
    line-height: 1.5;
    font-size: 24px;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
}

.storage-unit-row  p.price-label {
    line-height: 1.5;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    padding-bottom:0;
}

.storage-unit-row -wrapper {
    display: flex;
    flex-direction: column;
    /* gap: .5rem; */
    flex: 1;
}

.special-offer,
.online-pay-only,
.special-offer *,
.online-pay-only * {
    font-size: 18px !important ;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
}

.storage-unit-row  .price {
    gap: .5rem;
    display: flex;
    align-items: center;
}

.storage-unit-row  .price,
.storage-unit-row  .price-value,
.storage-unit-row  .sale-price {
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
    color: #E62635;
    margin: 0;
    padding: 0;
}

.storage-unit-row .size-unit-attributes ul {
    margin: 0;
    margin-top: .5rem;
}

.storage-unit-row .size-unit-attributes ul li {
    border: 0;
    border-radius: 0;
    font-size: 14px;
    margin-bottom: .5rem;
    line-height: 1.5;
    list-style: none !important;
    margin-left: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .5rem;
}

.storage-unit-row .size-unit-attributes ul .size-attribute-icon,
.storage-unit-row .size-unit-attributes ul .size-attribute-icon svg {
    width: 1.5rem;
    height: 1.5rem;
}
.storage-unit-row  .active-promotion-name {
    color: orangered;
    display: flex;
    align-items: center;
    gap: .3rem;
}

.storage-unit-row  .active-promotion-name-icon {
    margin-top: 3px;
}

.storage-unit-row  .on-sale .price-value {
    color: #000;
    font-size: 28px;
    text-decoration: line-through;
    font-weight: 400;
}

.storage-unit-row .col-size {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
}

.storage-unit-row .col-detail .wpb_row {
    width: 100%;
}

.storage-unit-row .col-size .size-description {
    color: #000000bd;
    display: none;
}
.storage-unit-row .storage-reserve-dropdown {
    padding: 0 1% !important;
}
.storage-unit-row .wpcf7-form p {
    padding-left: 0;
    margin: 0 0 12px 0;
}

.storage-unit-row .wpcf7-form .row-submit p {
    margin-bottom: 0 !important;
}

.storage-unit-row .storage-reserve-dropdown {
    /* padding-left: 0 !important; */
    /* padding-right: 0 !important; */
    margin-top: 1.5rem;
}

.storage-units-sort-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1rem;
}

.storage-units-sort-wrapper .storage-units-sort {
    flex: 1;
}

.storage-units-sort-wrapper .info-btn {
    width: 24px;
    height: 24px;
}

.info-btn[tooltip]::after {
    transform: translateX(-10px) !important;
    background: #fcfcfc;
    color: #000;
    opacity: 1 !important;
    max-width: calc(100vw - 84px);
    height: fit-content;
    text-overflow: initial;
    white-space: unset;
    width: 100vw;
    text-align: left;
    padding: 1rem;
    border-radius: 1rem;
    border-bottom-left-radius: .5rem;
}

.info-btn[tooltip]:not([flow])::before, 
.info-btn[tooltip][flow^="up"]::before {
    border-top-color: #fcfcfc !important;
    opacity: 1 !important;
    bottom: calc(100% + 12px);
}

.info-btn[tooltip]:not([flow])::after, 
.info-btn[tooltip][flow^="up"]::after {
    bottom: calc(100% + 16px);
}
.storage-box-sort {
    display: none;
}


.storage-box-sort .size-dropdown:focus {
    border: 0;
    box-shadow: none;
}
.storage-box-sort .size-dropdown> div {
    min-inline-size: calc(anchor-size(self-inline) + 20px);
    scroll-behavior: smooth;
    border: 2px solid #E62635;
    border-radius: 16px;
    overflow: hidden;
}
.storage-box-sort .size-dropdown button selectedcontent {
    font-weight: 400;
    font-size: 14px;
    color: #E62635;
    line-height: 1.5;
}
.storage-box-sort .size-dropdown button {
    width: 100%;
    display: block;
    background: none;
    padding: 0.5rem 1rem;
    border: 1px solid #E62635;
    border-radius: 20px !important;
    color: #E62635;
    text-shadow: none;
    font-family: Arial;
}
.storage-box-sort .size-dropdown button > div {
    align-items: center;
}
.storage-box-sort .size-dropdown button svg {
    width: 18px;
    height: 11px;
    display: block;
}

.storage-box-sort .size-dropdown option{
    border-bottom: 1px solid #0000001a;
    text-align: center;
    justify-content: center;
    background: #fff !important;
    color: #E62635;
    padding: 1rem !important;
    border-radius: 0;
    z-index: 3;
    position: relative;
}
.storage-box-sort .size-dropdown option:last-child{
    border-bottom: none;
}
.storage-box-sort .size-dropdown option::checkmark {
    display: none;
}
.storage-box-sort .size-dropdown option:checked {
    background: #E62635 !important;
    color: #fff !important;
}

.storage-units-viewall {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .storage-unit-row > .col > .vc_col-sm-5,
    .storage-unit-row > .col > .vc_col-sm-7 {
        width: 100%;
    }
    .storage-unit-row .wpb_column {
        padding: 0 !important;
    }
    .storage-unit-row {
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }
    .storage-unit-row .col-detail > .wpb_row {
        width: 100%;
        margin-bottom: 0;
    }
    
}
@media only screen and (max-width: 999px) {
    .storage-box-sort {
        display: block;
    }
    .storage-unit-row .col-detail,
    .storage-unit-row .col-size {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .storage-unit-row .col-size .size-info-wrapper {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
        display: flex;
    }
    .col-size .size-description {
        display: block;
        flex: 1;
        width:100%;
    }

    .storage-unit-row .size-short-description p {
        color: #000000;
        opacity: 0.6;
    }

    body .vc_row-fluid.storage-unit-row:not(.full-width-content) > .span_12 [class*="vc_col-sm-"]:not([class*="vc_col-xs-"]) {
        width: 100%;
        margin-bottom: .5rem !important;
    }

    .storage-unit-row .wpcf7-form .row {
        gap:0;
    }

    .storage-unit-row .reserve-btn {
        width: 100%;
    }

    .storage-unit-row .wpcf7-form .row.row-submit p {
        margin-bottom: 0;
    }

    .storage-box-section .col-unit-size-desc {
        display: none !important;
    }

    .storage-unit-row .storage-reserve-dropdown {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 0 !important;
    }

    .storage-box-section {
        display: none;
    }

    .storage-box-section.active {
        display: block;
    }

    .storage-units-viewall {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .info-btn[tooltip]::after {
        max-width: calc(100vw - 60px);
    }

    .storage-unit-row .col-size .size-info-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        display: flex;
    }
}