[id ^= sandbox_theme_panel] {
  width: 120px !important;
  font-size: 12px !important;
  right: 0;
  top: auto !important;
  bottom: 0; }

.shop-coupon .coupon-btn {
  position: relative;
  line-height: 1;
  border: none;
  color: #fff;
  background-color: #caa36e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #c79e69), color-stop(100%, #cda874));
  background-image: -o-linear-gradient(bottom, #c79e69 0%, #cda874 100%);
  background-image: -moz-linear-gradient(bottom, #c79e69 0%, #cda874 100%);
  background-image: -webkit-linear-gradient(bottom, #c79e69 0%, #cda874 100%);
  background-image: -ms-linear-gradient(bottom, #c79e69 0%, #cda874 100%);
  background-image: linear-gradient(to top, #c79e69 0%, #cda874 100%);
  -pie-background: linear-gradient(to top, #c79e69 0%, #cda874 100%); }
  .shop-coupon .coupon-btn:hover {
    background-color: #b98d51;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #b5874d), color-stop(100%, #bc9355));
    background-image: -o-linear-gradient(bottom, #b5874d 0%, #bc9355 100%);
    background-image: -moz-linear-gradient(bottom, #b5874d 0%, #bc9355 100%);
    background-image: -webkit-linear-gradient(bottom, #b5874d 0%, #bc9355 100%);
    background-image: -ms-linear-gradient(bottom, #b5874d 0%, #bc9355 100%);
    background-image: linear-gradient(to top, #b5874d 0%, #bc9355 100%);
    -pie-background: linear-gradient(to top, #b5874d 0%, #bc9355 100%); }
  .shop-coupon .coupon-btn:active {
    background-color: #caa36e;
    -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #cda874), color-stop(11.1111111111%, 0%), color-stop(22.2222222222%, #c79e69), color-stop(33.3333333333%, 100%));
    background-image: -o-linear-gradient(bottom, #cda874, 0%, #c79e69, 100%);
    background-image: -moz-linear-gradient(bottom, #cda874, 0%, #c79e69, 100%);
    background-image: -webkit-linear-gradient(bottom, #cda874, 0%, #c79e69, 100%);
    background-image: -ms-linear-gradient(bottom, #cda874, 0%, #c79e69, 100%);
    background-image: linear-gradient(to top, #cda874, 0%, #c79e69, 100%);
    -pie-background: linear-gradient(to top, #cda874, 0%, #c79e69, 100%); }

.block-folders {
  padding: 0 0 10px;
  margin: 0 -10px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }

.block-folders li {
  line-height: normal;
  width: 25%;
  padding: 0 10px 20px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.block-folders li a {
  display: block;
  color: #000;
  text-decoration: none;
  word-break: break-word;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 14px;
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  font-size: 14px;
  transition: color 0.2s ease; }

.block-folders li a:hover {
  color: #caa36e; }

.block-folders li a .img-folder {
  display: block;
  margin: 0 0 10px;
  position: relative;
  height: 0;
  padding-top: 100%; }
  .block-folders li a .img-folder span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center; }

.block-folders li a .img-folder img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  transform: translate3d(0, 0, 0); }
  .block-folders li a .img-folder img.no-img {
    background: url(/g/shop2v2/default/images/noimage.png) 50% 50% no-repeat; }

@media (max-width: 1100px) and (min-width: 901px) {
  .block-folders li {
    width: 33.33%; } }

@media (max-width: 900px) and (min-width: 640px) {
  .site-main > .site-main-inner {
    padding-left: 0 !important; } }

@media (max-width: 767px) {
  .block-folders li {
    width: 33.33%; } }

@media (max-width: 640px) {
  .block-folders {
    margin: 0 -5px; }
    .block-folders li {
      padding: 0 5px 10px; } }

@media (max-width: 540px) {
  .block-folders li {
    width: 50%; }
    .block-folders li a {
      padding: 10px; } }

@media (max-width: 359px) {
  .block-folders li a {
    font-size: 13px;
    padding: 5px; } }

.site-path {
  white-space: unset; }