.header-top{
    display: none;
}
.footer .footer__block__content-list a {
    width: fit-content;
}
#menu-mobile.menu--mobile .menu__list a{
    width: 100%;
}
.header {
    --header-bg: transparent;
}
.bx-prev::before {
    content: "◀";
}
.bx-next::before {
    content: "️️▶";
}
.navbar-brand.d-block{
    text-align: center;
}
.bx-wrapper .bx-controls-direction a{
    top:50%;
    height: 42px;
    width: 30px;
}
.container .table{
    padding: 15px 0;
}
#menu-mobile .menu__list .menu__link{
    font-size: 20px;
}
#header {
    position: unset;
}
#wrapper.wrapper{
    margin-bottom: 2%;
}
.table-cell video.img-thumbnail,.img-thumbnail{
    border: none !important;
    border-radius: 0;
}
#custom-text{
    padding: 4rem 1rem 0;
}
#index #boixhome{
margin: 4% 0;
}
.page-product .product__add-to-cart{
    margin-bottom: 0;
}

#index #carousel{
    display: block;
}
.custom-text__content h1{
    font-size: clamp(22px, 3vw, 36px);
}
.ratio-homeSlider {
    min-height: 0;
    aspect-ratio: 16 / 9;
    width: 100%;
    max-width: 100vw;
    position: relative;
    overflow: hidden;
}
.carousel-control-prev,.carousel-control-next{
    z-index: 3;
}

.ratio-homeSlider::before {
    padding-top: 0 !important;
}
#home-slider {
    width: 100%;
    max-width: 100vw;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
}
#home-slider .carousel,
#home-slider .carousel-inner,
#home-slider .carousel-item,
#home-slider .carousel-item figure {
    width: 100%;
    height: 100%;
    margin: 0;
    aspect-ratio: 16 / 9;
}
#home-slider .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.yt_video {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.yt_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    z-index: 1;
    box-sizing: unset;
}

@supports not (object-fit: cover) {
    .yt_video iframe {
        top: 50%;
        left: 50%;
        width: 100vw;
        height: 56.25vw;
        min-height: 100%;
        min-width: 177.78%;
        transform: translate(-50%, -50%);
    }
}
.yt_video .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 2;
    pointer-events: auto;
}

@supports not (aspect-ratio: 16 / 9) {
    #home-slider,
    #home-slider .carousel,
    #home-slider .carousel-inner,
    #home-slider .carousel-item,
    #home-slider .carousel-item figure,
    .yt_video {
        height: 0;
        padding-bottom: 56.25%;
    }
}

/* Media Queries for Responsive Design */

/* Tablets and smaller screens */
@media (max-width: 768px) {
    #home-slider,
    #home-slider .carousel,
    #home-slider .carousel-inner,
    #home-slider .carousel-item,
    #home-slider .carousel-item figure,
    .yt_video {
        max-height: calc(100vh - 64px);
    }

    @supports (aspect-ratio: 16 / 9) {
        #home-slider,
        #home-slider .carousel,
        #home-slider .carousel-inner,
        #home-slider .carousel-item,
        #home-slider .carousel-item figure,
        .yt_video {
            height: auto;
            max-height: calc(100vh - 64px);
        }
    }

    @supports not (aspect-ratio: 16 / 9) {
        #home-slider,
        #home-slider .carousel,
        #home-slider .carousel-inner,
        #home-slider .carousel-item,
        #home-slider .carousel-item figure,
        .yt_video {
            height: 0;
            padding-bottom: 56.25%;
            max-height: calc(100vh - 64px);
        }
    }
}

/* Small screens (e.g., mobile phones) */
@media (max-width: 576px) {
    #home-slider,
    #home-slider .carousel,
    #home-slider .carousel-inner,
    #home-slider .carousel-item,
    #home-slider .carousel-item figure,
    .yt_video {
        max-height: calc(100vh - 80px);
    }

    @supports (aspect-ratio: 16 / 9) {
        #home-slider,
        #home-slider .carousel,
        #home-slider .carousel-inner,
        #home-slider .carousel-item,
        #home-slider .carousel-item figure,
        .yt_video {
            height: auto;
            max-height: calc(100vh - 80px);
        }
    }
}

/* Very small screens (e.g., narrow mobile devices) */
@media (max-width: 400px) {
    #home-slider,
    #home-slider .carousel,
    #home-slider .carousel-inner,
    #home-slider .carousel-item,
    #home-slider .carousel-item figure,
    .yt_video {
        max-height: calc(100vh - 100px);
    }
}

