/**
* 2007-2023 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2023 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.bg-beige-grey {
    background: var(--beige-grey, #e9e6e2);
}
.bg-dark-blue {
    background: var(--dark-blue, #363C3C);
}
.min-content > span {
    width: min-content;
}

.header-information {
    border-bottom: 1px dashed #e7e4e1;
}
@media (max-width: 991px) {
    .header-information {
        background: white;
        padding: 2px 0;
    }
}
.header-information *:not(br):empty {
    display: none !important;
}

.h-i-content-container {
    gap: 0 clamp(10px, 3%, 35px);
}

.h-i-item-container {
    /* flex: 1 0 0;
    max-width: clamp(230px, 230px, 100%);
    min-width: clamp(110px, 110px, 230px); */
    /* padding: .5rem 0; */
    padding: clamp(0.3rem, 0.6vw, .5rem) 0;
}
.h-i-item {
    /* font-size: 10px; */
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    gap: 1px 8px;
    color: #313131;
    display:inline;
}

.h-i-item > span:not(.d-flex, .position-absolute) {
    max-width: 80px;
    /* max-width: 10ch; */
    /* max-width: clamp(10ch, 10vw, 25ch); */
    max-width: clamp(14ch, 15vw, 15ch);
    min-width: min-content;
}

.h-i-item strong {
    font-size: clamp(1.0rem, 2.5vw, 1.9rem);
    font-weight: 500;
    line-height: 1;
}
.h-i-item strong,
.h-i-item .svg_icon {
    color: #444;
}
.h-i-item .d-flex {
    gap: 4px;
}
.h-i-item a {
    font-size: clamp(8px, 1.4vw, 13px);
    font-weight: 500;
    color: #444 !important;
}
.h-i-item-phone {
    z-index: 2;
}
.h-i-item-phone .text-absolute {
    top: calc(100% + 13px);
    left: 55%;
    font-size: 13px;
    font-weight: 400;
    -webkit-transform: rotate(13deg);
    transform: rotate(13deg);
    color: var(--secondary-bg-color, #c1121c);
    max-width: min-content;
    cursor: default;
}
@media (min-width: 992px) {
    .h-i-item-phone:has(.personal-advice-text:not(:empty)):after {
        content: "";
        cursor: initial;
        width: 70px;
        height: 45px;
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        right: 0;
        margin: auto;
        background-image: url("data:image/png;base64,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");
        background-size: contain;
        background-repeat: no-repeat;
    }
}


@media (min-width: 992px) and (max-width: 1399px) {
    .h-i-item-phone .text-absolute {
        left: 85%;
    }
    .h-i-item-phone:has(.personal-advice-text:not(:empty)):after {
        left: unset;
    }
}

.h-i-item-phone .phone_icon {
    width: clamp(13px, 2.5vw, 30px);
    height: clamp(13px, 2.5vw, 30px);
}

.h-i-dropdown {
    top: 100%;
    left: 0;
    padding-top: 12px;
    /* transition: opacity 0.1s ease-in-out, max-height 0.75s ease-in-out, visibility 1s ease-in-out, transform 0.75s ease-in-out; */
    transition: opacity 0.1s ease-in-out, max-height 0.25s ease-in-out, visibility 0.5s ease-in-out, transform 0.25s ease-in-out;
    /* z-index: 1000; */
    z-index: 12;
    min-width: 250px;
    max-width: 300px;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
}
.h-i-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid var(--dark-blue, #363C3C);
    position: absolute;
    top: 5px;
    left: 8px;
}
.h-i-item-container:hover .h-i-dropdown {
    transform: translate(0, 0);
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
@media (max-width: 1499px) {
    .h-i-item-container:last-child .h-i-dropdown {
        left: unset;
        right: 0;
    }
    .h-i-item-container:last-child .h-i-dropdown:after {
        left: unset;
        right: 8px;
    }
}
@media (max-width: 1199px) {
    .h-i-content-container:has(:nth-child(6):not([style*="display: none"])) .h-i-item-container {
        padding: clamp(0.3rem, 0.3vw, 0.5rem) 0;
    }
    .h-i-content-container:has(:nth-child(6):not([style*="display: none"])) .h-i-item {
        flex-direction: column;
        text-align: center;
    }
    .h-i-content-container:has(:nth-child(6):not([style*="display: none"])) .h-i-item > span:not(:empty) + strong {
        position: relative;
        top: 2px;
    }
    .h-i-item strong {
        font-weight: 600;
        font-size: clamp(0.9rem, 1.5vw, 1.2rem);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .h-i-content-container:not(:has(:nth-child(6):not([style*="display: none"]))) .h-i-item strong {
        font-weight: 500;
        font-size: clamp(1rem, 2.8vw, 2rem);
    }
}
@media (min-width: 480px) and (max-width: 1199px) {
    .h-i-content-container:has(:nth-child(6):not([style*="display: none"])) .min-content > span {
        width: auto;
    }
}
@media (min-width: 480px) and (max-width: 991px) {
    .h-i-content-container:not(:has(:nth-child(6):not([style*="display: none"]))) .h-i-item strong {
        font-weight: 500;
        font-size: clamp(1.2rem, 2.8vw, 1.3rem);
    }
    .h-i-item-phone .phone_icon {
        height: clamp(16px, 2.5vw, 30px);
    }
}
@media (max-width: 991px) {
    .h-i-content-container .h-i-item-container {
        padding: clamp(0.3rem, 0.3vw, 0.5rem) 0;
    }
    .h-i-content-container .h-i-item {
        flex-direction: column;
        text-align: center;
    }
    .h-i-content-container .h-i-item > span:not(:empty) + strong {
        position: relative;
        top: 1px;
    }
    .h-i-item-phone .h-i-item .d-flex {
        gap: 0;
    }
    .h-i-item-phone .h-i-item .a_phone {
        padding: 4px 0;
    }
}
@media (min-width: 480px) and (max-width: 991px) {
    .min-content > span {
        width: auto;
    }
}
@media (max-width: 767px) {
    .h-i-item-container {
        position: initial !important;
    }
    .h-i-dropdown {
        right: 0;
        margin: auto;
    }
    .h-i-dropdown:after {
        right: 8px;
        margin: auto;
    }
    .h-i-item {
        gap: 0 3px;
    }
    .h-i-item a {
        font-weight: 600;
    }
}
@media (max-width: 575px) {
    .h-i-item-container {
        flex-grow: 2;
        justify-content: center;
    }
    .h-i-item-phone {
        flex-grow: 1;
    }
}
@media (max-width: 479px) {
    .h-i-item {
        font-size: 9px;
        line-height: 11px;
    }
    .h-i-item .d-flex {
        gap: 2px;
    }
    .h-i-item-brand-quality ~ .h-i-item-client-rate {
        display: none !important;
    }
    .h-i-content-container {
        justify-content: space-evenly !important;
    }
    .h-i-item-phone .h-i-item {
        flex-direction: column!important;
    }
    .h-i-item-phone .svg_icon {
        margin-bottom: 3px;
    }
    .min-content > span {
        width: auto;
    }
}
@media (max-width: 379px) {
    .h-i-content-container {
        gap: 0 5px;
    }
}
.h-i-d-header {
    color: #9d9185;
    padding: 10px 10px;
}
.h-i-d-header strong {
    color: #baaea2;
    font-weight: 300;
    font-size: 2rem;
    background: var(--dark-blue, #363C3C);
    position: relative;
    z-index: 1;
    padding: 0 10px;
    max-width: 85%;
    display: inline-block;
}
.h-i-d-header .strikeout:after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 90%;
    height: 1px;
    background: #8c8074;
}
.h-i-d-h-content-container {
    gap: 3px;
}
.h-i-d-h-subtitle {
    line-height: initial;
}
.h-i-d-content {
    gap: 10px;
    font-weight: 300;
    font-size: 0.81rem;
    color: #555;
}
.h-i-d-content strong {
    font-weight: 500;
}
.h-i-d-content small {
    /* font-size: 10px; */
    font-size: 11px;
    line-height: 1.4;
    font-weight: inherit;
}
.h-i-d-c-title {
    font-weight: 400;
    font-size: 1rem;
    line-height: initial;
    letter-spacing: -0.5px;
    color: #000;
}
.h-i-d-c-text {
    line-height: 1.5;
}
.h-i-item-container p,
.h-i-d-c-text :last-child {
    margin-bottom: 0;
}