@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Instrument+Serif:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --main-color: #ec6707;
    --title-color: #222222;
    --title-dark-color: #111111;
    --paragraph-color: #575656;
    --text-grey-color: #757575;
    --text-grey-color: #757575;
    --light-color: #fff6ea;
}

.footer.footer__main {
    background-color: #fff;
    background-image: url('/themes/hummingbird/assets/img/footer/bg-img.webp');
    background-position: bottom center;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 32px;
    overflow-x: hidden;
}

/* Footer content width cap */
.footer .container {
    max-width: 986px;
}

.footer-block__title,
.footer-block__title a {
    color: var(--main-color);
    font-family: 'Geist Mono', monospace;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
}

.footer-block a {
    color: var(--paragraph-color);
    font-size: 14px;
    padding-block: 8px;
}
.footer-block li:first-child a {
    padding-top: 0;
}
.footer-block li:last-child a {
    padding-bottom: 0;
}

.ps-contactinfo__address-link,
.ps-contactinfo__email a {
    white-space: nowrap;
    text-decoration: underline;
    position: relative;
    text-underline-offset: 2px;
}
.ps-contactinfo__address-link::after,
.ps-contactinfo__email a::after {
    content: '';
    position: absolute;
    top: 12px;
    right: -20px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.3333 11.3332V4.6665H4.66663M11.3333 4.6665L4.66663 11.3332' stroke='%23222222' stroke-width='0.666667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Footer reassurance */
.footer.footer__reassurance-section {
    background-color: #fff;
    border-block: 1px solid #dee2e6;
}

.footer.footer__affiliation-section {
    background-color: #fff;
    margin-top: 1.5rem;
}

.footer__affiliation-section .container {
    padding-block: 1rem;
}

.footer__reassurance-section .container {
    padding-block: 1rem;
    padding-left: max(0.75rem, env(safe-area-inset-left));
    padding-right: max(0.75rem, env(safe-area-inset-right));
}

@media (min-width: 576px) {
    .footer__reassurance-section .container {
        padding-block: 1.25rem;
    }
}

@media (min-width: 992px) {
    .footer__reassurance-section .container {
        padding-block: 2.5rem;
    }
}

.footer-reassurance__list {
    display: flex;
    justify-content: space-evenly;
    gap: 0.75rem;
    align-items: center;
    justify-items: stretch;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-reassurance__item {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.875rem;
    font-weight: 500;
    min-width: 0;
}

@media (max-width: 991.98px) {
    .footer-reassurance__list {
        display: grid;
        gap: 1rem 1.25rem;
        justify-items: center;
    }

    .footer-reassurance__item:nth-child(3) {
        grid-column: 1 / -1;
        justify-self: center;
        max-width: min(100%, 32rem);
    }
}

@media (min-width: 992px) {
    .footer-reassurance__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem 1.5rem;
    }

    .footer-reassurance__item:nth-child(3) {
        grid-column: auto;
        justify-self: stretch;
    }

    .footer-reassurance__item {
        font-size: 0.9375rem;
    }
}

.footer-reassurance {
    color: var(--title-color, #222);
}

.footer-reassurance__text {
    font-size: clamp(0.8125rem, 2.4vw, 0.875rem);
    font-weight: 400;
    line-height: 1.35;
}

.footer-reassurance__check {
    flex-shrink: 0;
    font-size: clamp(0.875rem, 2.6vw, 1rem);
    font-weight: 700;
    line-height: 1;
    color: var(--main-color, #ec6707);
}

.footer-affiliation__inner {
    display: flex;
    flex-direction: column;
    gap: 56px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 767.98px) {
    .footer-affiliation__inner {
        gap: 20px;
    }
}

.footer-affiliation__label {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--text-grey-color, #757575);
}

.footer-affiliation__logo {
    max-width: min(200px, 100%);
    height: auto;
    object-fit: contain;
}

@media (min-width: 768px) {
    .footer-affiliation__inner {
        flex-direction: row;
        justify-content: center;
    }
}

/* Footer main top: no accordion; 3 columns, 2 columns at ≤400px */
.footer.footer__main .footer__main-top.row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 1.25rem;
    align-items: start;
    padding-inline: 4px;
    margin-inline: 0;
    --bs-gutter-x: 0;
}

/* @media (max-width: 400px) {
    .footer.footer__main .footer__main-top.row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
} */

@media (min-width: 992px) {
    .footer.footer__main .footer__main-top.row {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.footer.footer__main .footer__main-top.row > .footer-block {
    width: 100%;
    max-width: none;
    flex: none;
    min-width: 0;
    padding-inline: 0;
}

.footer.footer__main .footer__main-top .footer-block__title--toggle {
    justify-content: flex-start;
}

.footer.footer__main .footer__main-top .footer-block__title--toggle .stretched-link {
    display: none !important;
}

.footer.footer__main .footer__main-top .footer-block__content.collapse {
    display: block !important;
}

.footer.footer__main .footer__bottom-bar-section {
    border-top: 1px solid #dee2e6;
}

.footer.footer__main .footer__bottom-bar-section .container {
    padding-block: 1rem 1.25rem;
}

.footer-bottom-bar {
    padding: 0;
    margin: 0;
    font-size: 0.8125rem;
    color: var(--paragraph-color, #575656);
}

.footer-bottom-bar__hook {
    width: 100%;
}

.footer-bottom-bar__nav-hook {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 20px;
}

.footer-bottom-bar__nav-hook .footer-block {
    margin-block-end: 0;
}

.footer-bottom-bar__nav-hook .footer-block__title--toggle {
    justify-content: flex-start;
}

.footer-bottom-bar__nav-hook .footer-block__title--toggle .stretched-link {
    display: none !important;
}

.footer-bottom-bar__nav-hook .footer-block__content.collapse {
    display: block !important;
}

.footer-bottom-bar__nav-hook .footer-block__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-bottom-bar__nav-hook .footer-block__list a {
    font-size: 12px;
    color: inherit;
    padding-block: 0;
}

.footer-bottom-bar__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
}

.footer-bottom-bar__list {
    display: contents;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-bottom-bar__item {
    display: inline-flex;
    align-items: center;
}

.footer-bottom-bar__link {
    color: inherit;
    font-size: 12px;
}

.footer-bottom-bar__link:hover {
    color: var(--title-dark-color, #111);
}

.footer-bottom-bar__shop-line {
    margin: 0;
    white-space: nowrap;
    font-size: 12px;
}

.footer-bottom-bar__agency {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap;
}

.footer-bottom-bar__agency:hover {
    color: var(--title-dark-color, #111);
}

.footer-bottom-bar__nav-hook nav {
    display: flex;
    width: 100% !important;
    flex: 1 !important;
    margin: 0 !important;
}
.footer-bottom-bar__nav-hook nav .footer-block__title {
    display: none;
}
.footer-bottom-bar__nav-hook .footer-block__list {
    display: flex;
    gap: 16px;
}

.footer-bottom-bar__nav-hook .footer-block__list li a {
    padding: 0;
    font-size: 12px;
}

.footer-bottom-bar__nav-hook .footer-block__list li {
    width: auto;
}

@media (max-width: 767.98px) {
    .footer-bottom-bar__row {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .footer-bottom-bar__nav-hook .footer-block__list {
        flex-direction: column;
    }

    .footer-bottom-bar__shop-line,
    .footer-bottom-bar__agency {
        white-space: normal;
    }

    .footer__main-top >* {
        order: 10;
    }

    .footer__main-top >[aria-labelledby="footer_title_4"] {
        order: 1;
    }

    .footer__main-top >[aria-labelledby="footer_title_5"] {
        order: 2;
    }

    .footer__main-top >[aria-labelledby="footer_title_6"] {
        order: 3;
    }

    #footer .ps-contactinfo__phone {
        white-space: nowrap;
    }
}

/* Product page start */
.breadcrumb {
    padding: 22px 0 16px;
}

.breadcrumb__wrapper {
    background: transparent;
}

.breadcrumb-link {
    font-family: Geist Mono;
    font-size: 10px;
    line-height: 130%;
    color: var(--text-grey-color);
}

.breadcrumb-item {
    font-family: Geist Mono;
    font-size: 10px;
    line-height: 130%;
    color: var(--title-color);
}

.breadcrumb-item span {
    margin-left: 3px;
}

.breadcrumb-item + .breadcrumb-item:before {
    border: solid var(--text-grey-color);
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    content: '';
}

#product .product__images {
    display: flex;
    flex-direction: row-reverse;
    column-gap: 10px;
    justify-content: center;
}

.page-product .product__thumbnails-list {
    grid-template-columns: 1fr;
    gap: 10px;
}

.page-product .product__thumbnail.active .product__thumbnail-image {
    border: 0;
    outline: 0;
}

.page-product .product__thumbnail {
    padding: 0;
    max-width: 80px;
    opacity: 50%;
    background: #f2f2f2;
    border-radius: 4px;
}

.page-product .product__thumbnail.active {
    box-shadow: none;
    opacity: 1;
}

.page-product .product__carousel {
    max-width: 510px;
    background-color: #f8f8f8;
    border-radius: 0;
}

.product-flags .badge:not(.discount) {
    border: 0;
    font-family: Geist;
    font-weight: 500;
    font-size: 12px;
}

#product .carousel-control-next,
.carousel-control-prev {
    display: none;
}
.page-product .product__zoom {
    box-shadow: none;
    background: transparent;
    border: 0;
    border-radius: 4px;
    gap: 8px;
    right: 14px;
    bottom: 15px;
    padding: 0;
}
.page-product .product__zoom span {
    font-family: Geist;
    font-weight: 500;
    font-size: 12px;
}
.page-product .product__zoom svg {
    fill: #222222;
    max-width: 17px;
    max-height: 17px;
}
/* Product page end */

/* Header start*/
div.header-top {
    padding: 0;
    border-bottom: none;
}

.header .layout_layout1 .ets_mm_megamenu_content {
    background: none;
    border: none;
}

.header .layout_layout1 .mm_menus_li {
    border: none;
}

.header .mm_menus_li > a {
    text-transform: none;
    font-weight: 400;
    border-radius: 4px;
}

.header .mm_menu_content_title {
    min-height: 36px;
    padding: 0 16px;
}

.header .header-bottom {
    width: 100%;
    max-width: calc(100% - 16px);
    margin: 8px auto 0;
    border-radius: 4px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-bottom: none;
    padding: 7px 0;
    background: #fff;
}

.header .header-bottom__logo {
    align-self: stretch;
    padding-right: 8px;
    margin: -7px 0;
}

.header .mm_menu_content_title span.mm_arrow {
    margin-left: 4px;
}

.header-bottom::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
}

@media (max-width: 400px) {
    .header-bottom::after {
        display: none;
    }
}

@media (min-width: 768px) {
    .header .mm_has_sub > a .mm_arrow:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-bottom: 1px solid #222;
        border-right: 1px solid #222;
        border-left: none;
        border-top: none;
        transform: rotate(45deg);
        vertical-align: middle;
        margin-left: 6px;
        margin-top: -3px;
        transition: var(--bs-transition-default);
    }

    .header .header-bottom__logo {
        border-right: 1px solid #e7e7e7;
        padding-right: 20px;
        padding-left: 20px;
    }

    .header-bottom::after {
        display: none;
    }
}

.header .header-bottom .navbar-brand .logo {
    max-width: 7rem;
    width: 100%;
    min-width: 160px;
}

@media (min-width: 360px) {
    .header .header-bottom .navbar-brand .logo {
        max-width: 10rem;
    }
}

@media (min-width: 768px) {
    .header .layout_layout1 .mm_menus_li > a:before {
        display: none;
    }

    .submenu-top-link__text {
        position: relative;
    }

    #header .layout_layout1 .grid-submenu li > a::before,
    .submenu-top-link .submenu-top-link__text::before {
        display: block;
        content: '';
        position: absolute;
        top: calc(100% - 8px);
        left: 50%;
        -webkit-transform: translateX(-50%) scaleX(0);
        transform: translateX(-50%) scaleX(0);
        width: 100%;
        height: 1px;
        background: #333;
        margin-left: 0;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition:
            transform 0.3s,
            -webkit-transform 0.3s;
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    #header .layout_layout1 .grid-submenu li > a:hover::before,
    .submenu-top-link:hover .submenu-top-link__text::before {
        -webkit-transform: translateX(-50%) scaleX(1);
        transform: translateX(-50%) scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    .header .submenu-top-link__text::before {
        top: calc(100% + 3px);
    }

    .grid-submenu .ets_mm_block_content ul li:hover > ul {
        display: none;
    }

    .grid-submenu ul.ets_mm_categories li.has-sub > a:after {
        display: none;
    }

    .grid-submenu ul.ets_mm_categories li.has-sub > .ets_mm_url {
        padding-right: 0 !important;
    }
}

.header .ps-languageselector {
    position: relative;
    padding: 9px 8px 8px 0;
    margin: -8px 16px -8px 0;
    border-right: 1px solid #e7e7e7;
}

.header .ps-languageselector .form-select {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.375rem 25px 0.375rem 0.75rem;
    background-image: none;
    border: none;
    cursor: pointer;
}

.header .ps-languageselector::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 6px;
    margin-top: -1px;
    border-bottom: 1px solid #222;
    border-right: 1px solid #222;
    border-left: none;
    border-top: none;
    transform: translateY(-50%) rotate(45deg);
    vertical-align: middle;

    pointer-events: none;
}

.header .ps-languageselector .form-select:focus {
    box-shadow: 0 0 0 2px rgba(236, 103, 7, 0.25);
}

@media (max-width: 767px) {
    .header .ps-languageselector {
        border-right: none;
        margin: 0;
        padding: 0 0.5rem 0 0;
    }

    .header .ps-languageselector .form-select {
        padding: 0.5rem;
    }

    .header .ps-languageselector::after {
        content: none;
    }
}

.header .header-block__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    fill: none;
    stroke: #000;
    transition: var(--bs-transition-default);
}

.header .header-block__action-btn:hover {
    background: #e7e7e7;
}

.header .header-block__action-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    transition: var(--bs-transition-default);
}

.header .header-block__badge {
    position: absolute;
    height: 14px;
    top: 3px;
    right: unset;
    left: calc(100% - 14px);
    min-width: 14px;
    font-size: 10px;
    background: var(--main-color);
    color: #fff;
}

.header .header-block__action-btn {
    padding: 0.5rem;
}

.header .ps-customersignin .header-block__action-btn,
.header .searchbar-block .header-block__action-btn {
    margin-right: 0.5rem;
}

@media (max-width: 500px) {
    .header .ps-customersignin .header-block__action-btn,
    .header .searchbar-block .header-block__action-btn {
        margin-right: 0.25rem;
    }

    .header .ps-languageselector {
        padding-right: 0.25rem;
    }

    .header .header-block__action-btn,
    .header .ps-languageselector .form-select {
        padding-inline: 0.25rem;
    }
}

@media (min-width: 768px) {
    /* .header .ps-shoppingcart .header-block__action-btn {
        margin-right: -0.5rem;
    } */
}

.header .ets_mm_megamenu .mm_columns_ul {
    width: 100% !important;
}

.header .ets_mm_megamenu .mm_columns_ul:before {
    height: 7px;
}

body div.ets_mm_megamenu::before {
    top: calc(100% + 7px);
}

.header .ets_mm_megamenu_content .ets_mm_megamenu_content_content {
    position: static;
}

.header .ets_mm_megamenu {
    position: static;
}

.header .header-bottom__container {
    position: relative;
    max-width: 100%;
}

body div.ets_mm_megamenu::before {
    position: fixed !important;
    top: var(--header-height, 90px) !important;
    left: 0 !important;
    width: 100% !important;
    transform: none !important;
}

.header .ets_mm_block > .h4 {
    font-family: 'Geist Mono', monospace !important;
    font-weight: 400;
    border-bottom: none;
    line-height: 130%;
    margin-bottom: 12px;
    padding-bottom: 0;
}

.header .layout_layout1 .ets_mm_block_content ul li a::before {
    display: none;
}

.header ul.ets_mm_categories li .ets_mm_url {
    position: relative;
    display: inline-block;
    width: auto;
    font-weight: 500;
    line-height: 35px;
}

.header .grid-submenu .mm_columns_li.column_size_12 .ets_mm_block_content {
    color: #222;
}

.header .mm_blocks_li {
    margin-top: 15px;
}

.header .mm_block_type_category .h4 a {
    color: var(--main-color) !important;
}

@media (min-width: 768px) {
    .header .grid-submenu .mm_columns_li.column_size_12 {
        border-bottom: 1px solid #e7e7e7;
        border-right: none !important;
        font-weight: 500;
    }

    .header .ets_mm_megamenu .grid-submenu .mm_columns_li {
        border-right: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
    }
}

.header .grid-submenu .mm_columns_ul {
    grid-template-columns: repeat(4, 1fr);
}

.header .grid-submenu .mm_columns_li {
    float: none;
    width: auto !important;
}

.header .grid-submenu .mm_columns_ul > .mm_columns_li:first-child {
    grid-column: 1 / -1;
}

.header .grid-submenu .mm_columns_li.mm_before_breaker {
    grid-row: 2 / 4;
    grid-column: 4;
    border-right: none;
}

.header .mm_before_breaker .mm_img_content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.header .mm_before_breaker .ets_mm_block,
.header .mm_before_breaker .ets_mm_block_content,
.header .mm_before_breaker .mm_img_content {
    height: 100%;
}

.header .layout_layout1.ets_mm_megamenu .mm_columns_ul {
    border-bottom: none;
    padding-top: 0;
}

@media (min-width: 768px) {
    .transition_fadeInUp:not(.click_open_submenu) li:hover .grid-submenu .mm_columns_ul,
    .transition_fade:not(.click_open_submenu) .grid-submenu.mm_menus_li.mm_has_sub:hover .mm_columns_ul,
    .transition_fade.click_open_submenu .grid-submenu.mm_menus_li.mm_has_sub .mm_columns_ul.open {
        -webkit-animation-name: fadeinupmenu;
        animation-name: fadeinupmenu;
        display: grid;
    }
}

@keyframes fadeinupmenu {
    0% {
        opacity: 0;
        display: grid;
        margin-top: 10px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}

@-webkit-keyframes fadeinupmenu {
    0% {
        opacity: 0;
        display: grid;
        margin-top: 10px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}

.header .ets_mm_block_content {
    line-height: 160%;
}

@media (min-width: 768px) {
    .cards-submenu .mm_blocks_li {
        padding-right: 0;
    }

    .cards-submenu .mm_columns_ul {
        padding-right: 15px;
    }
}

#header .layout_layout1 .cards-submenu .ets_mm_block_content p {
    color: #575656;
}

.menu-card {
    position: relative;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.menu-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
}

.menu-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

.cards-submenu .menu-card img {
    aspect-ratio: 1 / 1;
    height: auto;
}

.ets_mm_block_content .menu-card img:hover {
    transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
}

.menu-card-info {
    position: absolute;
    z-index: 1;
    bottom: 12px;
    left: 0;
    right: 0;
    padding: 0 12px;
    text-align: center;
}

.header .menu-card-title {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.menu-card-btn {
    display: block;
    position: relative;
    background: #fff;
    color: #222 !important;
    padding: 8px 20px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-decoration: none !important;
    transition: background 0.2s;
    overflow: hidden;
}

.menu-card-btn::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 24px;
    background: #ec6707;
    border-radius: 50%;
    filter: blur(20px);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 1;
}

.menu-card-btn:hover::after {
    opacity: 0.3;
}

.menu-card-btn--dark {
    background: #222;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.menu-card-btn--dark:hover {
    background: #000;
}

.menu-card-btn--dark:hover::after {
    opacity: 1;
}

.header .menu-card-btn-text {
    position: relative;
    z-index: 2;
    font-size: 14px;
}

.ps-searchbar--popup {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 320px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.2s ease;
    z-index: 100;
}

.ps-searchbar--popup.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ps-searchbar--popup .ps-searchbar__magnifier {
    display: none;
}

.header .ps-searchbar__input {
    padding-inline: 1rem 2.5rem;
}

.header .ps-searchbar__input.form-control:focus {
    box-shadow: 0 0 0 2px rgba(236, 103, 7, 0.25);
    border-color: var(--main-color);
}

@media (max-width: 767px) {
    .ps-searchbar--popup {
        position: fixed;
        top: calc(var(--header-height, 106px) + 8px) !important;
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .header .ets_mm_megamenu.hook-default {
        margin-top: 0;
        padding: 0;
        width: 100%;
    }

    .header .ets_mm_megamenu .container {
        background-color: transparent;
    }

    .header-nav-block {
        order: 1;
        flex: 0;
        max-width: fit-content;
        margin-right: 16px;
    }

    .header-actions-block {
        margin-left: auto;
        padding: 0 6px;
    }

    .header .mm_menus_li > .arrow {
        margin-top: 8px;
    }
}

@media (max-width: 400px) {
    .header-nav-block {
        margin-right: 0;
    }

    .header .ps-customersignin .header-block__action-btn,
    .header .searchbar-block .header-block__action-btn {
        margin-right: 0.25rem;
    }

    .header-bottom__row {
        flex-wrap: nowrap;
    }
}

@media (min-width: 768px) {
    /* .header-bottom__row {
        flex-wrap: nowrap;
    } */

    /* .header .layout_layout1 .mm_menus_li {
        white-space: nowrap;
    } */

    .header-actions-block {
        padding-right: 16px;
    }
}

.header .ybc-menu-toggle {
    padding: 0;
    width: auto;
}

.header .ybc-menu-button-toggle_icon {
    margin-right: 0;
}

.header .ybc-menu-toggle .icon-bar {
    margin: 3px 0 1px 0;
    width: 14px;
    border-radius: 2px;
}

.submenu-top-link__text {
    margin-right: 8px;
    transition: var(--bs-transition-default);
}

.submenu-top-link__icon {
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    fill: none;
    stroke: #000;
    transition: var(--bs-transition-default);
}

header.header {
    background-color: transparent;
}

@media (max-width: 767px) {
    header.header {
        top: 8px;
    }
}

body::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    height: 420px;
    width: 100%;
    background-color: #fff;
    background-image: url('/modules/mediaforpage/assets/img/hero_background.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
    pointer-events: none;
}

body.page-product::before,
body.page-contact::before {
    display: none;
}
/*Header end*/

/* Contact page (T08) */
.contact-form .page-title-section {
    font-size: 36px;
    margin-bottom: 1.5rem;
    color: var(--title-color, #222);
    font-weight: 500;
    letter-spacing: -2%;
    line-height: 1.1;
}

.contact-form__input,
.contact-form__textarea {
    background-color: #f2f2f2;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    line-height: 1.4;
}

.contact-form__input:focus,
.contact-form__textarea:focus {
    background-color: #fff;
    border-color: var(--title-color, #222);
    box-shadow: none;
}

.contact-form__textarea {
    min-height: 104px;
}

.contact-form__gdpr-legal {
    margin-top: 0.75rem;
    margin-bottom: 0;
    color: var(--text-grey-color, #757575);
    font-size: 0.75rem;
    line-height: 1.6;
}

.contact-form__submit {
    position: relative;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
    border-radius: 4px;
    background-color: #222;
    /* border: 1px solid rgba(255, 255, 255, 0.5); */
    overflow: hidden;
}

.contact-form__submit::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 24px;
    background: #ec6707;
    border-radius: 50%;
    filter: blur(20px);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 1;
}

.contact-form__submit:hover {
    background: #000;
}

.contact-form__submit:hover::after {
    opacity: 1;
}

.contact-form__btn-text {
    position: relative;
    z-index: 2;
}

.contact-sidebar {
    padding: 1.5rem;
    background-color: #fff6ea;
    border-radius: 4px;
}

.contact-sidebar__intro {
    margin-bottom: 1.5rem;
    color: var(--paragraph-color, #575656);
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 600;
}

.contact-sidebar__intro span {
    display: block;
    font-weight: 400;
}

.contact-sidebar__item {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 0.5rem;
}

.contact-sidebar__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}

.contact-sidebar__icon {
    fill: none;
    width: 16px;
    height: 16px;
    stroke: #000;
    flex-shrink: 0;
}

.contact-sidebar__link {
    color: var(--title-color, #222);
    font-size: 0.875rem;
    line-height: 1.4;
}

.contact-sidebar__link:hover {
    text-decoration: underline;
    opacity: 0.7;
}

.contact-sidebar__link.ps-contactinfo__address-link::after {
    top: 50%;
    right: -24px;
    transform: translateY(-50%);
}

.contact-sidebar__divider {
    margin: 1.5rem 0 1rem;
    border-color: #e7e7e7;
    opacity: 1;
}

.contact-sidebar__faq-title {
    margin-bottom: 0;
    color: var(--paragraph-color, #575656);
    font-size: 0.75rem;
    font-weight: 600;
}

.contact-sidebar__faq-text {
    margin-bottom: 1rem;
    color: var(--paragraph-color, #575656);
    font-size: 0.75rem;
}

.page-contact .contact-sidebar__faq-btn {
    padding: 4px 16px;
    /* pointer-events: none; */
    background-color: #222;
    font-size: 0.75rem;
    font-weight: 400;
    cursor: pointer;
}

.contact-form .form-check-label,
.contact-form .form-label {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 500;
    color: var(--text-grey-color);
}

.contact-form .form-check-label {
    margin-bottom: 1.5rem;
}

.contact-form .form-label {
    margin-bottom: 0.5rem;
}

.contact-form .form-check .form-check-label {
    margin-bottom: 0;
}

.contact-form .form-check {
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
    .page-contact .center-column {
        order: 2;
        padding-top: 32px;
    }
}

@media (min-width: 768px) {
    .page-contact .columns-container .center-column {
        --bs-gutter-x: 1.5rem;
    }

    .page-contact .contact-form__row .contact-form__field.col-md-6:nth-child(1) {
        padding-right: 0.5rem;
    }

    .page-contact .contact-form__row .contact-form__field.col-md-6:nth-child(2) {
        padding-left: 0.5rem;
    }
}

.contact-form .was-validated .form-check-input:valid:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.contact-form .was-validated .form-check-input:valid {
    border-color: var(--main-color);
}

.contact-form .form-check-input:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 2px rgba(236, 103, 7, 0.25);
}

body#contact #center-column,
body#contact #right-column.contact-page__sidebar {
    width: 100%;
}

body.page-contact .columns-container {
    margin-bottom: 64px;
}

@media (min-width: 992px) {
    body#contact #center-column {
        flex: 0 0 auto;
        width: 50%;
        max-width: 50%;
        padding: 0 12px;
    }

    body#contact #right-column.contact-page__sidebar {
        flex: 0 0 auto;
        width: 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    body#contact #right-column.contact-page__sidebar {
        padding-left: 7rem;
    }
}

/* Mobile megamenu drawer (Mobilier → root menu, requires .mm-menu-mobilier class) */
@media (max-width: 1199px) {
    .ets_mm_megamenu.mm-mobile-ready .container,
    .ets_mm_megamenu.mm-mobile-ready .ets_mm_megamenu_content,
    .ets_mm_megamenu.mm-mobile-ready .ets_mm_megamenu_content_content {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm_menus_ul,
    .ets_mm_megamenu.mm-mobile-ready.transition_floating .mm_menus_ul,
    .ets_mm_megamenu.mm-mobile-ready.transition_floating .mm_menus_ul.active,
    .changestatus.ets_mm_megamenu.mm-mobile-ready.transition_floating .mm_menus_ul,
    .changestatus.ets_mm_megamenu.mm-mobile-ready.transition_floating .mm_menus_ul.active {
        left: 0;
        max-width: 100%;
        right: 0;
        width: 100%;
    }

    .ets_mm_megamenu.mm-mobile-ready .close_menu {
        display: none !important;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm_menus_li:not(.close_menu) {
        display: none !important;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm_menus_ul {
        background: #fff;
        padding: 0;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header {
        background: #fff;
        /* border-bottom: 1px solid #e8e8e8; */
        flex-shrink: 0;
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 8px;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__wrap {
        position: relative;
        align-items: center;
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-radius: 4px;
        padding: 7px 5px 7px 20px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__logo {
        position: relative;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__logo::before {
        content: '';
        display: block;
        position: absolute;
        top: -11px;
        right: -32px;
        width: 1px;
        height: 50px;
        background-color: #e7e7e7;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__logo .logo {
        position: relative;
        height: auto;
        max-height: 36px;
        max-width: 10rem;
        width: 100%;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__close {
        position: relative;
        flex-shrink: 0;
        height: 36px;
        width: 36px;
        padding: 0;
        background: none;
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        color: transparent;
        cursor: pointer;
        font-size: 0;
        line-height: 0;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__close::before,
    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__close::after {
        background-color: #000;
        content: '';
        height: 1px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 16px;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__close::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-header__close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-wrapper {
        overflow: hidden;
        position: relative;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-wrapper.mm-mobile-panel-open {
        min-height: 100vh;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-primary {
        display: flex;
        flex-direction: column;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-view-all {
        border-bottom: 1px solid #e7e7e7;
        color: #222;
        display: block;
        font-size: 14px;
        font-weight: 500;
        padding: 14px 16px;
        text-decoration: none;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-item {
        align-items: center;
        background: #fff;
        border: 0;
        border-bottom: 1px solid #e7e7e7;
        color: #000;
        cursor: pointer;
        display: flex;
        font-family: inherit;
        font-size: 17px;
        line-height: 1.4;
        font-weight: 500;
        justify-content: space-between;
        padding: 16px 28px;
        text-align: left;
        text-decoration: none;
        width: 100%;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-item__chevron {
        border-right: 2px solid #000;
        border-top: 2px solid #000;
        display: inline-block;
        height: 8px;
        transform: rotate(45deg);
        width: 8px;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-footer {
        display: flex;
        flex-direction: column;
        padding: 32px 0;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-footer__link {
        color: #000;
        display: block;
        font-size: 15px;
        line-height: 1.4;
        padding: 3px 28px;
        text-decoration: none;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panels {
        background: #fff;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateX(100%);
        transition: transform 0.25s ease;
        z-index: 20;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-wrapper.mm-mobile-panel-open .mm-mobile-panels {
        transform: translateX(0);
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-wrapper.mm-mobile-panel-open .mm-mobile-primary {
        visibility: hidden;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel {
        display: none;
        flex-direction: column;
        height: 100%;
        overflow-y: auto;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel--active {
        display: flex;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel__nav {
        border-bottom: 1px solid #e7e7e7;
        padding: 14px 28px;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel__back {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: none;
        border: 0;
        color: #000;
        cursor: pointer;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
        font-weight: 500;
        padding: 0;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel__back-icon {
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        display: inline-block;
        height: 6px;
        transform: rotate(-45deg);
        width: 6px;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel__head {
        align-items: baseline;
        display: flex;
        gap: 12px;
        justify-content: space-between;
        padding: 16px 28px 8px;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel__title {
        color: #000;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel__view-all {
        color: #000;
        font-size: 13px;
        line-height: 1.4;
        font-weight: 500;
        text-decoration: underline;
        white-space: nowrap;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel__list {
        list-style: none;
        margin: 0;
        padding: 0 0 24px;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-panel__item a {
        display: block;
        color: #000;
        font-size: 15px;
        line-height: 1.4;
        padding: 8px 28px;
        text-decoration: none;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm_menus_ul.active,
    .transition_floating.mm-mobile-ready .mm_menus_ul.active,
    .transition_full.mm-mobile-ready .mm_menus_ul.active {
        -webkit-overflow-scrolling: touch;
        height: 100vh;
        max-height: 100vh;
        max-width: 100%;
        overflow-y: auto;
        width: 100%;
    }

    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-primary .mm-mobile-item--link[href*='nouveautes'][data-id-block='7'],
    .ets_mm_megamenu.mm-mobile-ready .mm-mobile-primary .mm-mobile-item--link[href*='new-arrivals'][data-id-block='7'] {
        order: -1;
    }
}

.description-toggle-wrap {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
}

.description-toggle-wrap.open {
  -webkit-line-clamp: unset;
}

.description-toggle {
  text-align: center;
}
.description-toggle .btn {
    color: var(--title-dark-color);
}
.description-toggle-wrap.open ~ .description-toggle .description-toggle__expand,
.description-toggle__collapse {
  display: none;
}
.description-toggle-wrap.open ~ .description-toggle .description-toggle__collapse {
  display: inline-block;
}

/* product image modal */
.product-images-modal {
    .modal-dialog {
        max-width: min(96vw, 1400px);
        margin: 1rem auto;
    }

    .modal-content {
        max-height: calc(100dvh - 2rem);
    }

    .product-images-modal__body {
        overflow: hidden;
    }

    .product-images-modal__carousel {
        height: calc(100dvh - 7rem);
    }

    .product-images-modal__carousel .carousel-item {
        height: calc(100dvh - 7rem);
        align-items: center;
        justify-content: center;
    }

    .product-images-modal__carousel img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .product-images-modal {
        .product-images-modal__carousel {
            max-height: calc(100dvh - 7rem);
        }

        .product-images-modal__carousel .carousel-item {
            max-height: calc(100dvh - 7rem);
            align-items: center;
            justify-content: center;
        }
    }
}
.js-conditions-to-approve a {
    text-decoration: underline;
}

.form-field-required >.form-check {
    position: relative;
}
/* .form-field-required >.form-check:before {
    color: var(--bs-danger);
    content: "*" / " ";
    position: absolute;
    left: -12px;
} */

.form-field-required .form-check-label.required:before {
    content: '';
}

.js-address-form .form-fields {
    display: flex;
    flex-direction: column;
}

.js-address-form .form-fields >.form-field-item {
    order: 10;
}

.js-address-form .form-fields >.alias,
.js-address-form .form-fields >.firstname,
.js-address-form .form-fields >.lastname,
.js-address-form .form-fields >.email,
.js-address-form .form-fields >.company {
    order: 1;
}

.js-address-form .form-fields >.company {
    order: 2;
}

.js-address-form .form-fields >.siret {
    order: 3;
}

.cart-summary__subtotals {
    display: flex;
    flex-direction: column;

    >* {
        order: 10;
    }

    #cart-subtotal-products {
        order: 1;
    }

    .cart-voucher__line {
        order: 20;
    }

    .camerus-checkout-fees-majoration {
        order: 11;
    }

    .camerus-voucher-salondisc {
        order: 12;
    }

    .camerus-checkout-fees-insurance {
        order: 13;
    }

    .camerus-checkout-fees-mgmt {
        order: 14;
    }
}

.order-products .grid-table__inner {
    >* {
        order: 10;
    }

    .camerus-checkout-fees-majoration {
        order: 1;
    }

    .camerus-voucher-salondisc {
        order: 2;
    }

    .camerus-checkout-fees-insurance {
        order: 3;
    }

    .camerus-checkout-fees-mgmt {
        order: 4;
    }
}

.order-confirmation__subtotals {
    display: flex;
    flex-direction: column;

    >* {
        order: 10;
    }

    .subtotal-products {
        order: 1;
    }

    .camerus-checkout-fees-majoration {
        order: 2;
    }

    .camerus-voucher-salondisc {
        order: 3;
    }

    .camerus-checkout-fees-insurance {
        order: 4;
    }

    .camerus-checkout-fees-mgmt {
        order: 5;
    }
}

.alert-info,
.alert.alert-success {
    background: var(--light-color);
    border-color: var(--light-color);
    color: var(--paragraph-color);
}

#chatbox-toggle.has-text {
    width: max-content;
}