/* --------форма добавления фотографий товара------- */
input[type="file" i], #image-list .img-controls, #image-list .inner input, #image-list .img-controls .edt { cursor: pointer!important; }
#image-list { width: 100%; position: relative; margin-top: 10px }
#image-list .belt { display: flex; flex-direction: column; gap: 1em; }
#image-list .panel { margin: 0; overflow: hidden; }
#image-list .inner { position: relative; overflow: hidden; padding:0; }

#image-list .img-controls { position: absolute; top:.5em; right:.5em; display:flex; gap:.5em; }
#image-list .img-controls > div { width: 16px; height: 16px; cursor: pointer; top: 4px; overflow: hidden }
#image-list .img-controls .edt { background: transparent url(/.s/img/icon/edt.png) no-repeat 0 0 }
#image-list .img-controls .del { background: transparent url(/.s/img/icon/del.png) no-repeat 0 0 }
#image-list .img-controls .at-edit { background: transparent url(/.s/img/icon/sg.png) no-repeat 0 0 }

#image-list .inner input { opacity: 0; cursor: pointer; max-width: 100%; box-sizing: border-box; max-height: 100%; }

#image-list #gimage-add.wait { background: url('/.s/img/wait.svg') no-repeat center center; }
#image-list #gimage-add.wait p { display: none; }
#image-list #gimage-add .inner { border: #999 2px dashed; text-align:center; height:3.5rem; background: #9992; display: flex; align-items: center; justify-content: center; }
#image-list #gimage-add .inner p { line-height:1.5em; }
#image-list #gimage-add .add-image-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
#image-list #gimage-add .add-image-label input { width: 100%; height: 0; padding: 0; margin:0; min-height:unset; }
#image-list #gimage-add .add-image-label span#add_img { height: inherit; display: block; }


/*#image-list #gimage-wrap input {}*/
.sel-gimage img { border:2px solid blue; box-sizing:border-box; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper { position: absolute; bottom:0; top:auto; left:0; right:0; width:auto; display:flex; flex-direction:column; gap:.5em; box-sizing:border-box; height:4.5em; transition:height .5s ease-in-out; overflow:hidden; margin:0 .5em .5em; cursor:initial; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper.u-hidden { height:0; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper input { width:100%; position:unset; box-sizing:border-box; cursor:initial; opacity:1; height:2em; font-size:inherit; padding:0 .5em; line-height:2em; margin:0; min-height:unset; background:#fffc; background:#8888; }
.sel-gimage img {
 border: 2px solid #ff7936;
 box-sizing: border-box;
}




#image-list img {
 min-width: auto!important;
 min-height: auto!important;
}

#image-list img {
 width: 100%;
 height: 180px;
 object-fit: cover;
 border-radius: 5px;
}

#gimage-wrap {
 display: flex;
 gap: 20px;
}

#gimage-wrap .panel {
 flex: 1 1 calc((100% - 60px) / 4);
}

#image-list #gimage-wrap .inner div.image-alt-title-wrapper input {
 background: #000000b3;
 color: #fff;
 border-radius: 5px;
 border: 1px solid #797979;
}

#image-list #gimage-add .inner p {
 color: #000;
 font-weight: 500;
}
#gimage-wrap {
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
}

#gimage-wrap .panel {
 flex: 0 0 calc((100% - 100px) / 6);
}

@media (max-width: 768px) {
 #gimage-wrap .panel {
 flex: 0 0 100%;
 }
}

#image-list #gimage-wrap .inner div.image-alt-title-wrapper {
 bottom: 5px;}


#image-list #gimage-add .inner {
 border-radius: 5px;
}
/* ---------------------- */

/* Оранжевая рамка вокруг карточки в каталоге */
.g-img img {
 transition: box-shadow 0.3s ease;
 box-shadow: 0 0 0 0 transparent;
}

.g-img img:hover {
 box-shadow: 0 0 2px 1px #ff7936;
}
/* ---------------------- */