/*************************************************************
 *                                                           *
 *  Position product name and wishlist button side by side.  *
 *                                                           *
 *************************************************************/

div.products div.product.product-grid-item {
    margin-bottom: 3em;
}

div.products div.product-element-bottom {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.products div.product-element-bottom > span.new.product-label {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    text-align: left;
    letter-spacing: 1.1mm;
    font-size: 10px;
    padding: 0px !important;
    background: none;
}

div.products div.product-element-bottom > h3.wd-entities-title {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    text-align: left;
    overflow: visible;
    max-height: none;
    font-size: 13px;
}

div.products div.product-element-bottom > div.wd-wishlist-btn {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    justify-self: end;
    align-self: start;
    margin-top: 1.3em;
}
div.products div.product-element-bottom > div.wd-wishlist-btn > a {
    height: 0px;
}

div.products div.product-element-bottom > span.price {
    grid-column: 1 / -1;
    grid-row: 3 / 4;
    text-align: left;
}

@media (max-width: 768px) {
    div.products div.product-element-bottom > span.new.product-label {
        letter-spacing: 0.8mm;
        font-size: 9px;
    }

    div.products div.product-element-bottom > h3.wd-entities-title {
        font-size: 10px;
    }

    div.products div.wd-carousel div.product-element-bottom > div.wd-wishlist-btn {
        width: 20px;
    }
}

/* Hide Other Colors section product buttons.  */
div.upsell.sirocco-other-colors
    div.products.elements-grid
    div.product.product-grid-item.wd-with-labels
    div.product-element-top.wd-quick-shop
    > div.wd-buttons {
    display: none;
}

/* Single Product Page: Hide Other Colors section actions.  */
div.upsell.sirocco-other-colors
    div.products.elements-grid
    div.product.product-grid-item.wd-with-labels
    div.product-element-top.wd-quick-shop
    > div.wd-buttons,
div.upsell.sirocco-other-colors
    div.products.elements-grid
    div.product.product-grid-item.wd-with-labels
    div.product-element-top.wd-quick-shop
    > .wd-add-btn,
div.upsell.sirocco-other-colors
    div.products.elements-grid
    div.product.product-grid-item.wd-with-labels
    div.product-element-top.wd-quick-shop
    > a
    > .wd-product-grid-slider-nav {
    display: none;
}

/* Single Product Page: Other Colors add underline hover effect. */
div.upsell.sirocco-other-colors
    div.products.elements-grid
    div.product.product-grid-item.wd-with-labels:hover {
    border-bottom: medium solid black;
}

/* Single Product Page: Size Guide underline. */
.wd-accordion.wd-style-default::before {
    border-top: 0px solid var(--brdcolor-gray-300);
}

/**********************************
 *                                *
 *  General product modification  *
 *                                *
 **********************************/

.single-product-page.product .wd-swatches-product.wd-swatches-single {
    display: grid;
    grid-template-columns: repeat(5, minmax(1px, 1fr));
    grid-template-rows: auto;
    gap: var(--wd-swatch-v-sp);
    margin-top: var(--wd-swatch-h-sp);
}

.single-product-page.product .wd-swatches-product > .wd-swatch {
    height: 30px;
}

.wd-label-side-md table.variations .label.cell {
    display: block;
}
@media (max-width: 1024px) {
    .wd-label-side-md table.variations .value {
        width: 100% !important;
    }
}