/*==============>>>>>>>>>>>>>>   Новинки   */
.cardProdoBackground {background: var(--colorBackgroundBase);}

.cardProdoBoss a:nth-child(n+2) {
  margin: 0 0 0 20px;
}
.cardProdoBox {
  flex-direction: column;
  width: 285px;
  align-items: center;
  justify-content: space-between;
  box-shadow: 3px 3px 10px rgba(10,10,10,0.2), -3px -3px 10px rgba(10,10,10,0.2);
  transition: ease 0.5s;
}

.cardProdoBox:hover {
  background:#ddd;
  box-shadow: 3px 3px 10px rgba(10,10,10,0.4), -3px -3px 10px rgba(10,10,10,0.4); 
}

.cardProdoBoxTitle {
  width: 90%;
  height: 30px;
  margin-top: 5px;
  color: #111;
  font-size: 16px;
  align-items: center;
}

.cardProdoBoxSpan {
  width: 90%;
  height: 60px;
  margin-top: 5px;
  color: #111;
  font-size: 11px;
  text-indent: 5px;
  text-align: justify;
  align-items: center;
}

.cardProdoBox img {
  width: 100%;
  height: auto;
}

.cardProdoButtonBox{
  width: 90%;
  justify-content: flex-end;
  margin: 10px 0 10px 0;
}

.cardProdoButton {
  background: #EE9911;
  color: #fff;
  width: 130px;
  height: 35px;
  border-radius: 5px;
  transition: ease 0.4s;
}

.cardProdoButton:hover {
  background: #DD8811;
}


@media screen and (max-width: 1199px) { /* настройка под 800 */
  .cardProdoBoxTitle {
  font-size: 12px;}
  .cardProdoBoxSpan {
  font-size: 10px;}
}

@media screen and (max-width: 799px) { /* настройка под 414 */
  .cardProdoBoss {
    flex-wrap: wrap;}
  .cardProdoBoxTitle {
  font-size: 15px;}
  .cardProdoBoxSpan {
  font-size: 10px;}
  .cardProdoBox {
  width: 48%;}
  .cardProdoBoss a:nth-child(n+2) {
  margin: 0;}
  .cardProdoBoss a:nth-child(even) {
  margin: 0 0 0 2%;}
  .cardProdoBoss a:nth-child(n+3) {
  margin-top: 20px;}
}

@media screen and (max-width: 413px) { /* настройка под 375 */
    .cardProdoBox {
  width: 99%;}
  .cardProdoBoss a:nth-child(even) {
  margin: 0;}
  .cardProdoBoss a:nth-child(n+3) {
  margin-top: 0;}
    .cardProdoBoss a:nth-child(n+2) {
  margin-top: 20px;}
    .cardProdoBoxSpan {
  font-size: 12px;}
    .cardProdoBoxTitle {
  font-size: 16px;}
}

@media screen and (max-width: 374px) { /* настройка под 320 */
      .cardProdoBoxSpan {
  font-size: 10px;}
    .cardProdoBoxTitle {
  font-size: 14px;}
}