.pcc-582022dd-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.pcc-582022dd-swiper {
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.pcc-582022dd-swiper-editor {
    display: flex;
    gap: 20px;
    flex: 1;
    overflow: hidden;
}

.pcc-582022dd-swiper-editor .pcc-582022dd-card {
    min-width: 160px;
    flex: 1;
}

.pcc-582022dd-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

.pcc-582022dd-image {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 4px;
}

.pcc-582022dd-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.pcc-582022dd-image:hover img {
    transform: scale(1.05);
}

.pcc-582022dd-no-image {
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    border-radius: 4px;
}

.pcc-582022dd-info {
    padding: 10px 0 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pcc-582022dd-artist {
    font-weight: 700;
    font-size: 14px;
    color: #333333;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pcc-582022dd-title {
    font-size: 13px;
    color: #666666;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.pcc-582022dd-title:hover {
    color: #333333;
}

.pcc-582022dd-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    gap: 8px;
}

.pcc-582022dd-status-price {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap; /* allow wrapping in case price is long */
}

.pcc-582022dd-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
}

.pcc-582022dd-status-text {
    font-size: 11px;
    color: #999999;
    white-space: nowrap;
}

.pcc-582022dd-price {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    white-space: nowrap;
}

.pcc-582022dd-price del {
    opacity: 0.5;
    font-size: 12px;
}

.pcc-582022dd-price ins {
    text-decoration: none;
}

/* Also ensure no weird line breaks if an injected element persists */
.pcc-582022dd-price > div {
    display: none !important;
}

.pcc-582022dd-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%;
    background-color: #F5A623;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(245, 166, 35, 0.35);
    /* Hide text if any */
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.pcc-582022dd-cart-btn:hover {
    background-color: #E8951A;
    box-shadow: 0 4px 12px rgba(245, 166, 35, 0.5);
    transform: scale(1.05);
}

.pcc-582022dd-cart-btn::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    text-indent: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='white'%3E%3Cpath d='M0 24C0 10.7 10.7 0 24 0L69.5 0c22 0 41.5 12.8 50.6 32l411 0c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3l-288.5 0 5.4 28.5c2.8 14.9 15.9 25.5 31.2 25.5L520 342c13.3 0 24 10.7 24 24s-10.7 24-24 24l-287.8 0c-45.9 0-85.2-31.7-95.3-76.3L77.4 67.3c-3-15.9-16.9-27.3-33-27.3L24 40C10.7 40 0 29.3 0 16S10.7 0 24 0zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pcc-582022dd-cart-btn.added::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='white'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
}

.pcc-582022dd-arrow {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    flex-shrink: 0;
    line-height: 1;
    transition: opacity 0.3s ease;
    z-index: 2;
    color: #333333;
}

.pcc-582022dd-arrow i {
    font-size: 24px;
}

.pcc-582022dd-arrow:hover {
    opacity: 0.6;
}

.pcc-582022dd-arrow.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

@media (max-width: 767px) {
    .pcc-582022dd-artist {
        font-size: 12px;
    }
    .pcc-582022dd-title {
        font-size: 11px;
    }
    .pcc-582022dd-price {
        font-size: 12px;
    }
}