:root {
    --primary-color: #ededed;
    --secondry-color: #000;
    --login-btn: #3a455a;
}
html {
    background-color: var(--primary-color) !important;
}
html,
body {
    max-width: 100%;
}

body {
    background-color: var(--primary-color);
    /*margin-top: 8rem !important;*/
    box-sizing: border-box;
}

.shopImg {
    max-width: 98%;
    aspect-ratio: 3/1.9;
    object-fit: cover;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.btnLogin {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.storeLogo {
    color: var(--secondry-color);
}
.mostSaleProductCarousel .card {
    margin: 1rem 0.5rem 1rem 0.5rem !important;
}
.newBlogCarousel .card {
    margin: 1rem 0.5rem 1rem 0.5rem !important;
}
.storeTitle {
    color: var(--secondry-color);
}
.btnFollow {
    padding: 0.5rem 1rem;
    background-color: #f08a2c;
    color: white;
    width: 100%;
    border: none;
    border-radius: 0.5rem;
    margin-left: 0.5rem;
}
.btnFollow:hover {
    box-shadow: 0 4px 6px #0000004d;
}
.btnFollow:active {
    background-color: #df8027;
    box-shadow: 0 4px 6px #0000004d;
}
.btnUnFollow {
    padding: 0.5rem 1rem;
    background-color: var(--login-btn);
    box-shadow: 0 4px 6px #0000004d;
    color: white;
    /*width: 100%;*/
    border: none;
    border-radius: 0.5rem;
    margin-left: 0.5rem;
}
.btnUnFollow:hover {
    box-shadow: 0 4px 6px #0000004d;
}
.btnUnFollow:active {
    background-color: var(--login-btn);
    box-shadow: 0 4px 6px #0000004d;
}
.pStoreDis {
    text-align: justify;
    line-height: 2.2rem;
    font-size: 1rem;
    font-weight: 300;
    color: var(--secondry-color);
}

html.dirRtl .foroshgah-rtl {
    direction: rtl !important;
}

@media screen and (max-width: 768px) {
    .btnLogin.width{
        width: 100% !important;
        margin: 0 !important;
    }

    .w-md-100{
        width: 100% !important;
    }

    .container {
        padding-top: 1rem !important;
    }
}

.cardProductTitle{
    font-size: 15px;
}
.cardStoreTitle{
    font-size: 15px;
}

/*.carouselImg {*/
/*    aspect-ratio: 21/9 !important;*/
/*    max-height: 243px !important;*/
/*}*/

.fa-lg {
    font-size: .8rem;
    line-height: 1;
    vertical-align: -0.0667em;
}

.fa-2x {
    font-size: 1rem;
}

.shop-social {
    display: inline-flex;
    justify-content: flex-end;
    padding-top: 10px;
.mt-4;
}
.shop-toolbar {
    .row;
    .mb-3;
    .mt-1;
}
.shop-logo {
    .mt-2;
}
.shop-nav {
    z-index: 300;
}
.shop-details {
    min-width: 12.5rem;
    justify-self: center;
    padding: 1rem;
    background-color: white !important;
    border-radius: 1rem;
    border: none;
    box-shadow: 0;
    transition: box-shadow 0.2s ease-in;
    transform: scale(0.99);
    direction: ltr !important;
    width: 100%;
}
@media screen and (max-width: 480px) {
    .shop-details {
        height: 100px !important;
        padding: 0px !important;
    }

    .shop-social {
        display: inline-flex;
        justify-content: flex-end;
        padding-top: 0px;
    }

    .card-body {
        padding: 0px 0px !important;
    }

    .shop-logo {
        .mt-0;
    }

    .shop-toolbar {
        .row;
        .mb-1;
        .mt-1;
    }
    .card {
        padding: 0px 0px !important;
    }
}