.store-view {
    padding: 15px 0px;
    background-color: var(--violet-lightest);
}

.store-view-details {
    padding: 24px 32px;
    border-radius: 12px;
}

.store-view-curosele img {
    height: 495px !important;
}

.store-view-address p {
    margin: 0px;
}

.store-view-timing p {
    margin: 0px;
}

.social-links i {
    color: var(--violet-darkest);
}

.store-view-address {
    padding: 16px;
}

.store-view-timing {
    padding: 16px;
}

.store-view-ratings {
    padding: 0px 30px;
}

.store-view-heading h3 {
    font-family: var(--font-semibold) !important;
    font-weight: 600 !important;
    font-size: var(--fs-lg) !important;
    color: var(--violet-heading) !important;
    margin-bottom: 15px !important;
}

.store-view-address button {
    all: unset;
    padding: 10px 20px;

    font-size: var(--fs-md);
    font-family: var(--font-bold);

    background-color: var(--violet-darkest);
    border: none;
    color: white;
    border-radius: 12px;
}
.store-view-address i {
    color: var(--violet-heading);
}

.store-view-timing h3 {
    font-size: var(--fs-nl);
}

.store-view-timing p {
    color: #4f4f4f;
}

.store-view-ratings .rating {
    background-color: #eff0ff;
    border-radius: 12px;
    padding: 16px 16px 0px 16px;
}

.follow-heading p {
    font-size: var(--fs-nl);
    color: var(--violet-heading);
}

.rating h1 {
    font-family: var(--font-semibold);
    font-weight: 600;
    font-size: 48px;
}

.rating h3 {
    color: #4f4f4f;
    font-size: var(--fs-sm);
}

.rating p {
    color: #4f4f4f;
}

.rating-text h3 {
    font-family: var(--font-semibold);
    font-weight: 600;
    font-size: var(--fs-nl);
    color: var(--violet-heading);
}

.rating-text a {
    color: #2198f7;
    font-size: var(--fs-sm);
}

.slick-slider {
    position: relative !important;
    padding-bottom: 20px !important;
}

.slick-dots li button::before {
    display: none !important; /* hide Slick’s default dot */
}

.slick-dots li button {
    background-color: #7e80b8 !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    border: none;
    margin: 0 5px;
    opacity: 1;
}

.slick-dots li.slick-active button {
    background-color: #3e4195 !important;
}

@media (max-width: 500px) {
    .store-view-ratings {
        padding: 0px 10px;
    }
    .store-view-details {
        padding: 0px;
        border-radius: 12px;
    }
}