/* Wide screens (aspect ratio >= 16:9) */
@media (min-aspect-ratio: 16/9) {
    #home-slider,
    #index .yt_video {
        width: 100vw;
        height: 56.25vw; /* Maintain 16:9 */
        max-height: 100vh;
    }

    .yt_video iframe {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


/* High-resolution displays (e.g., Retina) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #home-slider .carousel-item img {
        image-rendering: optimizeQuality; /* Improve image quality */
    }
}

#content-wrapper {
    padding-bottom: 0;
}
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}
.table {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease;
}
.table-cell {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: ease 0.5s;
}
.table-cell .texte{
    padding: 0 15px;
}
.table-cell .span_to_img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.description p:last-child{
    margin-bottom: 0;
}
.texte .description ul{
    list-style: disc;
    padding-left: 15px;
}
#product #wrapper .container{
    margin-bottom: 50px;
}
.material-icons{
    cursor: pointer;
}
.header-bottom,.header-top {
    border-bottom: none;
}
.header-block__action-btn:hover,.carousel-caption,.carousel .carousel-content p
,.main-menu__mobile .menu a, .main-menu__mobile .menu li:not(.h5),button.btn-close.text-reset,.main-menu__title
,.js-back-button,.js-back-button:hover,.header-block--active .header-block, .header-block--active .header-block__icon
,.main-menu__tree > li .menu-container a[data-depth="1"]{
    color: white ;
}
.main-menu__tree > li .menu-container {
    width: 100%;
    max-width: 1320px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    padding: 20px 30px;
}
.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
}
.header a:not(.dropdown-item):not(.btn):hover,.header a:not(.dropdown-item):not(.btn):hover i
,.header-block__action-btn,.header a:not(.dropdown-item):not(.btn){
    color: white;
}

a,.cart-summary__show i {
    color: black;
}
.wishlist-product-combinations a:hover {
    color: #bbb !important;
}
.wishlist-button-add i {
    color: #ff0000 !important;
}
.product__discount-percentage,.product__current-price{
    color: red;
}

/* product flags */
.badge.discount {
    background-color: white;
    border: 1px solid #A93226;
    color: #A93226;
}
.badge {
    background-color: #A93226;
    margin: .25rem;
    font-size: 22px;
}


/* footer */
.email-subscription .email-subscription__content__inputs input[type="email"] {
color: black;
}
.footer .footer__block__content-list a.logout{
    color: #dee2e6;
}
.footer .footer__block__content-list:hover a.logout{
    color: #ffffff;
}

@media (max-width: 1200px) {
    img.logo.img-fluid{
        max-width: 40%;
        margin: 0;
    }
    .navbar-brand.d-block{
        text-align: left;
    }
}

@media (max-width: 1024px) {
    .description p:last-child {
        margin-bottom: 15px;
    }
    .table-cell .span_to_img {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
    }
    .table-cell .texte {
        padding:15px 0;
    }
    .table {
        display: block;
        padding: 15px 0;
    }
    .table-cell {
        width: 100%;
    }
}


