.skeleton-option-button {
	width: 85px;
	position: relative;
}

.skeleton-option-heading {
	position: relative;
	background-color: #e0e0e0;
    color: #a0a0a0;
    border: 1px solid #d0d0d0;
    cursor: not-allowed;
    opacity: 0.6;
    width: 50px;
    border-radius: 25px;
}

.skeleton-warehouse {
	position: relative;
	background-color: #e0e0e0;
    color: #a0a0a0;
    border: 1px solid #d0d0d0;
    cursor: not-allowed;
    opacity: 0.6;
    border-radius: 25px;
}

.skeleton-warehouse-table tr {
	display: flex;
	gap: 10px;
	margin-bottom: 6px;
}

.skeleton-button {
	position: relative;
}

.skeleton-option-button::before,
.skeleton-option-heading::before,
.skeleton-warehouse::before,
.skeleton-button::before,
.skeleton-all .breadcrumbs::before,
.skeleton-all .product__name::before,
.skeleton-all .product__price::before,
.skeleton-all .product__gallery::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: shimmer 1.5s infinite;
}

.product__gallery.skeleton::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Skeleton all fields  */
.skeleton-all .breadcrumbs,
.skeleton-all .product__name,
.skeleton-all .product__price,
.skeleton-all .product__gallery {
    position: relative;
	background-color: #e0e0e0;
    color: #a0a0a0;
    border: 1px solid #d0d0d0;
    opacity: 0.6;
    width: fit-content;
    border-radius: 25px;
}

.product__gallery.skeleton {
    position: relative;
	background-color: #e0e0e0;
    color: #a0a0a0;
    border: 1px solid #d0d0d0;
    opacity: 0.6;
    border-radius: 25px;
    width: 100%;
    height: auto;
    max-height: 500px;
}

.skeleton-all .breadcrumbs * {
    visibility: hidden;
}

.skeleton-all .product__name {
    height: 32px;
    width: 100%;
}

.skeleton-all .product__price {
    height: 25px;
    width: 60px;
}

.skeleton-all .product__gallery {
    width: 100%;
    height: auto;
    max-height: 500px;
}

@media(max-width: 992px) {
    .product__gallery.skeleton {
        height: 100%;
        min-height: 300px;
    }
}