@charset "utf-8"; /* c-goods ------------------------------------------------------------------- */ .c-goods__item { background: #FFF; border: 1px solid #dadada; margin-bottom: 20px; padding: 3px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; height: fit-content; -o-transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .c-carousel .c-goods__item:hover, .c-goods__item:hover { -webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 0 0 20px rgba(0, 0, 0, .2); box-shadow: 0 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 0 0 20px rgba(0, 0, 0, .2); } .c-goods__left { /*margin-top:30px;*/ /* padding: 10px; */ /* -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .1); box-shadow: 0 4px 16px rgba(0, 0, 0, .1); */ } .c-goods__right { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .c-goods__right > * { /*margin-top: 10px;*/ } @media (max-width: 767px) { .c-goods__right > * { margin-top: 10px; } .c-goods__right > *:first-child { margin-top: 0; } } .c-goods__img { position: relative; display: block; height: 200px; } .c-goods__img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .c-goods__title { font-size: 0.8rem; font-weight: 600; line-height: 1.2; margin-bottom: 3px; text-align: center; } @media (max-width: 767px) { .c-goods__title { font-size: 16px; } } .c-goods__title:hover { color: var(--secondary-color); } .c-goods__price { font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } @media (max-width: 767px) { .c-goods__price { flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } } .c-goods__price--old { font-size: .8rem; margin-right: 10px; color: #999; } @media (max-width: 767px) { .c-goods__price--old { font-size: 12px; margin-right: 0; margin-bottom: 4px; } } .c-goods__price--current { font-size: .8rem; font-weight: 600; color: #ff9900; letter-spacing: .5px; } @media (max-width: 1024px) { .c-goods__price--current { font-size: 18px; } } @media (max-width: 767px) { .c-goods__price--current { font-size: 16px; } } .c-goods__footer { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .c-goods__list .c-goods__footer { opacity: 1; } @media (min-width: 1289px) { .c-goods--grid .c-goods__footer { opacity: 1; } } .c-goods__item:hover .c-goods__footer { opacity: 1; visibility: visible; -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .c-goods__description:not(.c-goods--list .uk-container .c-goods__trigger .c-goods__item .c-goods__right .c-goods__description) { display: none; } .c-goods__description { font-size: .8rem; margin-bottom: 3px; text-align: center; } .c-goods__trigger { margin-top: 10px; padding: 10px; } .c-goods--list .c-goods__trigger { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 1440px) { .c-goods--list .c-goods__trigger { max-width: 50%; } .c-goods--list .c-goods__item { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .c-goods--list .c-goods__img { width: 200px; } .c-goods--list .c-goods__right { width: 100%; padding: 16px 16px 16px 26px; } .c-goods--list .c-goods__price { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .c-goods--list .c-goods__title { margin-top: 0; text-align: left; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .c-goods--list .c-goods__description { display: block; text-align: left; } .c-goods--list .c-goods__buttons a { max-width: 48%; } } @media (max-width: 1300px) { .c-goods--list .c-goods__trigger { max-width: 49%; margin: 10px auto 0; } } @media (max-width: 600px) { .c-goods--list .c-goods__trigger { max-width: 100%; margin: 0 auto; } } @media (max-width: 398px) { .c-goods__description { display: none; } } @media (min-width: 1025px) { .l-body__index .c-goods .min-1025--4 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .l-body__index .c-goods--list .c-goods__trigger { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } /* c-ribbon ------------------------------------------------------------------- */ .c-ribbon { position: absolute; z-index: 1; top: 14px; right: 0; bottom: 0; left: 0; margin: 0; height: 1px; } .c-ribbon__new, .c-ribbon__hit, .c-ribbon__sale { border-radius: 3px; font-size: .8rem; font-weight: 700; position: absolute; width: 40px; text-align: center; text-transform: uppercase; color: #fff; } .c-ribbon__new { right: 1px; background: #2ecc71; } .c-ribbon__hit { left: 1px; background: #03A9F4; } .c-ribbon__sale { background: #FF4747; margin: auto; left: 0; right: 0; } .c-goods__item.product-wrapper form.property-form { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .c-goods__item.product-wrapper form.property-form .c-form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-goods__item.product-wrapper form.property-form .buy-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-goods__item.grid .c-goods__img { display: flex; align-items: center; justify-content: center; height: 100%; } .icon { color: var(--main-color); font-size: 1.8rem; margin: 2px; } .icon:hover { color: var(--secondary-color); } .product-info:hover { text-decoration: underline; } .button-more { background: #fcfcfc; border: 1px solid #d3d3d3; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); color: #000; cursor: pointer; display: inline-block; font-size: .7rem; outline: none; padding: 3px 10px 0; text-align: center; text-decoration: none; text-shadow: 1px 1px #fff; text-transform: uppercase; width: 100%; max-width: 130px; } .button-more:hover { background: #f2f2ff; } .button-more:active { border: 1px solid #b8b8b8; box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.3); } .c-buy__buttons { margin-top: 1px; }