/* Apsara Theme */
body {
    position: relative;
    font-family: "Mukta", sans-serif;
    color: white;
    background-color: #0e0e11;
    width: 100%;
    height: 100%;
}
body#product {
    background: #0e0e11;
}
body .wrapper {
    padding-top: 15px;
}
.breadcrumb__wrapper {
    background-color: transparent;
}
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-variation-settings:
            'FILL' 0,
            'wght' 200,
            'GRAD' 0,
            'opsz' 48;
}
#_desktop_language_selector {
    margin-left: 10px;
}
#_desktop_cart {
    margin-left: 20px;
}
.user-info {
    font-weight: 500;
    margin-left: 10px;
    transition: ease-in .2s;
    padding: .525rem 0;
}
.user-info a {
    font-size: 14px;
    padding: .5rem 1.25rem;
}
.header-block.blockcart {
    border: 1px solid #aaa;
    margin-left: 0;
    background: transparent;
}
.header-block__action-btn {
    position: relative;
    padding: .4rem .75rem;
}
.language-selector__wrapper {
    border: 1px solid #aaa;
}
.language-selector__wrapper select {
    border-radius: 0;
    text-transform: capitalize;
}
.language-selector__wrapper .form-select {
    background: #0e0e11;
    border: none;
    color: white;
    font-size: 14px;
    padding: .5rem .75rem;
}
.main-menu {
    order: unset;
}
img.logo.img-fluid {
    max-width: 316px;
}
.header-bottom .navbar-brand .logo {
    width: auto;
    padding: 15px;
}
.header-bottom .logo {
    z-index: 1046;
}
#header {
    transition: all .2s;
    background-color: #0e0e11;
    border-bottom: 1px solid #27272a;
}
.header-block__badge {
    background-color: #bb2000 !important;
    margin-left: 0;
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 18px;
}
.main-menu__tree__link .dropdown-toggle:after {
    content: none;
}
#custom-text {
    text-align: center;
    padding: 40px;;
}
.section-title {
    text-align: center;
}
.page-content .products {
    display: flex;
    flex-wrap: wrap;
}
.backdrop-group {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
p {
    color: white;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Sansation", sans-serif;
    font-weight: 500;
    color: white;
    letter-spacing: 2px;
    text-transform: uppercase;
}
h1, .h1:not(.display-1) {
    font-size: clamp(24px, 3vw, 40px);
}
.rich-text table > :not(caption) > * > *,
.table > :not(caption) > * > * {
    background-color: transparent;
}
#hp-products {
    padding: 60px 0;
    background: #f2efd3;
}
#hp-products .container {
    max-width: 100%;
    padding: 0 30px;
}
#hp-products h1 {
    text-align: center;
    margin-bottom: 20px;
    color: black;
}
#hp-products .swiper-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}
#hp-products .wishlist-button-add,
#hp-products .product-miniature__quickview {
    display: none;
}
#hp-products .product-miniature .product-miniature__infos {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 50px;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    visibility: hidden;
}
#hp-products .swiper-slide.active .product-miniature .product-miniature__infos {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
#hp-products .product-miniature .product-miniature__infos__top {
    display: flex;
    align-items: center;
    justify-content: center;
}
#hp-products .product-miniature .product-miniature__infos__bottom {
    display: none;
}
#hp-products .product-miniature .product-miniature__title {
    text-align: center;
    font-size: clamp(16px, 2vw, 26px);
}
#hp-products .product-miniature .product-miniature__link:hover .product-miniature__image {
    transform: unset;
}
#hp-products .product-miniature .card:hover > .product-miniature__link .product-miniature__image {
    transform: scale(1.1);
}
#hp-products .product-miniature__infos__top {
    text-align: center;
}
#hp-products .product-miniature__infos__top p {
    margin-bottom: 0;
}
.product-miniature .card {
    border-radius: 0;
    background-color: transparent;
}
.footer {
    border-top: 1px solid #27272a;
}
.footer, .footer .footer__main {
    background-color: black;
}
.footer .footer__main {
    padding-top: 1.25rem;
}
.footer__main a {
    color: white;
}
.block_newsletter {
    max-width: 600px;
    margin: auto;
    padding: 100px 0;
    text-align: center;
}
.block_newsletter form {
    margin-top: 35px;
}
.block_newsletter form input:first-child {
    width: 60%;
}
.block_newsletter input {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgb(90, 90, 90);
    color: white;
    padding: 7px 0;
}
.footer__main h4 a,
.footer .footer__block__title {
    font-family: "Sansation", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #d3cc88;
}
.footer__main h4 {
    margin-bottom: 1.25rem;
}
.footer__main a {
    font-size: 14px;
}
.footer__main a:hover {
    opacity: .8;
    transition: linear .2s;
}
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}
.product-miniature .product-miniature__quickview {
    transform: translateY(-100%);
    background-color: transparent;
}
.product-miniature .product-miniature__infos__bottom,
.product-miniature .product-miniature__infos__top,
.product-miniature .product-list-reviews {
    background-color: transparent;
}
.product-miniature .product-list-reviews {
    padding: 0;
}
.product-miniature .product-miniature__price {
    color: white;
}
.products article .wishlist-button-add {
    display: none;
}
.modal-content {
    backdrop-filter: blur(20px);
    background-color: hsla(0, 0%, 0%, 0.7);
    border: 2px solid #111;
}
.modal-footer,
.modal-header {
    border-color: #111;
}
.product__discount-percentage,
.product__current-price {
    color: #d3cc88;
}
.product-miniature .product-miniature__infos {
    padding-top: 15px;
}
.product-miniature .product-miniature__title {
    font-weight: 500;
}
.product-miniature__infos__top {
    margin: 10px 0;
}
#index #content-wrapper .page-footer {
    margin: 0;
}
#index #wrapper.wrapper {
    margin-bottom: 0;
}
.text-center a:not(.alert-link) {
    color: white;
}
.product-miniature .product-miniature__image,
.product-miniature .product-miniature__image-container {
    border-radius: 0;
}
.accordion-header .accordion-button,
.accordion-item {
    background: transparent;
}
.quantity-button input {
    background: transparent;
    color: #d9d9d9;
    border-color: #d3cc88;
    border-left: 0;
    border-right: 0;
}
.input-group .btn {
    border-color: #d3cc88;
}
.quantity-button .js-decrement-button {
    border-right: 0;
    color: #d9d9d9
}
.quantity-button .js-increment-button {
    border-left: 0;
    color: #d9d9d9
}
.wishlist-button-add {
    background-color: transparent!important;
    box-shadow: none!important;
}
.wishlist-button-add i {
    color: #5b5b5b !important;
}
.wishlist-button-add:hover i {
    color: #d3cc88 !important;
}
.page-product .product__name {
    margin-bottom: 0;
}
.product__right__infos {
    margin-top: 40px;
}
.nav-tabs .nav-link {
    height: 100%;
    border: none;
}
.nav-tabs .nav-link.active {
    background-color: transparent;
}
.section-title {
    color: #d3cc88;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 1px solid #555;
    padding: 12px 18px;
}
#product-tab-content {
    padding-top: 20px !important;
    border: 1px solid #555;
}
a.subcategory {
    background: #f2efd3;
    color: #90612d;
}
.badge {
    background-color: #bb2000;
    font-size: 16px;
    border-radius: 0
}
.rich-text .h1, .rich-text h1,
.rich-text .h2, .rich-text h2,
.rich-text .h3, .rich-text h3,
.rich-text .h4, .rich-text h4,
.rich-text .h5, .rich-text h5,
.rich-text .h6, .rich-text h6 {
    font-size: 1rem;
    color: #d3cc88;
}
.layout-full-width .products-selection .select-title,
.layout-left-column .products-selection .select-title {
    width: max-content;
    color: white;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left: 20px;
    padding-right: 20px;
}
.main-menu__tree > li .menu-container a[data-depth="1"] {
    color: #372211;
    font-weight: 400;
}
.main-menu__tree > li .menu-container a[data-depth="1"]:hover {
    opacity: .7;
    color: #372211;
}
#mobileMenu{
    background: url("../img/menu-mobile-apsara.jpg") no-repeat center center / cover;
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.55);
    background-blend-mode: multiply;
    height:100vh;
}
#mobileMenu .main-menu__mobile{
    padding-top:80px;
}
.footer__block.block-contact{
    display:none;
}
.product-miniature__image-container .product-miniature__quickview_touch,
.subcategory .subcategory__image{
    display:none;
}
.bandeau.type_2 .table .table-cell:first-child {
   padding: 50px;
}
.table-cell .texte .title {
    margin-bottom: 35px;
}
.table-cell .texte .title p,
.table-cell .texte .title h1,
.table-cell .texte .title h2,
.table-cell .texte .title h3,
.table-cell .texte .title h4,
.table-cell .texte .title h5,
.table-cell .texte .title h6 {
    font-size:  clamp(26px, 3vw, 34px);
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.dir_rtl {
    direction: rtl;
}
.dir_rtl > *:first-child {
    direction: ltr;
}
.description-full-bg {
    width: 100%;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: block !important;
    bottom: 0;
}
.swiper-pagination-bullet {
    background: #90612d;
}
.color-sundance-700 {
    color: #90612d!important;
}
#content-wrapper {
    width: 100%;
}
#js-product-list-header .block-category {
    text-align: center;
}
.info__title .accordion-button {
    color: white;
}
.wishlist-modal .modal-text {
    color: white;
}
.breadcrumb-item + .breadcrumb-item:before {
    color: white;
}
.layout-left-column #left-column {
    display: none;
}



@media (min-width: 768px) {
    .footer .footer__block,
    #block_myaccount_infos {
        width: 33.33%;
    }
    .footer .copyright {
        margin-top: 20px;
    }
    .main-menu__tree > li .menu-container .category {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 992px) {
    .product-miniature {
        flex: 0 0 33.33%;
    }
    .page-product .js-product-container .product__left {
        width: 50%;
    }
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xs,
    .container-xxl {
        max-width: 1400px;
    }
}

@media(max-width:767px){
    .main-menu__tree > li > a{
        padding: 49px 1rem;
    }
    .main-menu__tree > li .menu-container{
        top:calc(100% - 2px)!important;
    }
    .header-bottom .navbar-brand .logo {
        max-width: 100px;
    }
    .main-menu {
        order: 2;
    }
    .user-info {
        padding: .35rem 0.5rem;
    }
    .user-info a {
        font-size: 13px;
        padding: 0;
    }
}