#shop_the_look_drawer .title {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #1f1f1f;
    margin: 27px 0 15px 0;
}
#shop_the_look_drawer .intro {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #1f1f1f;
    margin: 0 0 20px 0;
}
#shop_the_look_drawer .drawer-block__content {
    padding-inline: 0;
}
#shop_the_look_drawer .close {
    top: 15px;
    right: 15px;
}
#shop_the_look_drawer .product {
    width: 240px;
}
#shop_the_look_drawer .name {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: .14px;
    color: #1f1f1f;
    text-transform: uppercase;
    margin: 20px 0 8px 0;
    padding-inline: 10px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; 
}
#shop_the_look_drawer .link {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #1f1f1f;
    text-decoration: underline;
    margin-inline: 10px;
}
#shop_the_look_drawer .sizes,
#shop_the_look_drawer .qty {
    margin-inline: 10px;
}

#shop_the_look_drawer .sizes {
    height: 33px;
    width: 200px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12px;
    color: #1f1f1f;
    padding-inline: 16px 12px !important;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .75rem;
    padding-right: 1rem;
}

#shop_the_look_drawer .addto {
    margin-top: 10px;
}
#shop_the_look_drawer .addto form {
    display: flex;
    gap: 20px;
}

#shop_the_look_drawer .addto svg {
    pointer-events: none;
}

#shop_the_look_drawer .qty > div {
    display: flex;
    width: 120px;
}

#shop_the_look_drawer .qty input,
#shop_the_look_drawer .qty button {
    height: 33px;
    border-radius: 3px;
    border-color: #e5e5e5;
    text-align: center;
    font-size: 14px;
    color: #1f1f1f;
}

#shop_the_look_drawer .qty input {
    border-width: 1px 0;
    border-radius: 0;
    width: 20%;
    padding-inline: 0;
}

#shop_the_look_drawer .qty button {
    width: 40%
}

#shop_the_look_drawer .qty button:first-of-type {
    border-width: 1px 0 1px 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#shop_the_look_drawer .qty button:last-of-type {
    border-width: 1px 1px 1px 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (min-width: 1024px) {
    #shop_the_look_drawer .drawer-block__content-wrapper {
        width: 450px;
    }
    #shop_the_look_drawer .drawer-block__content {
        padding-inline: 44px;
    }
    #shop_the_look_drawer .swiper-wrapper {
        flex-direction: column;
    }
    #shop_the_look_drawer .product {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 24px 0 32px 0;
    }
    #shop_the_look_drawer .product:first-child {
        padding-top: 0;
    }
    #shop_the_look_drawer .product + .product {
        border-top: 1px solid #e5e5e5;
    }
    #shop_the_look_drawer .product > a {
        order: 2;
        width: 108px;
        aspect-ratio: 1/1;
        margin-inline: 20px;
    }
    #shop_the_look_drawer .product > div:first-of-type {
        order: 1;
        display: flex;
        justify-content: space-between;
        flex-basis: 100%;
        margin: 10px 0 20px 0
    }
    #shop_the_look_drawer .product > div:first-of-type + div {
        order: 3;
        flex-basis: calc(100% - 160px);
    }
    #shop_the_look_drawer .name,
    #shop_the_look_drawer .link,
    #shop_the_look_drawer .price,
    #shop_the_look_drawer .qty,
    #shop_the_look_drawer .sizes {
        padding-inline: 0;
        margin: 0;
    }
    #shop_the_look_drawer .name {
        max-width: 220px;
    }
    #shop_the_look_drawer .link {
        width: 30%;
        flex-shrink: 0;
        text-align: right;
    }
    #shop_the_look_drawer .price {
        margin-bottom: 7px;
    }
    #shop_the_look_drawer .sizes{
        width: 150px;
    }
    #shop_the_look_drawer .qty > div{
        width: 100px;
    }
    #shop_the_look_drawer .addto form {
        gap: 17px;
    }
    #shop_the_look_drawer .actions {
        display: flex;
        gap: 12px;
    }
}


