/**
   Файл:    <шаблон>/css/goods/goods.css
   Раздел:  Общие стили страниц ритуальных товаров
   Автор:   BVP
 */

/*  Список категорий или товаров */
.acc-list {
    padding: 0 0 3%;
}

/*  Список ссылок на категории товаров */
.acc-cats {
    padding:    0 0 3%;
    text-align: center;
}
.acc-cats .bvp-container {
    margin: 0 auto;
}
.acc-cat-link {
    display: inline-block;
    padding: 0 2% 2%;
}
.acc-cat-link.acc-cat-current {
    font-weight: bold;
}

/*  Список товаров - без SigPlus */
.acc-product {
    float:   left;
    width:   50%;
    padding: 0 1% 6%;
}
.accp-3 {
    width: 33.3333%;
}
.acc-product img {
    width:   100%;
    padding: 0 8%;
}
.acc-product .accp-name {
    padding:    5% 0 0;
    text-align: center;
    font-size:  1.05em;
}
.acc-product .accp-cost {
    padding:    2% 0;
    text-align: center;
    font-size:  1.2em;
}
 
/*  Список товаров - c SigPlus */
.acc-goods .sigplus-gallery li {
    width:  50%;
    margin: 0;
}
.acc-goods .captionplus {
    padding: 0 2% 12%;
}
.accp-3 {
    width: 33.3333%;
}
.acc-goods .captionplus img {
    width:   100%;
    padding: 0 2% !important;
}
.acc-goods .captionplus-outside {
    padding:    5% 0 0;
    text-align: center;
    font-size:  1.05em;
}
.acc-product .accp-cost {
    padding:    2% 0;
    text-align: center;
    font-size:  1.2em;
}
 
@media only screen and (max-width : 850px) 
{
    .acc-product .accp-name,
    .acc-goods .captionplus-outside {
        font-size:  1.025em;
    }
}

@media only screen and (max-width : 700px) 
{
    .acc-product .accp-name,
    .acc-goods .captionplus-outside {
        font-size:  1.012em;
    }
    .acc-product img {
        padding: 0 6%;
    }
    .acc-goods .captionplus img {
        padding: 0 1%;
    }
}

@media only screen and (max-width : 550px) 
{
    .acc-product .accp-name,
    .acc-goods .captionplus-outside {
        font-size:  1em;
    }
    .acc-product img {
        padding: 0 4%;
    }
    .acc-goods .captionplus img {
        padding: 0 .5%;
    }
}

@media only screen and (max-width : 450px) 
{
    .acc-product img {
        padding: 0 2%;
    }
}

@media only screen and (max-width : 400px) 
{
    .acc-product img {
        padding: 0 1%;
    }
    .acc-product,
    .acc-goods .sigplus-gallery li {
        width: 100%;
    }
}