.woo-items {
    gap: 1.25em;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.woo-item {
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--menu-link-color);
}

.woo-items .woo-item svg path,
.woo-items .woo-item svg ellipse,
.woo-items .woo-item svg circle {
    stroke: var(--main-color);
}

.site-header.scrolled .woo-items .woo-item svg path,
.site-header.scrolled .woo-items .woo-item svg ellipse,
.site-header.scrolled .woo-items .woo-item svg circle,
.is-product-page .woo-items .woo-item svg path,
.is-product-page .woo-items .woo-item svg ellipse,
.is-product-page .woo-items .woo-item svg circle {
    stroke: var(--main-color--scrolled);
}

body.menu-opened .woo-items .woo-item svg path,
body.menu-opened .woo-items .woo-item svg ellipse,
body.menu-opened .woo-items .woo-item svg circle {
    stroke: var(--main-color--scrolled) !important;
}

.woo-item span:before {
    font-size: 1.5rem;
}

.woo-item-cart {
    position: relative;
}

.woo-item-cart-counter {
    top: -8px;
    left: 15px;
    width: 20px;
    height: 20px;
    display: flex;
    color: var(--accent-bg-color);
    font-weight: 600;
    border-radius: 50%;
    font-size: 0.65rem;
    position: absolute;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color--scrolled);
}

/*laptop 1*/
@media (min-width: 1024px) and (max-width: 1439px) {
    .woo-items {
        gap: 0.5em;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }
}