.logo-icon img {
    width: 200px !important;
}

.button.primary {
    background-color: var(--primary);
    border: 0;
    color: #fff;
    border-radius: 5px !important;
}

.button.primary:hover {
    background-color: #b977a6 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.header {
    background-color: #ffe2f7;
}

.product-thumbnail-listing {
    background-color: unset !important;
}

.product-thumbnail-listing img,
video {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.text-interactive {
    --tw-text-opacity: 1;
    color: #bc81ac;
}

#product-current-image {
    border-radius: 5px;
}

#product-current-image img {
    border-radius: 5px;
}

img.self-center {
    border-radius: 5px;
}

.hover\:text-gray-300 {
    --tw-text-opacity: 1;
    font-size: 14pt;
    color: rgb(0 0 0);
    padding: 15px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #fdc0ec;
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    font-size: 14pt;
    color: rgb(0 0 0);
    padding: 15px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #fdc0ec;
}

@media (min-width: 768px) {
    .md\:justify-center {
        justify-content: flex-start;
    }
}

.w-screen {
    width: 100%;
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 119 166);
    color: #ffffff;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .md\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        border-radius: 5px;
    }
}

.wrapper .content {
    min-height: calc(100vh - 255px);
}

.footer {
    background-color: #f6f6f6;
    margin-top: 3rem;
    padding-top: 1rem;
    padding-block-end: 1rem;
    border-top: 1px solid #ddd;
}