.s-artn_pg-title{font-size: 24px;font-weight: 600;color: #4b4b4b;padding-bottom: 20px;}
.s-artn_pg-copyright{font-size: 12px;color: #cacaca;text-align: center;padding-top: 30px;}
.s-artn_pg-body{width: 100%;display: flex;gap: 30px;}
.s-artn_pg-left{width:270px;}
.s-artn_pg-right{width:calc(100% - 270px);}
.s-artn_pg-result{display: flex;flex-wrap: wrap;border-right: solid #e7e7e7 1px;border-bottom: solid #e7e7e7 1px;}
.s-artn_pg-result.waiting_response{opacity: 0.4;background: #f9f9f9;}
.s-artn_pg-result-item{padding:30px;flex-basis:33.333%;width: 33%;border-left: solid #e7e7e7 1px;border-top: solid #e7e7e7 1px;transition:0.3s;}
.s-artn_pg-result-item:hover{box-shadow: 0px 0px 10px #0000002e;}
.s-artn_pg-item_a{display:block;width:100%;height:100%;position:relative;}
.s-artn_pg-image{padding-bottom: 20px;width:100%;height:250px;}
.s-artn_pg-image img{width:100%;height:100%;object-fit:contain;}
.s-artn_pg-text{font-weight: bold;color: #363636;font-size: 14px;line-height: 18px;min-height: 36px;}
.s-artn_pg-id{font-size: 13px;color: #787878;}
.s-artn_pg-price_block{display:flex;gap:20px;width:100%;padding-top: 12px;}
.s-artn_pg-price{width: 50%;font-weight: bold;color: #454545;font-size: 18px;line-height: 35px;}
.s-artn_pg-price-current{}
.s-artn_pg-price-old{font-size: 14px;line-height: 14px;color: #9a9a9a;text-decoration: line-through;margin-top: -5px;}
.s-artn_pg-stickers{position: absolute;top: 0;left: 0;display: flex;}
.s-artn_pg-sticker{background: #ffc107;padding: 0px 5px;display: inline-block;width: max-content;font-size: 12px;color: #000;line-height: 18px;margin-bottom: 2px;margin-right: 5px;border-radius: 4px;}
.s-artn_pg-btn{background: #3d4bc7;color: #ffffff;font-size: 12px;font-weight:400;height: 35px;line-height: 35px;width: 50%;text-align: center;}
.s-artn_pg-btn:hover{background: #3d4bc7;color: #ffffff;box-shadow: 0px 0px 10px #0000002e;}

/* list */
.s-artn_pg-result.s-artn_pg-list{flex-direction:column;}
.s-artn_pg-list .s-artn_pg-result-item{width:100%;}
.s-artn_pg-list .s-artn_pg-image{position: absolute;top: 0px;left: 0px;width: 60px;height: 60px;padding-bottom: 0px;}
.s-artn_pg-list .s-artn_pg-item_a {padding-left: 80px;display: flex;justify-content: space-between;text-decoration: none;}
.s-artn_pg-list .s-artn_pg-btn {width: max-content;padding: 0px 20px;}
.s-artn_pg-list .s-artn_pg-price_block {width: max-content;}
.s-artn_pg-list .s-artn_pg-text {min-height: auto;}




.s-artn_pg-pgnt{display: flex;gap: 40px;text-align: center;width: max-content;margin: 0 auto;padding-top: 40px;}
.s-artn_pg-pgnt_item {font-weight: bold;cursor: pointer;line-height: 30px;}
.s-artn_pg-pgnt_item_active{margin-left: -15px;margin-right: -15px;background: #3d4bc7;color: #ffffff;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 100%;}

.s-artn_pg-filter{border-left: solid #e7e7e7 1px;border-top: solid #e7e7e7 1px;border-right: solid #e7e7e7 1px;}
.s-artn_pg-filter_group{border-bottom: solid #e7e7e7 1px;padding: 20px;}
.s-artn_pg-filter_group_name{font-size: 14px;font-weight: 600;}
.s-artn_pg-options_area{padding-top:10px;overflow-y: auto;max-height: 270px;}

.s-artn_pg-options_area::-webkit-scrollbar {width: 2px;height: 10px;}
.s-artn_pg-options_area::-webkit-scrollbar-thumb {background-color: #3d4bc7; border-radius: 4px; }
.s-artn_pg-options_area::-webkit-scrollbar-track {background-color: #fff; }

.s-artn_pg-prices_area{padding-top: 10px;display: flex;gap: 20px;width: 100%;}
.s-artn_pg-filter_prices_input{outline: none;width: 49%;line-height: 20px;padding: 5px;font-size: 13px;color: #7f7f7f;border: solid #e3e3e3 1px;}

.s-artn_pg-filter_option{position:relative;padding-bottom: 10px;cursor:pointer;}
.s-artn_pg-filter_option:before{content: "";position: absolute;top: 14px;border-bottom: dashed #d7d7d7 1px;left: 40px;right: 38px;}
.s-artn_pg-filter_option_name{padding-left: 28px;line-height: 20px;font-size: 13px;padding-right: 5px;position: relative;width: max-content;max-width: calc(100% - 30px);background: #fff;}
.s-artn_pg-filter_option_count{position: absolute;top: 0px;right: 0px;font-size: 13px;line-height: 20px;width: 33px;text-align: left;}
.s-artn_pg-filter_option_check{position: absolute;top: 0px;left: 0px;height: 20px;width: 20px;border: solid #d5d5d5 1px;background: #f6f6f6;}
.s-artn_pg-filter_option_check.active{background: #3d4bc7;}
.s-artn_pg-filter_option_check.active:before{content: " ";position: absolute;width: 11px;height: 6px;border-bottom: solid #ffffff 3px;border-left: solid #ffffff 3px;transform: rotate(-45deg);top: 4px;left: 4px;}
.s-artn_pg-filter_option:hover .s-artn_pg-filter_option_check{background: #3d4bc7;}
.s-artn_pg-filter_option:hover .s-artn_pg-filter_option_name{color:#000;}

@media (max-width: 1199px) {
    .s-artn_pg-result-item {flex-basis: 50%;width: 50%;}
}
@media (max-width: 992px) {
    .s-artn_pg-body {flex-direction: column;}
    .s-artn_pg-left,.s-artn_pg-right {width: 100%;}
    .s-artn_pg-filter_group {padding: 10px;}
    .s-artn_pg-filter{display:none;}
    .s-artn_pg-stickers {top: -17px;left: -17px;right: -17px;}
    .s-artn_pg-sticker {font-size: 9px; }
}
@media (max-width: 576px) {
    .s-artn_pg-result-item {padding: 20px;}
    .s-artn_pg-text{font-size: 12px;line-height: 16px;min-height: 36px;padding-bottom:10px;}
    .s-artn_pg-id {font-size: 11px;margin-top: -5px;line-height: 18px;}
    .s-artn_pg-price_block {flex-direction: column;gap: 10px;padding-top: 10px;}
    .s-artn_pg-btn {height: 30px;line-height: 30px;width: 100%;}
    .s-artn_pg-price {width: 100%;line-height: 30px;}
    .s-artn_pg-image {height: 150px;}
    .s-artn_pg-name{}
}




















.s-aritin-overflow_hidden{
    overflow:hidden;
}


.s-aritin-area {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 999999999999;
}

/* Основной фон затемнения */
.aritin-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 50;
    background: #0000009c;
    backdrop-filter: blur(10px);
}

/* Видимый блок */
.s-aritin {
    position: relative;
    z-index: 210;
    border: 1px solid #3a3a3a;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    top: 10%;
    width: 95%;
    max-width: 900px;
    margin: 0 auto;
    height: 80%;
    max-height: 700px;
    overflow: hidden;
}
.s-aritin-copyright{
    font-size: 12px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -30px;
    width: 100%;
    text-align: center;
    color: #a9a9a9;
}


.s-input-div-aritin {
    align-items: center;
    justify-content: center;
    display: flex;
    box-shadow: 1px 1px 10px #00000024;
    height: 52px;
    padding-right: 52px;
    position:relative;
}
.s-input-div-aritin input {
    padding: 0 15px 0 15px;
    height: 52px;
    line-height: 52px;
    width: 100%;
    border: 0px;
    background: #fff;
    outline: none;
}

.s-aritin-btn_input{position: absolute;top: 20px;right: 60px;line-height: 14px;height: 14px;font-size: 13px;padding: 0px;border-bottom: dashed #adadad 1px;cursor: pointer;}
.s-aritin-btn_input:hover{color: #000;transition:0.3s}
.s-aritin-close_popup{font-family: serif;position: absolute;top: 0px;right: 0px;font-size: 60px;color: #ababab;font-weight: 300;transform: rotate(45deg);height: 52px;width: 52px;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: 0.3s;}
.s-aritin-close_popup:hover{color: #000;transform: rotate(-45deg);transition: 0.3s;}




.s-result-aritin {
    padding: 20px 0 0 20px;
    position: relative;
    height: calc(100% - 52px);
}
.s-result-aritin.waiting_response{
    opacity: 0.4;
    background: #f9f9f9;

}
.s-result-aritin-message{
    color: #686868;
    font-size: 18px;
    padding-right: 20px;
    text-align: center;
}
.s-aritin-top {
    display: flex;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: solid #f1f1f1 1px;
    width:100%;
        margin-left: -20px;
    padding-left: 20px;
        width: calc(100% + 20px);
      height: 50px;
}
.s-result-aritin-top {
  background-color: #eceff2;
  color: #13181e;
  cursor: pointer;
  border-radius: 24px;
  height: 30px;
  padding: 6px 13px;
  align-items: center;
  display: flex;
  font-size: 13px;

}
.s-aritin-main {
  display: flex;
      gap: 30px;
          height: calc(100% - 50px);
width:100%;

}
.s-aritin-left {
    width: 280px;
    max-height: 100%;
    text-align: left;
    padding-top: 20px;
    position: relative;
    overflow-y: auto;
    padding-bottom: 30px;
}
.s-categories{
    padding-right: 10px;
}

/*
.s-aritin-left::after {
  content: "";
  border-right: 1px solid #c8c8c8;
  position: absolute;
  top: 10px;
  right: 5px;
  bottom: 10px;
}
*/
.s-aritin-right {
  width: calc(100% - 280px);
  text-align: left;
  max-height: 100%;
  overflow-y: scroll;
  padding-bottom: 30px;
}


.s-result-aritin-image {width: 70px;text-align: right;}
.s-result-aritin-stickers{padding-bottom: 2px;}
.s-result-aritin-sticker{display: inline-block;font-size: 12px;background: #ffc107;padding: 0px 5px;line-height: 17px;margin-right: 10px;border-radius: 5px;}
.s-result-aritin-name {width: calc(100% - 185px);}
.s-result-aritin-name-text{font-size: 14px;line-height: 18px;padding-bottom: 4px;color: #000000;}
.s-result-aritin-id{font-size: 12px;color: #adadad;line-height: 14px;}
.s-result-aritin-price {width: 90px;}
.s-result-aritin-price-old{color: #a9a9a9;font-size: 13px;line-height: 13px;padding-left: 5px;text-decoration: line-through;}
.s-result-aritin-price-current{}
.s-result-aritin-image img {width: 60px;max-height: 60px;object-fit: contain;}
.s-result-aritin-url {display: flex;gap: 20px;align-items: center;width: 100%;color: #000;text-decoration: none;}
.s-aritin-result-item {padding: 15px 8px;min-height: 90px;display: flex;align-items: center;cursor: pointer;}

.s-aritin-result-item:hover {
  background-color: #f2f2f2;
}

.s-aritin-left::-webkit-scrollbar,.s-aritin-right::-webkit-scrollbar {width: 2px;height: 10px;}
.s-aritin-left::-webkit-scrollbar-thumb,.s-aritin-right::-webkit-scrollbar-thumb {background-color: #3d4bc7; border-radius: 4px; }
.s-aritin-left::-webkit-scrollbar-track,.s-aritin-right::-webkit-scrollbar-track {background-color: #fff; }

.s-result-btn_area{padding-right: 80px;padding-top: 20px;}
.s-result-aritin-btn_more{background: #3d4bc7;padding: 5px 20px;color: #ffffff;font-size: 13px;display: block;margin-top: 20px;width: max-content;text-transform: uppercase;margin: 0 auto;}
.s-result-aritin-btn_more:hover{box-shadow: 0px 0px 10px #0000003d;background: #3d4bc7;color: #ffffff;}

.s-category-padding{padding-bottom: 30px;}
.s-category-item{position: relative;padding: 5px 50px 5px 50px;display: block;min-height: 30px;cursor:pointer;}
.s-category-item:hover{background: #eeeeee;transition: 0.3s;}
.s-category-image{position: absolute;left: 5px;height: 30px;width: 30px;top:5px;object-fit: contain;}
.s-category-name{color: #000;display: flex;align-items: center;justify-content: start;line-height: 18px;font-size: 14px;min-height: 30px;}
.s-category-description{position: absolute;right: 5px;font-size: 14px;top: 8px;color: #000;}

.s-brands{}
.s-brand{background: #ececec;padding: 2px 10px;margin-bottom: 10px;border-radius: 5px;font-size: 14px;color: #353535;display: inline-block;margin-right: 10px;cursor: pointer;}




@media (max-width: 768px) {
    .s-aritin-copyright {display:none}
    .s-aritin-top {display:none}
    .s-aritin {top: 5%; height:90%;}
    .s-aritin-main {display: block;height: 100%;}
    .s-brands{display:none;}
    .s-aritin-left {width: 100%;padding-top: 0px;overflow-y: unset;border-bottom: solid #efefef 1px;padding-bottom: 0px;height: 46px;}
    .s-result-aritin {padding-left: 0px;padding-top: 15px;}
    .s-categories{display: flex;gap: 30px;padding-left: 20px;overflow-x: auto;padding-bottom: 15px;}
    .s-category-item {height: 30px;width: max-content;padding: 0px;line-height:30px;display: flex;gap: 10px;}
    .s-category-image {position: relative;top: 0px;left: 0px;}
    .s-category-name {display: block;width: max-content;line-height: 30px;height: 30px;min-width: max-content;padding-right: 10px;}
    .s-category-description {display:none;}
    .s-aritin-right {width: 100%;padding-top: 10px;height: calc(100% - 46px);padding-left: 20px;}
    .s-result-btn_area{padding-right:0px;}
}
@media (max-width: 576px) {
    .s-aritin {top: 10px;width: 95%;height: 95%;}
    .s-aritin-right {padding-left: 10px;}
    .s-aritin-result-item {padding: 15px 0px;min-height: 40px;padding-left: 10px;}
    .s-result-aritin-image {width: 40px;}
    .s-result-aritin-image img {width: 40px;height: 40px;}
    .s-result-aritin-price {width: 80px;}
    .s-result-aritin-name {width: calc(100% - 165px);}
    .s-result-aritin-btn_more {margin-left: calc(50% - 96px);}
}