.shop_the_look_category {
    width: 100%;
    max-width: 1200px;
    max-height: 50px;
    overflow: hidden;
    grid-column: 1/3;
    margin-inline: auto;
}
.shop_the_look_category.open {
    max-height: 3000px;
}
.shop_the_look_category > div {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.shop_the_look_category.open > div {
    opacity: 100;
}
.shop_the_look_category .loader {
    margin-inline: auto;
    width: 50px;
}
.shop_the_look_category .packshot {
    aspect-ratio: 16/10;
    margin-bottom: 20px
}
.shop_the_look_category .packshot img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.shop_the_look_category .title {
    font-size: 28px;
    font-family: "DM Serif Display", serif;
    line-height: 1.14;
    letter-spacing: 0.97px;
    font-weight: normal;
    color: #1f1f1f;
    margin: 0 0 25px 0;
}
.shop_the_look_category .product {
    display: flex;
    align-items: center;
}
.shop_the_look_category .product + .product {
    margin-top: 8px;
}
.shop_the_look_category .product > a {
    width: 75px;
    margin-right: 13px;
    flex-shrink: 1;
    flex-grow: 0;
}
.shop_the_look_category .product > div {
    width: calc(100% - 95px);
}
.shop_the_look_category .product > div > div {
    display: flex;
    margin-top: 10px;
}
.shop_the_look_category .name {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42;
    color: #1f1f1f;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; 
}

.shop_the_look_category .name a {
    
}

.shop_the_look_category .qty {
    margin-left: 7px;
}
.shop_the_look_category .qty select {
    height: 33px;
    width: 72px;
    border-radius: 3px;
    border-color: #e5e5e5;
    text-align: left;
    font-size: 14px;
    color: #1f1f1f;
    line-height: 1;
    background-position: right .8rem center;
    background-size: 1rem;
    padding-inline: 1rem 0;
}

.shop_the_look_category .sizes {
    height: 33px;
    min-width: 135px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12px;
    color: #1f1f1f;
    padding-inline: 16px 12px !important;
    flex-grow: 1;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .75rem;
    padding-right: 1rem;
}

.shop_the_look_category .addto form {
    display: flex;
    gap: 7px;
}

@media (max-width: 350px) {
    .shop_the_look_category .product > div > div {
        flex-wrap: wrap;
    }
    .shop_the_look_category .addto form {
        margin-top: 7px;
    }
    .shop_the_look_category .qty {
        margin-left: 0;
    }
}

@media (max-width: 375px) {
    .shop_the_look_category .sizes{
        min-width: 0;
        flex-grow: 0;
        width: 120px;
    }
}

@media (min-width: 400px) {
    .shop_the_look_category .product > a {
        flex-shrink: 0;
    }
}

@media (min-width: 768px) {
    .shop_the_look_category {
        grid-column: 1/4;
    }
}
@media (min-width: 1024px) {
    .shop_the_look_category .wrapper {
        display: flex;
        gap: 80px;
    }
    .shop_the_look_category .packshot {
        aspect-ratio: initial;
        margin-bottom: 0;
        flex-grow: 1;
    }
    .shop_the_look_category .packshot img {
        max-width: 690px;
        max-height: 515px;
        aspect-ratio: 16/9;
    }
    .shop_the_look_category .packshot + div {
        max-width: 450px;
        flex-grow: 0;
    }
    .shop_the_look_category .name {
        max-width: 230px; 
    }
}
@media (min-width: 1280px) {
    .shop_the_look_category {
        grid-column: 1/5;
    }
    .shop_the_look_category .sizes {
        min-width: 144px;
    }
    .shop_the_look_category .title {
        margin-top: 15px;
    }
    .shop_the_look_category .packshot + div {
        max-width: 365px;
        margin-right: 65px;
    }
}


.addto-shop-the-look {
    width: 35px;
    height: 35px;
    transition: opacity .2s ease-in-out;
}
.addto-shop-the-look span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #1f1f1f;
    position: relative;
    transition: background-color .2s ease-in-out;
}
.addto-shop-the-look[disabled]  {
    cursor: default;
}
.addto-shop-the-look[disabled] span {
    background-color:rgba(162, 162, 162, .5);
}
.addto-shop-the-look.validated span {
    background-color: #16a34a;
}
.addto-shop-the-look svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .2s ease-in-out;
}
.addto-shop-the-look .cart {
    margin-top: -2px;
    margin-left: 1px;
    transform: translate(-50%, -50%) scale(1);
}
.addto-shop-the-look .check {
    transform: translate(-50%, -50%) scale(0);
}
.addto-shop-the-look.validated .cart {
    transform: translate(-50%, -50%) scale(0)
}
.addto-shop-the-look.validated .check {
    transform: translate(-50%, -50%) scale(1)
}

.shop-the-look-price {
    margin: 25px 10px 7px;
    font-family: Inter;
    font-size: 14px;
    color: #1f1f1f;
    display: inline-flex;
    align-items: center;
    font-weight: normal;
}
.shop-the-look-price > span:not(:empty) {
    margin-right: 10px;
}
.shop-the-look-price .old-price {
    text-decoration: line-through;
    font-size: 11px;
    color: #707170;
}
.shop-the-look-price .discount {
    font-size: 11px;
    color: #f97316;
}

.shop-the-look-dimensions .shop-the-look-price {
    margin: 0;
    line-height: 1;
    font-size: 10px;
    color: #707170;
}
.shop-the-look-dimensions .old-price,
.shop-the-look-dimensions .discount {
    font-size: 10px;
}
.shop-the-look-dimensions a.selected {
    border: 1px solid #1f1f1f;
}
.shop-the-look-dimensions a.inactive {
    pointer-events: none;
    background-color: #e1e1e1;
}

.shop-the-look-out-of-stock {
    font-family: 'Inter';
    font-size: 13px;
    font-weight: normal;
    line-height: 1.54;
    color: #f97316;
    margin-inline: 10px;
    margin-top: 3px;
}
@media (min-width: 1024px) {
    .shop-the-look-out-of-stock {
        margin-inline: 0;
    }
}
.shop_the_look_category .shop-the-look-out-of-stock {
    margin-inline: 0;
}


#shop_the_look_drawer .product.out-of-stock > a,
.shop_the_look_category .product.out-of-stock > a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#shop_the_look_drawer .product.out-of-stock > a::after,
.shop_the_look_category .product.out-of-stock > a::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background-color: rgba(31, 31, 31, 0.25);
    z-index: 1;
}
#shop_the_look_drawer .product.out-of-stock > a::before {
    display: inline-block;
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    z-index: 2;
    text-transform: uppercase;
}
html[lang='fr'] #shop_the_look_drawer .product.out-of-stock > a::before {
    content: 'Produit indisponible';
}
html[lang='en'] #shop_the_look_drawer .product.out-of-stock > a::before {
    content: 'Product out of stock';
}