@keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -ms-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -ms-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } html, body { width: 100%; margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Tahoma, Verdana, sans-serif; font-size: 13px; background: #fff; } .locked { overflow: hidden !important; } p { font-size: 1rem; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; } a { border: none; outline: none; color: #1391C7; } img { border: 0; } input[type="radio"], input[type="checkbox"] { vertical-align: middle; margin: 0 5px 0 0; } input[type=text], input[type=password] { border-radius: 3px; border: 1px solid #CCCCCC; padding: 0 10px; height: 32px; line-height: 1.4rem; box-sizing: border-box; } input[type=text], input[type=password], textarea, select { outline: none; border: 1px solid #999; margin: 0; font-size: 1rem; font-family: Tahoma, Verdana, sans-serif; } select { padding: 4px 5px; border-radius: 3px; } .product-table-wrapper .product-meta-field { margin: 0 !important; } input[type="submit"], button[type="submit"] { cursor: pointer; outline: none; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; } .wrapper { display: ruby; } .text-center { text-align: center; } .fl-right { float: right; } .fl-left { float: left; } body.grey-bg .center-inner.inner-page { background: none; } body.grey-bg .pr-recent-products h2 span, body.grey-bg .m-p-products h2 a, body.grey-bg { background: #F1F1F1; } .container { width: 100%; margin: 10px auto 0; min-height: 100%; } .content { margin-top: 0; padding: 0 0 20px; } .section-white { background: rgba(255, 255, 255, 0.3); width: 100%; } .section-black { background: rgba(51, 51, 51, 0.7); width: 100%; } .top-auth-block { position: absolute; float: right; right: 10px; } .top-bar { background: linear-gradient(to bottom, var(--main-color), var(--secondary-color)); box-shadow: 0 0 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1); padding: 2px; position: relative; z-index: 99; } .centered { margin: 0 auto; } .top-contacts-list { float: left; margin: 8px 0 0 0; } .top-contacts-list li { float: left; font-size: 12px; } .auth { display: flex; align-items: center; font-size: 12px; color: #fff; margin: 8px 0; } .header-left { float: left; } .logo-block { float: left; } .logo-block a { display: block; line-height: 0; } .logo-block span { display: block; margin: 5px 0 0 0; } .header { border-bottom: 1px solid #DFDCDC; background: #FBFBFB; width: 100%; } .header .bottom-bar { max-height: 110px; background-image: url('../images/top_bg.jpg'); background-repeat: no-repeat; /* Отключение повторения */ } .wrapper .pr-search-block { position: relative; box-shadow: 0 3px 0 var(--secondary-color); border-radius: 5px; float: none; top: 0; margin: 0 0 15px 0; padding: 8px 90px 8px 8px; background: var(--main-color); background: linear-gradient(to bottom, var(--main-color), var(--secondary-color)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd0000', endColorstr='#d50101', GradientType=0); } .wrapper .pr-search-block .search-form { margin: 0; } .wrapper .left-block + .right-block { border-radius: 5px; margin: 0 0 0 270px; } .wrapper .left-block + .right-block.index-page { overflow: hidden; /*padding: 0 15px;*/ } .wrapper .center-inner { margin: 15px 0; clear: both; } .wrapper .pr-search-block .search-button { border: 1px solid #FFF; border-radius: 5px; font-size: 0.6rem; position: absolute; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px #000; top: 3px; width: auto; float: right; } .wrapper .pr-search-block .search-button:hover { background: #F0F8FF; color: #F96; } .wrapper .pr-search-block .search-field { width: 100%; vertical-align: top; box-sizing: border-box; height: 30px; line-height: 28px; padding: 0 10px; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5); border: none; } .top-menu-list { margin: 0; padding: 0; float: left; list-style: none; } .prop-val { word-break: break-all; } .prop-position { margin: 5px 0; } .header .pr-contacts-block .place, .header .pr-contacts-block .phone, .header .pr-contacts-block .email, .header .pr-contacts-block .address { /*display: inline-block;*/ vertical-align: top; width: 200px; margin-bottom: 10px; padding: 5px; text-align: left; } .header .pr-contacts-block .address.with-back-ring { margin: 0 0 20px 0; } .header .pr-contacts-block .phone, .header .pr-contacts-block .email, .header .pr-contacts-block .place, .header .pr-contacts-block .address { margin: 0; } .header .pr-contacts-block span { display: block; margin: 0 0 5px 0; color: #878787; font-size: .9rem; line-height: 11px; text-transform: uppercase; } .header .pr-contacts-block .bold { color: #069; font-size: .8rem; letter-spacing: 0.5px; line-height: 18px; font-weight: bold; } .header .pr-contacts-block { float: left; margin: 0; overflow: hidden; } .header .pr-contacts-block.mobile { display: none; } .top-menu-list > li { float: left; position: relative; margin: 0 20px 0 0; } .top-menu-list > li.active > a { color: #FF0; } .top-menu-list li a { padding: 10px 0; } .auth a, .top-menu-list > li > a { display: inline-block; font-size: 1rem; line-height: 12px; color: #FFF; text-shadow: 0 1px #000; } .auth a { font-weight: bold; text-decoration: none; } .auth a:hover { text-decoration: underline; } .top-menu-list li a:hover { text-decoration: none; } .top-menu-list li .sub_menu > li { float: none; position: relative; } .top-menu-list > li:hover > .sub_menu, .sub_menu > li:hover > .sub_menu { display: block; } .top-menu-list li .sub_menu { display: none; list-style: none; margin: 0; position: absolute; left: 0; top: 100%; z-index: 99; background: #fff; min-width: 150px; border-radius: 3px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46); padding: 4px 0; } .top-menu-list li .sub_menu li .sub_menu { left: 100%; top: 0; z-index: 99; background: #fff; min-width: 150px; border-radius: 5px; display: none; } .top-menu-list li .sub_menu li:hover > .sub_menu { display: block; } .top-menu-list li .sub_menu > li > a { font-size: 12px; display: block; font-weight: normal; color: #000; text-decoration: none; white-space: nowrap; padding: 5px 10px; } .top-menu-list li .sub_menu > li:hover > a { text-decoration: none; background: #F2F2F2; } .header .pr-desktop-cart .small-cart { width: 300px; padding: 10px; border-radius: 3px; position: absolute; background-color: #fff; right: -1px; top: 100%; z-index: 1; border: none; display: none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46); } .header .pr-desktop-cart .small-cart.show { display: block; animation: fadeInUp .2s ease-in-out; -webkit-animation: fadeInUp .2s ease-in-out; -moz-animation: fadeInUp .2s ease-in-out; } .pr-desktop-cart .small-cart .title { font-weight: bold; font-size: 14px; color: #000; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; } .pr-desktop-cart .small-cart-list { margin: 0; padding: 0; list-style: none; } .pr-desktop-cart .small-cart-list li a { color: #000; font-size: 12px; text-decoration: none; } .pr-desktop-cart .small-cart-list li a:hover { text-decoration: underline; } .pr-desktop-cart .small-cart-list .property { color: #000; font-size: 10px; text-decoration: none; text-align: left; line-height: 9px; display: block } .pr-desktop-cart .qty { color: #A4A3A3; font-size: 12px; margin: 5px 0 0 0; } .pr-desktop-cart .qty span, .pr-desktop-cart .total-sum span { color: #E60D15; font-weight: bold; } .pr-desktop-cart .small-cart-img a { display: block; width: 50px; } .pr-desktop-cart .small-cart-img a img { width: 100%; } .pr-desktop-cart .small-cart-table tr td { vertical-align: top; } .pr-desktop-cart .small-cart-table .small-cart-remove { vertical-align: middle; } .pr-desktop-cart .small-cart-table tr { display: inline-block; padding: 6px 0; border-bottom: 1px solid #ddd; } .pr-desktop-cart .small-cart-name { padding: 0 10px; width: 240px; } .pr-desktop-cart .small-cart-remove a { display: block; width: 10px; height: 10px; color: #000; font-size: 12px; text-decoration: none; line-height: 8px; } .pr-desktop-cart .checkout-buttons a { color: #000; margin: 5px 0; display: inline-block; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; font-size: 14px; } .pr-desktop-cart .checkout-buttons a:hover { text-decoration: none; } .pr-desktop-cart .checkout-buttons a + a { margin: 0 0 0 10px; } .wrapper .pr-desktop-cart { position: relative; top: 0; right: 0; float: right; padding: 6px 8px; box-sizing: border-box; z-index: 54; } .pr-desktop-cart .total { color: #000; font-size: 12px; text-align: right; list-style: none; } .pr-desktop-cart .total li { margin: 10px 0 0 0; } .wrapper .pr-desktop-cart .small-cart-icon .countsht { position: absolute; right: -4px; top: -6px; color: #fff; text-shadow: 0 1px #000; width: 21px; height: 20px; font-size: 12px; text-align: center; line-height: 20px; background: #ED0101; border-radius: 100px; } .wrapper .pr-desktop-cart .small-cart-icon { display: block; position: absolute; top: 2px; left: 0; width: 38px; height: 35px; background: url(../images/sprite.png) -76px 0 no-repeat; text-decoration: none; } .wrapper .pr-desktop-cart .cart { position: static; right: 300px; top: 8px; cursor: pointer; z-index: 99; border: none !important; border-radius: 0; } .pr-desktop-cart .cart-list { margin: 0; padding: 0; line-height: 12px; list-style: none; } .wrapper .pr-desktop-cart .cart-inner { padding: 5px 0 7px 50px; z-index: 56; position: relative; border-radius: 0; background: none !important; } .wrapper .pr-desktop-cart .cart-inner a { text-decoration: none; } .wrapper .pr-desktop-cart .cart-inner .title { font-size: 12px; line-height: 12px; font-weight: bold; color: #333; margin: 0 0 5px 0; } .wrapper .pr-desktop-cart .cart-list li .default-btn { margin: -5px -5px -5px 10px; } .wrapper .pr-desktop-cart .cart-list li { font-size: 11px; display: inline-block; margin: 0; color: #3F454B; } .wrapper .pr-desktop-cart .cart-list li .color { font-weight: bold; } .pr-desktop-cart .cart-title { margin: 0; font-size: 12px; } .pr-desktop-cart .cart-qty { margin: 10px 0 0 0; } .big-slider { height: 400px; border: 1px solid #CDCDCD; border-radius: 5px; margin: 20px 0 0 0; background-color: #fff; position: relative; } .big-slider-inner { height: 400px; padding: 0 0 11px 0; } .big-slider a img { border-radius: 5px; width: 998px; } .pagination { position: absolute; left: 455px; bottom: 5px; } .pagination li { float: left; margin: 0 2px; } .pagination li a { display: inline-block; width: 10px; height: 10px; text-indent: -999999px; } .pagination .current a { background-position: 0 -10px; } .left-block { border-radius: 5px; width: 260px; margin: 0; float: left; position: relative; } .wrapper .filter-form { margin-top: 0; } .cat-title { box-shadow: 0 3px 0 var(--secondary-color); cursor: pointer; position: relative; margin: 0; font-size: 16px; line-height: 16px; text-shadow: 0 1px #000; text-transform: uppercase; border-radius: 5px; color: #fff; background: var(--main-color); background: linear-gradient(to bottom, var(--main-color), var(--secondary-color)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd0000', endColorstr='#d50101', GradientType=0); } .cat-title a { text-decoration: none; color: #fff; padding: 15px; display: block; } .cat-title:before { content: ""; position: absolute; top: 18px; right: 12px; width: 17px; height: 10px; background: url("../images/sprite.png") -59px 0 no-repeat; } .filter-form + .center, .left-block + .center { width: 730px; float: right; margin: 15px 0 20px 10px; } .filter-form + .center .center-inner, .left-block + .center .center-inner { border: 1px solid #CDCDCD; background: #fff; border-radius: 5px; padding: 10px; } .center-inner.inner-page { clear: both; } .center-inner.no-filters .filter-block { display: none; } h2 { margin: 0; font-size: 16px; padding: 0; } .product-wrapper { width: 195px; background: #fff; display: inline-block; vertical-align: top; margin: 0 8px 20px 10px; padding: 10px; position: relative; border: 1px solid transparent; } .product-wrapper .product-code { text-align: center; font-size: 12px; color: #AAA; } .product-wrapper:hover { border: 1px solid #CCC; 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); } .products-wrapper .product-wrapper { box-sizing: border-box; margin: 0.3%; } .products-wrapper.group .product-wrapper { width: 23.35%; } .filter-block + .main-block .products-wrapper .product-wrapper { width: 31.6% } .form-group .btn-group { display: inline-block; vertical-align: top; line-height: 0; } .form-group .btn-group .view-btn { display: inline-block; cursor: pointer; outline: none; border: none; width: 25px; height: 25px; background: url("../images/view-icons.png") no-repeat; } .form-group .btn-group .view-btn.list { background-position: -25px 0; } .form-group .btn-group .view-btn.list.active { background-position: 0 0; } .form-group .btn-group .view-btn.grid { background-position: -25px -30px; } .form-group .btn-group .view-btn.grid.active { background-position: 0 -30px; } .form-group .form-title { display: inline-block; vertical-align: top; color: #777; font-size: 0.9rem; line-height: 1rem; margin-right: 10px; } .form-group .view-switcher { float: right; margin: 3px 0 0 0; } .form-group .pr-pager + .view-switcher { margin: 6px 0 0 0; } .form-group { background: #FFF; height: 30px; margin-bottom: 10px; padding: 5px 15px 0; } .owl-item .product-wrapper { display: block; width: auto; margin: 3px; } .products-wrapper { background: #FFF; } .product-wrapper { min-height: 360px; /* Минимальная высота карточки */ } .product-wrapper .product-description p { margin: 0; font-size: 11px; } .product-wrapper .product-description { font-size: 11px; font-weight: 600; letter-spacing: 0.5px; line-height: 16px; color: #555; margin: 10px 0; } /* лейблы хит новинка */ .pr-product-slides .product-stickers, .product-wrapper .product-stickers { border-radius: 0; position: absolute; z-index: 60; top: 0; left: 0; } .pr-product-slides .product-stickers span, .product-wrapper .product-stickers span { color: #fff; font-weight: bold; border-radius: 3px; font-size: 11px; line-height: 11px; display: block; background: url("../images/sprite.png") 0 0 no-repeat; text-indent: -999999px; } .pr-product-slides .product-stickers .sticker-new, .product-wrapper .product-stickers .sticker-new { width: 71px; height: 30px; background-position: -234px 0; } .pr-product-slides .product-stickers .sticker-recommend, .product-wrapper .product-stickers .sticker-recommend { width: 95px; height: 30px; background-position: -139px 0; } .pr-product-slides .product-stickers .product-code, .product-wrapper .product-stickers .product-code { float: left; color: #A0A0A0; font-weight: normal; } .products-wrapper.group .variants-text, .products-wrapper.catalog .variants-text { display: block; } .products-wrapper.list .block-variants:before { display: block; } /* блок вариантов товара */ .products-wrapper .block-variants { border: 1px solid #999; } .products-wrapper .variants-table { width: 100%; font-size: 0.7rem; overflow: hidden; } .products-wrapper .variants-table tbody { display: block; max-height: 100px; /* Ограничиваем высоту таблицы */ overflow-y: auto; /* Добавляем прокрутку по вертикали */ } .products-wrapper .variants-table thead { display: table-header-group; background-color: #f5f5f5; } .grid .variants-table tr { width: 100%; } .grid .variants-table th, .grid .variants-table td { padding: 1px 3px; border-bottom: 1px solid #ddd; word-wrap: break-word; } .grid .variants-table td:nth-child(1) { width: 10%; } .grid .variants-table td:nth-child(2) { width: 0; } .grid .variants-table td:nth-child(3) { width: 50%; } .grid .variants-table td:nth-child(4) { width: 40%; } .grid .variants-table tr:nth-child(even) { background-color: #f9f9f9; } .grid .variants-table tr:hover { background-color: #f1f1f1; cursor: pointer; } .grid .variants-table label { font-weight: bold; color: #333; transition: color 0.3s ease; } .grid .variants-table label:hover { color: #0056b3; } .grid .variants-table span { color: #555; font-size: 14px; } .products-wrapper .variants-table { scrollbar-width: thin; /* Для Firefox */ scrollbar-color: #FF0 #CCC; /* thumb, track */ } .list .block-variants { display: none; } .buy-container { display: none; } .actionBuy { display: none; } /* конец блок вариантов товара */ .products-wrapper.list .product-wrapper { display: block; margin: 10px; float: left; } .products-wrapper.list .product-wrapper .product-stickers { background: none; overflow: visible; margin: 0 0 10px 0; height: auto; } .products-wrapper.list .product-wrapper .product-stickers span { float: none; } .products-wrapper.list .product-wrapper .product-stickers .product-code { float: right; margin: 0; padding: 0; } .products-wrapper.list .product-wrapper .product-right { margin-left: 145px; position: relative; } .products-wrapper.list .product-wrapper .product-image { float: left; width: 35%; margin: 0 10px 0 0; } .products-wrapper.list .product-wrapper .product-price, .products-wrapper.list .product-wrapper .product-buttons { width: auto; float: none; padding: 0; } .products-wrapper.list .product-wrapper .variants-table tr td { border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; padding: 5px; } .products-wrapper.list .product-wrapper .product-name, .products-wrapper.list .product-wrapper .pr-rating, .products-wrapper.list .product-wrapper .product-description { height: auto; display: block; } .products-wrapper.list .product-image a { height: auto; } .products-wrapper.list .property-form .clear { clear: none; } .products-wrapper.list .buy-container { display: none; position: absolute; right: 22px; top: 55px; } .products-wrapper.list .product-buttons .addToCompare { margin: 0 0 0 16px; float: none; left: -7px; } .products-wrapper.list .product-buttons .product-info, .products-wrapper.list .product-buttons .addToCart { display: block; margin: 10px 0 10px -15px; width: 139px; box-sizing: border-box; } .products-wrapper.list .product-buttons { text-align: center; } .products-wrapper.list .product-image img { position: static; } .product-image a { display: block !important; height: 130px; text-align: center; position: relative; } .product-image a img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .product-image { margin: 10px 0; text-align: center; position: relative; } .pr-rating { text-align: center; } .product-wrapper .rating-action + .info, .product-wrapper .rating-action { display: inline-block; vertical-align: top; float: none; } .product-name { height: fit-content; text-align: center; overflow: hidden; } .product-name a { color: var(--main-color); font-size: 0.9rem; font-weight: 600; letter-spacing: 0.5px; line-height: 1rem; text-decoration: none; } .product-name a:hover { color: var(--secondary-color); } .product-buy:hover, .product-details:hover { text-decoration: underline; } .product-wrapper .product-price { display: block; margin: 0; font-size: 0.8rem; text-align: center; } .pr-recent-products .product-wrapper .product-price { float: none; width: auto; display: block; text-align: right; } .product-wrapper .product-old-price { display: block; margin: 0 0 3px 0; font-size: 13px; font-weight: bold; text-align: right; color: #A0A0A0; text-decoration: line-through; } .buy-container .addToCompare { float: right; } .product-buttons .wrapper-pr-buy-click { text-align: center; } .wrapper .wrapper-pr-buy-click a { background: unset; box-shadow: unset; border: 1px solid var(--main-color); color: var(--main-color); font-size: 0.9rem; margin: 10px 0 0 0; padding: 3px 10px; position: relative; text-shadow: none; text-transform: lowercase; transition: color .3s, background .3s, box-shadow .3s; } .wrapper .wrapper-pr-buy-click a:hover { background: linear-gradient(to bottom, var(--main-color) 0%, var(--secondary-color) 100%); box-shadow: inset 0 1px 2px rgba(100, 100, 100, 0.5); color: #FFF; } .product-buttons a { display: inline-block; vertical-align: middle; text-align: center; } .product-buttons .addToCompare { margin: 8px 0 0 18px; text-decoration: none; border-bottom: 1px dashed #1391C7; float: right; } .wrapper .addToCompare { font-size: 0.9rem; margin: 5px 10px; position: relative; display: inline-block; text-decoration: none; text-transform: lowercase; border-bottom: 1px dashed #1391C7; } .wrapper .addToCompare:hover { border-bottom: 1px solid transparent; color: var(--main-color); } .payment-form-block .btn { display: block; width: auto; } .addToCart:hover { text-decoration: none; } .payment-form-block input[type="submit"], .checkout-btn, .buy-product, .product-info, .default-btn, .addToCart, .wrapper .filter-btn, .wrapper .pr-desktop-cart .default-btn { background: linear-gradient(to bottom, var(--secondary-color) 0%, var(--main-color) 100%); border: 1px solid #D0CFCF; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); color: #FFF; cursor: pointer; display: inline-block; height: 30px; font-size: 0.9rem; line-height: 1.8; margin: 5px 10px; padding: 0 14px; text-decoration: none; text-shadow: 0 1px #FFF; text-transform: lowercase; transition: color .3s, background .3s, box-shadow .3s; } .payment-form-block input[type="submit"] { padding: 0 14px !important; } .payment-form-block input[type="submit"]:hover, .checkout-btn:hover, .buy-product:hover, .wrapper .filter-btn:hover, .wrapper .pr-desktop-cart .default-btn:hover, .default-btn:hover, .addToCart:hover, .buy-container .hidder-element .buy-product:hover, .product-info:hover, .btn:hover { background: linear-gradient(to bottom, var(--main-color) 0%, var(--secondary-color) 100%); } .payment-form-block input[type="submit"]:active, .checkout-btn:active, .buy-product:active, .wrapper .filter-btn:active, .wrapper .pr-desktop-cart .default-btn:active, .default-btn:active, .addToCart:active, .buy-container .hidder-element .buy-product:active, .product-info:active, .btn:active { background: linear-gradient(to bottom, var(--main-color) 0%, var(--secondary-color) 100%); box-shadow: inset 0 1px 2px rgba(100, 100, 100, 0.5); } .buy-container .addToCart { float: left; } .create-user-account-form .register-btn, .checkout-btn, .restore-pass .default-btn, .user-login .default-btn, .personal-form-wrapper .default-btn, .feedback-form-wrapper .default-btn { background: transparent; border-radius: 3px; border: 1px solid var(--main-color); color: var(--main-color); font-size: 14px; font-weight: normal; display: inline-flex; height: 30px; width: auto; max-width: 300px; padding: 0 10px; user-select: none; transition: color .3s, background .3s, box-shadow .3s; text-align: center; text-decoration: none; text-shadow: none; white-space: nowrap; align-items: center; justify-content: center; float: inherit; } .create-user-account-form .register-btn:active, .checkout-btn:active, .restore-pass .default-btn:active, .user-login .default-btn:active, .personal-form-wrapper .default-btn:active, .feedback-form-wrapper .default-btn:active { transform: translateY(3px); } .create-user-account-form .register-btn:hover, .checkout-btn:hover, .restore-pass .default-btn:hover, .user-login .default-btn:hover, .personal-form-wrapper .default-btn:hover, .feedback-form-wrapper .default-btn:hover { transition: .3s; background: linear-gradient(135deg, var(--main-color), var(--secondary-color)); border: 1px solid #333; box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36); color: #fff; } .checkout-btn { width: auto; } .user-login .enter-btn { float: right; } .restore-pass, .user-login, .create-user-account-form, .personal-form-wrapper, .feedback-form-wrapper { max-width: 320px; margin: 0 auto; box-sizing: border-box; padding: 15px; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46); overflow: hidden; background: #fff; } .address-area, .user-login input textarea, .user-login input[type="password"], .user-login input[type="text"], .create-user-account-form textarea, .create-user-account-form input[type="password"], .create-user-account-form input[type="text"], .feedback-form-wrapper textarea, .feedback-form-wrapper input[type="password"], .feedback-form-wrapper input[type="text"] { width: 100%; box-sizing: border-box; } .restore-pass .enter-btn { width: 100%; } .restore-pass input[type="text"] { width: 100%; } .restore-pass .custom-text { margin: 0 0 10px 0; } .auth-text { color: #333; font-size: 0.8rem; font-style: italic; margin: 0; text-align: center; } .feedback-form-wrapper .form-list li { } .footer { margin: 0 auto; background: #4682B4; color: #fff; } .footer-top { padding: 25px 0; } .footer-top .col { width: 22.5%; float: left; margin: 0 2.5% 0 0; } .footer-top .col h2 { color: #EEE; font-weight: normal; text-transform: uppercase; font-size: 14px; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #FFF; } .footer-top .col ul { margin: 0; padding: 0; list-style: none; } .footer-top .col ul li { margin: 0 0 7px 0; } .footer-top .col ul li a { color: #FF0; font-size: 13px; text-decoration: none; } .footer-top .col ul li a:hover { text-decoration: underline; } .copyright { font-size: 1rem; display: flex; margin: 0 10px; } .powered { float: right; font-size: 12px; } .powered + .copyright { margin: 15px 0 0 0; } .powered a { color: #38B0E3; text-decoration: none; display: inline-block; vertical-align: middle; } .powered a img { margin: 0 0 0 10px; } .powered a:hover { text-decoration: underline; } .footer-bottom { padding: 10px 0; background: linear-gradient(to bottom, var(--main-color), var(--secondary-color)); color: #EEE; } .footer-bottom .widget { margin: 15px 0 0 0; } .footer-top .col .social-media { font-size: 0; } .footer-top .col .social-media li { display: inline-block; margin: 0 10px 0 0; } .footer-top .col .social-media li a { display: block; width: 35px; height: 35px; border: 1px solid #66FFFF; position: relative; } .footer-top .col .social-media li a span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .footer-top .col .social-media li a.vk-icon span { width: 23px; height: 14px; background: url("../images/vk-icon.png") 0 0 no-repeat; } .footer-top .col .social-media li a.vk-icon:hover { background: #3F6691; border: 1px solid #3F6691; } .footer-top .col .social-media li a.vk-icon:hover span { background-position: 0 -14px; } .footer-top .col .social-media li a.gplus-icon span { width: 22px; height: 20px; background: url("../images/gplus-icon.png") 0 0 no-repeat; } .footer-top .col .social-media li a.gplus-icon:hover { background: #D61F1F; border: 1px solid #D61F1F; } .footer-top .col .social-media li a.gplus-icon:hover span { background-position: 0 -20px; } .footer-top .col .social-media li a.fb-icon span { width: 10px; height: 20px; background: url("../images/fb-icon.png") 0 0 no-repeat; } .footer-top .col .social-media li a.fb-icon:hover { background: #4A6EA9; border: 1px solid #4A6EA9; } .footer-top .col .social-media li a.fb-icon:hover span { background-position: 0 -20px; } .phone { color: #FFF; } .phone:hover { color: #FF0; } /*Пагинация*/ .pr-pager { background: #FFF; display: flex; flex-direction: column; } .center .allPages { font-size: 0.8rem; color: #444444; text-align: center; } .pr-pager ul { list-style: none; margin: 0; padding: 0; } .pr-pager ul li { float: left; margin: 0; } .pr-pager ul li a { font-size: 1rem; border-radius: 5px; color: #333; display: block; text-align: center; } .pr-pager ul li a:hover { text-decoration: none; } .form-group .pr-pager ul, .form-group .pr-pager { margin: 0; } .form-group .pr-pager .allPages { margin: 5px 15px 0 0; font-size: 11px; color: #777; } .cat-desc-text { background: #FFF; padding: 20px 20px; } .cart-table { width: 100%; } .product-cart .cart-wrapper { padding: 5px 0; border-radius: 5px; border: 1px solid #DDD; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background: #fff; margin: 0 0 15px 0; } .cart-table tr td .amount_input { margin: 0 10px 0 0; height: 30px; } .cart-table tr td { font-size: 0.9rem; vertical-align: middle; } .cart-table tr td.count-cell { white-space: nowrap; } .cart-table tr td { border-bottom: 1px solid #DDD; } .deleteItemFromCart { border-bottom: none !important; } .cart-table tr td.img-cell { text-align: center; } .total-sum strong, .cart-table tr td.price-cell { white-space: nowrap; text-align: right; color: #333; font-size: 1rem; letter-spacing: 1px; } .total-sum { padding: 15px; text-align: right; } .total-sum span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 14px; margin: 0 10px 0 0; } .total-sum strong { color: #F50505; display: inline-block; vertical-align: middle; } .cart-table tr td.code-cell { color: #8A8A8A; font-size: 12px; } .cart-table tr td a { border-bottom: 1px dashed var(--secondary-color); color: var(--secondary-color); font-size: 1rem; text-decoration: none; } .cart-table tr td a:hover { border-bottom: 1px dashed var(--main-color); color: var(--main-color); } .cart-table tr td a.cart-img { display: inline-block; width: 50px; height: auto; padding: 0 0 10px; position: relative; } .cart-table tr td a.cart-img img { max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .cart-table tr td strong { color: #E60D15; } .qty-field { width: 120px; } .delete-btn { background: url(../images/sprite.png) -376px 0 no-repeat; width: 14px; height: 14px; display: inline-block; margin: 0 0 0 20px; } .refresh { display: none; width: 14px; height: 16px; background: url(../images/sprite.png) -362px 0 no-repeat; border: none; text-indent: -999999px; } .checkout { float: right; } /*Хлебные крошки*/ .bread-crumbs { background: #FFF; padding: 5px; margin: 0 !important; font-size: 0; line-height: 1.6; } .bread-crumbs a { font-size: 0.9rem; color: #000; display: inline-block; } .bread-crumbs .last-crumb { color: var(--secondary-color); } /*Карточка товара*/ .wrapper .product-details-block { background: rgba(255, 255, 255, 0.9); padding: 15px; } .wrapper .product-details-block .pr-product-slides { width: 100%; background: #fff; } .wrapper .pr-product-slides > .bx-wrapper { border: none; height: auto; width: 100%; } .product-status .variants-table tr td .price, .product-status .variants-table tr td { font-size: 14px; } .product-status .variants-table tr td .price { font-weight: bold; } .product-status-list { font-size: 0.8rem; margin: 10px 0; padding: 0; list-style: none; } .product-status-list li { margin: 0 0 5px 0; color: #3F454B; font-weight: bold; } .product-status-list li .rem-info { margin: 10px 0; } .product-status-list li .rem-info a:hover { text-decoration: none; } .label-black { font-weight: normal; } .wrapper .label-article { font-weight: normal; padding: 0; background: none; border: none; } .old .old-price { color: #9A9A9A; font-size: 16px; font-weight: bold; text-decoration: line-through; } .buy-block .buy-block-inner { position: relative; padding-right: 220px; } .buy-block .product-price.mobile { display: none; } .buy-block .product-price .product-status-list li { margin: 0; } .buy-block .product-price .price { font-size: 1rem; color: #FF8C00; } .buy-block .variants-table tr td { font-size: 12px; padding: 2px; } .buy-block .variants-table tr td label { margin: 0; } .buy-block .buy-container { text-align: center; width: 200px; box-sizing: border-box; border-radius: 5px; background: #fff; /*border: 1px solid #CCC;*/ position: absolute; top: 80px; right: 10px; padding: 15px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.07) inset, 0 1px 5px rgba(0, 0, 0, 0.35); } .amount_change .up, .amount_change .down { font-size: 12px; text-align: center; font-weight: bold; line-height: 24px; position: absolute; top: 0; bottom: 0; margin: auto; width: 26px; height: 26px; color: #444; text-decoration: none; border: 1px solid #D0CFCF; border-top-color: #E8E7E7; border-bottom-color: #BCBCBC; background: #feffff; background: linear-gradient(to bottom, #feffff 0%, #f2efed 100%); } .amount_change .up { right: 0; border-radius: 0 5px 5px 0; } .amount_change .down { left: 0; border-radius: 5px 0 0 5px; } .amount_change .up:hover, .amount_change .down:hover { background: #feffff; background: linear-gradient(to bottom, #feffff 0%, #ede9e5 100%); } .amount_change .up:active, .amount_change .down:active { background: #ede9e5; background: linear-gradient(to bottom, #ede9e5 0%, #feffff 100%); -moz-box-shadow: inset 0 1px 2px rgba(100, 100, 100, 0.5); -webkit-box-shadow: inset 0 1px 2px rgba(100, 100, 100, 0.5); box-shadow: inset 0 1px 2px rgba(100, 100, 100, 0.5); border-top-color: #BBB; border-bottom-color: #E7E6E6; } .amount_change { float: left; } .wrapper .amount_input { width: 40px; height: 28px; line-height: 16px; padding: 4px; border: 1px solid #CDCDCD; outline: none; border-radius: 0; text-align: center; } .cart_form { width: 50px; position: relative; padding: 0 20px; margin: 5px; } .property-form .qty-text { font-size: 12px; color: #000; margin: 0; display: none; } .product-details-block .product-title { color: var(--main-color); } .product-details-wrapper, .personal-tabs { margin: 20px 0; padding: 10px; } .product-details-title { font-size: 14px; line-height: 12px; font-weight: bold; display: inline-block; margin: 0 0 10px 0; } .product-details-desc { font-size: 14px; color: #333; line-height: 18px; margin: 0 0 10px 0; } .product-details-desc p { margin-top: 0; } .product-title { margin: 0; } .user-login .form-list { float: none; } .create-user-account-form .form-list { float: none; } .create-user-account .title, .user-login .title, .create-user-account-form .title { font-size: 14px; color: #000; font-weight: bold; margin: 0 0 10px 0; } .custom-text { color: #333; font-size: 14px; line-height: 20px; margin: 0 0 10px 0; } .checkout-btn, .send-btn, .save-btn, .register-btn { float: right; } .close-order-btn, #close-order-successbtn { float: right; margin: 10px 0; color: #000; font-size: 12px; } .create-account-btn { font-size: 12px; color: #000; margin: 10px 0 0 0; display: inline-block; } .forgot-link { border-bottom: 1px dashed #333; font-size: 0.8rem; color: #333; margin: 5px 5px 0 0; display: inline-block; } .forgot-link:hover { border-bottom: 1px dashed var(--main-color); color: var(--main-color); } .normal-text { font-size: 0.9rem; color: var(--main-color); } .form-list { color: #666; float: left; margin: 0; font-size: 0.9rem; font-weight: bold; padding: 0; letter-spacing: 0.5px; list-style: none; } .feedback-form-wrapper .form-list { float: none; padding-top: 10px; } .feedback-form-wrapper .form-list li { margin-bottom: 10px; } .feedback-form-wrapper .form-list li > label { margin-bottom: 3px; } .form-list li { margin: 0 0 8px 0; } .form-list li select { width: 100%; padding: 4px; margin: 5px 0 10px 0; border-radius: 5px; border: 1px solid #CDCDCD; outline: none; } .personal-tabs .form-list { width: 100%; } #personal, #change-pass, #orders-history { height: 100vh; } .center .change-pass-title { font-size: 18px; margin: 20px 0; } .red-star { color: red; margin-left: 3px; } .red { color: #FF4747; } .green-color { color: #0AA347; } .payment-option .custom-text { color: var(--secondary-color); font-style: oblique; letter-spacing: 0.5px; margin: 10px; text-align: center; } .delivery-details-list { padding: 0; list-style: none; } .payment-details-list { margin: 0; padding: 0; list-style: none; } .payment-details-list li, .delivery-details-list li { font-size: 12px; color: #444; margin: 0 0 10px 0; } .delivery-text { color: var(--main-color); font-size: 1rem; font-weight: bold; } .payment-form-block { font-size: 14px; line-height: 24px; } #personal .form-list li select { max-width: 320px; width: 100%; } /*Хлебные крошки*/ .breadcrumbs { height: 20px; } .bread-list a { font-size: 11px; color: #000; text-decoration: none; text-transform: uppercase; } .bread-list a:hover { text-decoration: underline; } .order-status { float: right; } .order-status strong { color: #CC0000; } .order-number { font-size: 14px; } .orderDate { color: #CC0000; } .order-close-text { margin: 18px 0 0 0; font-size: 16px; text-align: center; } .successful-closure a { text-decoration: none; } .status-table { width: 100%; font-size: 12px; margin: 25px 0 0 0; } .status-table th { border-bottom: 2px solid #CDCDCD; font-weight: bold; padding: 0 5px 10px 0; text-align: left; } .status-table tbody tr th:first-child { width: 300px; } .status-table tr td { padding: 10px 0 0 0; } .status-table tr td a { color: #333; } .status-table tr td a:hover { text-decoration: none; } .order-history { border-radius: 5px; padding: 10px; background-color: #fff; margin: 0 0 20px 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46); } .order-total { float: right; } .order-settings { float: left; margin: 20px 0 0 0; } .total-list { margin: 25px 0 0 0; list-style: none; padding: 0; } .total-list li { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; } .total-list li span { font-weight: normal; } .close-order, .change-payment { cursor: pointer; background: url(../images/delete.png) left center no-repeat; padding: 0 0 0 20px; border: none; margin: 5px 10px; outline: none; } .change-payment { background: url(../images/icon-edit.png) left center no-repeat; } .close-order:hover, .change-payment:hover { text-decoration: underline; } .close-order-form { margin: 40px 0 0 0; } .close-reason-wrapper { display: none; width: 400px; } .close-reason-wrapper p { margin: 0 0 10px 0; } .successful-closure { width: 400px; } .successful-closure, .close-reason-wrapper .close-order { display: none; } .succes-img { width: 48px; height: 48px; background: url(../images/success.png); position: absolute; top: 7px; left: 30px; } #successModal { position: relative; } .reason-text { width: 100%; padding: 5px; border: 1px solid #CDCDCD; resize: none; min-height: 60px; border-radius: 5px; margin: 5px 0 0 0; box-sizing: border-box; outline: none; } .error-message, .successReg { margin: 0 10px 10px 10px; font-weight: bold; font-size: 14px; color: #05A847; } .successSend { font-weight: bold; font-size: 14px; color: #05A847; } .close-order-text { font-size: 14px; } .errorSend, .fail-text { margin: 0 10px 10px 10px; font-size: 14px; color: #E60D15; text-align: center; } .pr-error, .msgError { display: block; font-size: 1rem; margin: 10px 0; padding: 10px; color: #c2646d; background: #fdd6da; border: 1px solid #eca8a8; text-align: center; } .pr-success { display: block; font-size: 1rem; margin: 10px 0; padding: 10px; color: #4d8b52 !important; border: 1px solid #aed0b1; background: #d7f4ce; text-align: center; } .msgError span { display: block; } .restore-pass .fail-text { margin-left: 0 !important; } .empty-cart-block { text-align: center; padding: 50px 0 0 0; font-size: 16px; } .empty-cart-text { font-size: 16px; } .restore-pass .form-list { float: none; } .restore-pass .enter-btn { margin: 5px 0 0 0; } .pr-product-slides .main-product-slide .product-details-image .zoom { width: 16px; height: 16px; background: url(../images/zoom.png); position: absolute; right: 10px; bottom: 10px; display: none; z-index: 5555; } .pr-product-slides .main-product-slide li a { height: 100%; } .wrapper .pr-product-slides .slides-slider .slides-item img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .wrapper .pr-product-slides .slides-slider .slides-item { background: #fff; } .wrapper .pr-product-slides .slides-slider .active-item, .wrapper .pr-product-slides .slides-slider .slides-item.active { border: 1px solid #FF4747; } .wrapper .pr-product-slides .slides-slider .bx-prev, .wrapper .slides-slider .bx-next { width: 10px; height: 20px; background: url("../images/slider-arrows.png"); } .wrapper .pr-product-slides .slides-slider .bx-next:hover, .wrapper .pr-product-slides .slides-slider .bx-next { background-position: -10px 0; } /*Описание категории в каталоге*/ .cat-desc { color: #444; font-size: 12px; line-height: 21px; padding: 10px; margin: 10px 0; } .cat-desc p { margin: 0; font-size: 13px; } .loader { width: 15px; height: 15px; background: url(../images/loader.gif); } .disabled-btn { opacity: 0.4; filter: alpha(opacity=40); } .property-form p { color: #3F454B; font-size: 12px; margin: 0 0 5px 0; font-weight: bold; } .property-form label { cursor: pointer; display: inline-block; margin: 2px 0; } .property-form .select-type select { margin: 0; width: 200px; } .property-form .select-type .property-title { display: block; } .property-form .property-title { display: inline-block; margin: 0 0 5px 0; } .prop-name { font-size: 12px; color: #808080; } .top-menu { width: 100%; display: inline-block; } .wrapper .m-p-slider-wrapper { height: 300px; margin: 10px 0; border-radius: 0; position: relative; overflow: hidden; border: none; box-shadow: none; z-index: 1; } .wrapper .m-p-slider-wrapper img { max-width: 100%; border-radius: 5px; } .wrapper .m-p-slider-wrapper .bx-wrapper { margin: 0; text-align: center; } .wrapper .m-p-slider-wrapper .bx-wrapper .bx-next, .wrapper .m-p-slider-wrapper .bx-wrapper .bx-prev { display: none; position: absolute; z-index: 53; top: 0; bottom: 0; margin: auto; border-radius: 100px; text-indent: -999999px; width: 30px; height: 30px; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .wrapper .m-p-slider-wrapper:hover .bx-wrapper .bx-next, .wrapper .m-p-slider-wrapper:hover .bx-wrapper .bx-prev { display: block; } .wrapper .m-p-slider-wrapper .bx-wrapper .bx-next:before, .wrapper .m-p-slider-wrapper .bx-wrapper .bx-prev:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 10px; height: 20px; margin: auto; background: url("../images/slider-arrows.png"); } .wrapper .m-p-slider-wrapper .bx-wrapper .bx-next:before { background-position: -10px 0; margin-right: 8px; } .wrapper .m-p-slider-wrapper .bx-wrapper .bx-prev:before { margin-left: 8px; } .m-p-slider-wrapper .bx-wrapper .bx-next { right: 10px; } .m-p-slider-wrapper .bx-wrapper .bx-prev { left: 10px; } .wrapper .m-p-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a { display: block; margin: 0 2px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-indent: -999999px; width: 16px; height: 16px; border: none; background: url("../images/sprite.png") -325px 0; } .wrapper .m-p-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background: url("../images/sprite.png") -346px 0; border: none; } .wrapper .m-p-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager { position: absolute; z-index: 99; bottom: 15px; left: 0; right: 0; text-align: center; } .m-p-slider-wrapper .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; } /*Слайдер товаров на главной странице, новинки, рекомендуемые, распродажа*/ .m-p-products { margin: 0 0 20px 0; } .wrapper .pr-recent-products .title, .m-p-products .title { display: block; text-align: center; margin: 0 0 20px 0; position: relative; padding: 0; } .wrapper .pr-recent-products .title:before, .m-p-products .title:before { content: ""; height: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; background: #E1E3E4; } .wrapper .pr-recent-products .title span, .m-p-products .title a { display: inline-block; color: #3F454B; font-size: 18px; line-height: 18px; text-transform: uppercase; text-decoration: none; padding: 5px 10px; background: #fff; position: relative; z-index: 1; font-weight: bold; } .wrapper.grey-bg .pr-recent-products .title span { background: #F1F1F1; } .m-p-products .title a { border: 1px solid #3F454B; } .m-p-products-slider { position: relative; margin: 20px 0 30px 0; padding: 0 10px; } .m-p-products-slider .owl-buttons .owl-next, .m-p-products-slider .owl-buttons .owl-prev { width: 30px; height: 30px; border: 1px solid transparent; border-radius: 100px; position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; text-indent: -999999px; } .m-p-products:hover .owl-buttons .owl-prev, .m-p-products:hover .owl-buttons .owl-next, .m-p-products-slider:hover .owl-buttons .owl-next, .m-p-products-slider:hover .owl-buttons .owl-prev { border: 1px solid #E90101; } .m-p-products-slider .owl-buttons .owl-prev { left: 0; } .m-p-products-slider .owl-buttons .owl-next { right: 0; } .m-p-products-slider .owl-buttons .owl-next:before, .m-p-products-slider .owl-buttons .owl-prev:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 10px; height: 20px; background: url("../images/sprite.png") -119px 0 no-repeat; } .m-p-products-slider .owl-buttons .owl-next:before { background-position: -129px 0; margin: auto 0 auto 12px; } .m-p-products-slider .owl-buttons .owl-prev:before { margin: auto 0 auto 8px; } .m-p-products-slider .owl-carousel { position: static; background: #fff; border-radius: 5px; } .m-p-recommended-products { margin: 30px 0; } .m-p-products-slider .bx-viewport { height: auto !important; } .m-p-products-slider .bx-prev, .m-p-products-slider .bx-next { position: absolute; top: -35px; width: 30px; height: 30px; display: block; text-indent: -999999px; } .m-p-products-slider .bx-prev:hover { background-position: 0 -30px; } .m-p-products-slider .bx-prev { right: 45px; } .m-p-products-slider .bx-next { background-position: -30px 0; right: 12px; } .m-p-products-slider .bx-next:hover { background-position: -30px -30px; } .m-p-recommended-products h2 a { background: #28A7FB; } .m-p-new-products-title a { background: #A5C849; } .m-p-sale-products-title a { background: #FF8A00; } .wrapper .m-p-new-products-title, .wrapper .m-p-sale-products-title, .wrapper .m-p-recommended-products-title { color: #000; position: relative; font-weight: normal !important; font-size: 24px; margin: 0 0 15px 0; } .cart-table .action-list { list-style: none; display: block; margin: 0; padding: 0; overflow: hidden; } .cart-table .action-list li { margin: 0; } .fast-result-list { margin: 0; padding: 0; } .variant-row input[type="text"] { color: #000; } .reminfo, .rem-info { color: red; display: block; margin-left: 25px; } .product-details-block .product-slides { position: relative; } .product-details-block .pr-recent-products { margin: 0; } .wrapper .pr-recent-products h2 { text-align: center; margin: 0 5px; } /*Плашка сравнения товаров на сайте*/ .pr-product-to-compare { position: fixed; z-index: 1000; right: 0; bottom: 0; background: #878E96; height: 35px; width: 210px; line-height: 35px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } .pr-product-to-compare a { color: #fff; text-decoration: none; display: block; } .pr-product-to-compare .pr-compare-text { margin: 0 0 0 35px; padding: 0 10px; } .pr-product-to-compare .pr-compare-count { width: 35px; height: 35px; font-size: 16px; float: left; text-align: center; background: #A5C747; } .download-link { float: left; font-size: 12px; margin: 10px 10px 0 0; text-decoration: none; border-bottom: 1px dashed #08C; } .download-link:hover { border-bottom: 1px dashed transparent; } /*admin comment in personal page*/ .manager-information .manager-information-head { font-weight: bold; margin: 0 0 10px 0; } .manager-information { border: 1px solid #D6E9C6; padding: 10px; font-size: 14px; background: #DFF0D8; color: #3C763D; margin: 10px 0; } .sub-categories { margin: 0 0 10px 0; padding: 6px; font-size: 0; width: 100%; } .sub-categories li { background: #fff; border: 1px solid #CCC; border-radius: 5px; display: inline-block; vertical-align: top; text-align: center; margin: 0.4%; padding: 5px; } .sub-categories li a.sub-cat-name { font-weight: 600; letter-spacing: 1px; word-wrap: break-word; color: var(--secondary-color); height: 40px; text-decoration: none; text-transform: uppercase; display: block; } .sub-categories li a.sub-cat-name:hover { color: var(--main-color); text-decoration: underline; } .sub-categories li a { font-size: 13px; text-align: center; } .sub-categories li a.cat-image { width: 100px; height: 80px; margin: 0 auto 10px; display: inline-block; position: relative; } .sub-categories li img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; } .cat-desc .cat-desc-img { width: 100px; height: 80px; float: left; margin: 10px 10px 10px 0; text-align: center; } .cat-desc .cat-desc-img img { max-width: 100%; max-height: 100%; } .pr-compare-product-inner .title a:hover { text-decoration: none; } .pr-compare-product-inner .title a { font-size: 14px; color: #000; display: block; height: 38px; overflow: hidden; font-weight: bold; } .pr-compare-products .pr-compare-center .pr-compare-product .title { padding: 0 20px 0 0; margin: 0 0 10px 0; } .variants-table tr td { padding: 2px; } .variants-table tr td .price { white-space: nowrap; font-size: 12px; font-weight: normal; } .text-success { padding: 10px; color: #4d8b52; border: 1px solid #aed0b1; background: #d7f4ce; margin: 0 0 10px 0; text-align: center; } .text-success a:hover { text-decoration: none; } .payment-form-block em { font-style: normal; } .wrapper .pr-compare-products .pr-compare-fake-table-right .pr-compare-fake-table-row .pr-compare-fake-table-cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wrapper .pr-compare-products .pr-compare-center { font-size: 14px; } /*new left menu*/ .wrapper .left-block .side-menu .menu-block { border-radius: 5px; margin: 0 0 10px 0; position: relative; } .wrapper .pr-menu { padding: 2px 0; display: block !important; background: #FAFAFA; border-radius: 0 0 5px 5px; border: 1px solid #E1E3E4; box-shadow: 0 1px 2px rgba(63, 69, 75, 0.2); } .wrapper .pr-menu .submenu, .wrapper .pr-menu { padding: 0; list-style: none; } .wrapper .pr-menu .close-item .close-icon { top: 9px; right: 10px; padding: 0; position: absolute; font-size: 14px; color: #000; } .wrapper .pr-menu .close-item .close-icon span { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("../images/delete.png") no-repeat; } .wrapper .pr-menu .close-item { overflow: hidden; display: none; position: static; } .wrapper .exist-admin-context { display: inline-block; } .wrapper.main-page .center .pr-menu, .wrapper.catalog-page .center.show-menu .pr-menu { display: block !important; position: relative; padding: 2px 0; } .wrapper .pr-menu > li.has-menu > a { padding-right: 25px; } .wrapper .pr-menu > li.has-menu .toggle { position: absolute; width: 5px; height: 7px; background: url("../images/sprite.png") -114px 0 no-repeat; top: 15px; right: 10px; } .wrapper .pr-menu > li { border-bottom: 1px solid #E1E3E4; position: relative; } .wrapper .pr-menu > li:last-child { border-bottom: none; } .wrapper .pr-menu > li > a { font-size: 1rem; font-weight: 500; letter-spacing: 0.5px; display: block; padding: 10px; color: #000; text-decoration: none; position: relative; } .wrapper .pr-menu > li > a:hover { color: var(--main-color); } .wrapper .pr-menu > li > a:before { content: ""; position: absolute; width: 11px; top: 0; bottom: 0; right: -3px; z-index: 22; background: #fff; display: none; } .wrapper .pr-menu > li.has-menu:hover a:before { display: block; } .wrapper .pr-menu > li:hover > a { background: #fff; } .wrapper .pr-menu > li.active a { padding-right: 20px; } .wrapper .pr-menu > li .submenu > li { display: inline-block; vertical-align: top; width: 45%; margin: 5px; } .wrapper .pr-menu li .submenu .pr-cat-img img { max-width: 100%; max-height: 100%; } .wrapper .pr-menu li .submenu .pr-cat-name { margin: 0 0 0 50px; } .wrapper .pr-menu li .submenu .pr-cat-name a { color: #000; font-size: 12px; } .wrapper .pr-menu li .submenu .pr-cat-name a:hover { color: var(--secondary-color); text-decoration: none; } .wrapper .submenu .count { background: var(--main-color); border-radius: 2px; color: #FFF; padding: 0 4px; } .wrapper .pr-menu li .submenu .pr-cat-img { width: 40px; height: 40px; float: left; text-align: center; } .wrapper .pr-menu li .submenu ul { margin: 10px 0 0 0; clear: both; padding: 0; list-style: none; } .wrapper .pr-menu li .submenu ul li a { font-size: 12px; text-decoration: none; color: #000; display: block; padding: 3px 10px; } .wrapper .pr-menu li .submenu ul li a:hover { background: #F2F2F2; } .wrapper .pr-menu li .submenu { position: absolute; left: 100%; top: -1px; display: none; z-index: 11; background: #fff; width: 400px; padding: 10px; border-radius: 3px; border: 1px solid #CCCCCC; box-shadow: 0 1px 10px 0 rgba(63, 69, 75, 0.3); } .wrapper .pr-menu > li:hover .submenu { display: block; animation: fadeInRight .2s ease-in-out; -webkit-animation: fadeInRight .2s ease-in-out; -moz-animation: fadeInRight .2s ease-in-out; } .wrapper .pr-menu > li.cat-img > a { padding-left: 37px; position: relative; } .wrapper .pr-menu > li > a > .pr-cat-img { position: absolute; top: 8px; left: 10px; width: 22px; height: 22px; text-align: center; } .wrapper .pr-menu > li > a > .pr-cat-img img { max-width: 100%; max-height: 100%; vertical-align: middle; } .wrapper .filter-block .filter-form .pr-filter-head { padding: 10px 10px 0 10px; } .wrapper .filter-form .pr-filter { margin: 0; } .show-hide-filters { margin: 10px; text-align: center; display: none; } .wrapper .side-menu .filter-block { background: #FAFAFA; border-radius: 5px; border: 1px solid #E1E3E4; box-shadow: 0 1px 2px rgba(63, 69, 75, 0.2); } .wrapper .side-menu { background: rgba(255, 255, 255, .9); border-radius: 5px; margin: 0; float: left; width: 260px; } .wrapper .filter-block.show .filter-form { display: block; } .wrapper .filter-block .filter-form { margin: 0; padding: 0; background: none; border: none; } .wrapper .filter-form .pr-filter .pr-filter-item { padding: 10px; } .wrapper .filter-form .wrapper-field.filter-buttons { padding: 10px; } .wrapper .side-menu + .main-block { background: rgba(255, 255, 255, 1); border-radius: 5px; margin-left: 270px; overflow: hidden; } .main-block { position: relative; min-height: 100vh; } .main-block h1 { text-align: center; margin: 0; } .pade-desc { background: rgba(255, 255, 255, 0.5); border-radius: 5px; padding: 0 10px; margin-bottom: 10px; max-width: 800px; } .pade-desc > p { color: #333; font-size: 1rem; } .auth-title { color: #333; text-shadow: 1px 0 #CCC; } .auth-title span { color: #808080; } .wrapper .pr-filter-item .pr-tooltip .pr-tooltip-content { border: none; background: #F1F1F1; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6); } .wrapper .ui-slider .ui-slider-range { background: #E90101; } .summ-info .order-summ, .summ-info .order-delivery-summ { font-size: 1rem; font-weight: bold; color: #FF4747; margin-left: 15px; } .summ-info { margin: 10px 0 0 0; } .enter-on { display: inline-block; position: relative; } .slash { display: inline-block; vertical-align: middle; margin: 0 5px; } .enter-form { display: none; position: absolute; left: 0; top: 100%; z-index: 11; background: #fff; padding: 10px; border-radius: 3px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46); } .enter-form .form-list { margin: 0; } .enter-form .enter-btn { float: right; } .enter-form a { color: #000; text-shadow: none; } .enter-on a span { display: inline-block; vertical-align: middle; } .enter-on.open .enter-form { display: block; animation: fadeInUp .2s ease-in-out; -webkit-animation: fadeInUp .2s ease-in-out; -moz-animation: fadeInUp .2s ease-in-out; } .mobile-toggle { position: absolute; top: 0; height: 46px; left: 0; right: 0; z-index: 111; } .pr-main-menu-toggle { display: none; padding: 10px; color: #000; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; } .pr-main-menu-toggle .toggle-icon { display: inline-block; vertical-align: -1px; margin: 0 5px 0 0; width: 16px; height: 11px; background: url("../images/sprite.png") -438px 0 no-repeat; } .menu-toggle { width: 30px; height: 30px; position: relative; background: rgba(51, 51, 51, 0.7); display: none; cursor: pointer; margin-right: 5px; } .menu-toggle:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 16px; height: 11px; background: url("../images/sprite.png") -390px 0 no-repeat; } .property-form select { margin: 0 0 0 5px; } /*icons*/ .wrapper .key-icon, .wrapper .lock-icon, .wrapper .logout-icon, .wrapper .user-icon { display: inline-block; vertical-align: middle; width: 14px; height: 16px; background: url("../images/sprite.png") 0 0 no-repeat; margin-right: 5px; } .wrapper .logout-icon { width: 16px; background-position: -14px 0; } .wrapper .lock-icon { background-position: -30px 0; margin: 0 5px 0 0; vertical-align: -2px; } .wrapper .key-icon { width: 15px; height: 15px; background-position: -44px 0; } .wrapper .filter-form .pr-filter .pr-filter-item ul li label { font-size: 12px; } .features { margin: 15px 0 0 0; font-size: 0; } .features-side .feature-item { height: 75px; border: 1px solid #DDD; box-shadow: 0 1px 2px rgba(63, 69, 75, 0.2); border-radius: 5px; background: #fff; box-sizing: border-box; padding: 12px 10px 15px 85px; font-size: 13px; line-height: 21px; width: 31.8%; display: inline-block; vertical-align: top; } .features-side .feature-item.card { background: #fff url("../images/visa-icon.png") 15px center no-repeat; } .features-side .feature-item.warranty { background: #fff url("../images/warranty-icon.png") 15px center no-repeat; } .features-side .feature-item.delivery { background: #fff url("../images/delivery-icon.png") 15px center no-repeat; } .features-side .feature-item + .feature-item { margin: 0 0 0 11px; } .checkCapcha { margin: 0 0 10px 0; } .wrapper .filter-preview { margin: 0 0 0 20px; } .personal-tabs-list, .product-tabs { display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; font-size: 0; border-bottom: 1px solid #DAE1E3; } .personal-tabs-list li, .product-tabs li { display: inline-block; margin: 0 2px 0 0; } .personal-tabs-list li a, .product-tabs li a { border-top: 3px solid #999; border-left: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #fff; display: inline-block; padding: 5px 10px 5px; color: #808080; font-size: 0.8rem; text-decoration: none; border-radius: 6px 6px 0 0; background: #EBEFF1; } .personal-tabs-list li a:hover, .product-tabs li a:hover { background: #FF4747; color: #ffffff; } .personal-tabs-list li.ui-state-active a, .product-tabs li.active a { margin-bottom: -1px; padding: 5px 15px 5px; color: #7f8b8d; background: #ffffff; border-top: 3px solid #FD0000; border-left: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #fff; } .product-tabs-container p { margin: 0 0 10px 0; font-size: 14px; line-height: 21px; } .product-tabs-container { padding: 30px 0; } .checkout-form-wrapper .form-list textarea, .checkout-form-wrapper .form-list input[type="text"] { width: 100%; box-sizing: border-box; } .delivery-vs-payment, .checkout-form-wrapper .form-list { box-sizing: border-box; width: 48%; float: left; background: #fff; padding: 15px; border-radius: 5px; border: 1px solid #DDD; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .checkout-form-wrapper .delivery-vs-payment { float: left; } .checkout-form-wrapper .form-list { margin: 0 0 15px 0; } .checkout-form-wrapper .yur-field { float: right; margin: 0; } .checkout-form-wrapper .summ-info, .checkout-form-wrapper .delivery-date { margin: 0 0 8px 0; } .checkout-form-wrapper .capcha-text { color: var(--main-color); font-size: 1rem; font-weight: bold; margin: 10px 0 3px; } .checkout-form-wrapper .checkCapcha img { border: 1px solid #ddd; } .checkout-form-wrapper .checkout-btn { margin: 15px 0 0 0; } .fancybox-wrap .fancybox-skin { background: #fff; } .person-page .form-list li input[type="password"], .person-page .form-list li input[type="text"] { max-width: 320px; width: 100%; } .bottom-bar .pr-fake-cart { text-align: left; z-index: 350; } .wrapper .pr-product-to-compare .pr-compare-count { background: #E30101; } .pr-compare-product-inner .cart_form { width: 40px; padding: 0 27px; } .wrapper .pr-compare-products .pr-compare-product .pr-compare-product-inner .buy-container .cart_form { margin: 0 auto; float: none; } .wrapper .pr-compare-products .pr-compare-product .pr-compare-product-inner .buy-container .product-info, .wrapper .pr-compare-products .pr-compare-product .pr-compare-product-inner .buy-container .addToCart { display: block; text-align: center; } .product-cart .product-wrapper .product-buttons { text-align: center; } .product-cart .checkout-form { float: right; } .product-cart .promo-form span { font-size: 14px; } .product-cart .promo-form { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; } .product-cart .promo-form .input-coupon { margin: 0 10px; } .alert-info { color: #31708F; background: #D9EDF7; border: 1px solid #BCE8F1; padding: 10px; font-size: 14px; text-align: center; } /*леяут горизонтального меню*/ .pr-main-menu-holder { margin: 0; background: #FBFBFB; border-bottom: 1px solid #DFDCDC; padding: 0; z-index: 52; } .pr-main-menu { position: relative; margin: 0; font-size: 0; padding: 0; } .pr-main-menu > li { display: inline-block; vertical-align: top; list-style: none; width: 14%; height: fit-content; z-index: 60; } .pr-main-menu > li a { color: #000; display: block; text-align: left; font-size: 12px; padding: 5px 10px; text-decoration: none; } .pr-main-menu li a:hover { color: var(--main-color); } .pr-main-menu .submenu { position: absolute; top: 60px; background-color: #fff; z-index: 54; max-width: 100%; padding: 15px 10px 0 10px; border: 1px solid #DDD; border-radius: 0 0 5px 5px; box-shadow: 0 1px 2px rgba(63, 69, 75, 0.2); right: 0; left: 0; display: none; } .pr-main-menu > li:hover .submenu { display: block; } .pr-main-menu .submenu > li { width: 24%; display: inline-block; vertical-align: top; margin: 0 5px 5px 0; } .pr-main-menu .submenu > li ul { padding: 0; margin: 7px 0 0 70px; clear: both; list-style: none; } .pr-main-menu .submenu > li ul li { margin: 0 0 5px 0; font-size: 11px; color: #1391C7; } .pr-main-menu .submenu > li ul li a { font-weight: normal; color: #1391C7; text-align: left; display: inline-block; } .pr-main-menu .submenu > li a { padding: 0; text-align: left; } .pr-main-menu .pr-cat-img { width: 40px; height: 40px; float: left; margin: 0 0 0 20px; text-align: center; } .pr-main-menu .pr-cat-desc a { word-wrap: break-word; } .pr-main-menu .pr-cat-desc { margin: 0 0 0 70px; } .pr-main-menu .pr-cat-img img { max-width: 100%; height: auto; } .pr-main-menu li:hover li a:hover { text-decoration: underline; } .wrapper .ui-slider-horizontal .ui-slider-handle { margin-left: -8px; } .wrapper .ui-slider .ui-slider-handle:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .wrapper .ui-slider .ui-slider-handle { width: 16px; height: 16px; background: #ffffff; background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); border: 1px solid #C2BBBB; border-radius: 100px; top: -5px; } .filter-block .filter-preview { background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 0 5px 5px 0; padding: 6px 10px; margin: -10px 0 0 20px; } .wrapper .comments textarea { border-radius: 5px; padding: 10px; } .comments .comments-msg { font-weight: bold; text-align: center; font-size: 14px; } .pr-recent-products .product-wrapper .product-name { height: 32px; line-height: 17px; } .comments .sendComment { float: right; margin: 10px 0 0 0; } .comments .comment-list .comment-post { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } .comments .c-msg-red { padding: 10px; color: #c2646d; background: #fdd6da; border: 1px solid #eca8a8; display: block; } .comments .c-msg-green { padding: 10px; color: #4d8b52; border: 1px solid #aed0b1; background: #d7f4ce; display: block; } body .pr-scrollTop { width: 64px; height: 64px; bottom: 50px; right: 15px; cursor: pointer; opacity: 0.5; background: url("../images/sprite.png") -305px -16px no-repeat; } body .pr-scrollTop:hover { opacity: 1; background-position: -305px -16px; } .wrapper .wrapper-back-ring { margin: 0; } .wrapper .filter-form .price-slider-list li input[type="text"] { width: 70px; font-size: 13px; } .modal-ring-list li { margin: 0 0 10px 0; } .wrapper .custom-text { width: auto; } .wrapper .pr-trigger-guarantee .pr-trigger { float: none; vertical-align: top; margin: 0 0 10px 0; } .m-p-slide-unit iframe { max-width: 100%; max-height: 100%; } .error-404 { text-align: center; font-size: 28px; line-height: 26px; font-weight: bold; margin: 100px 0 0 0; } .error-404 p { font-size: 14px; font-weight: normal; } .error-404 a:hover { text-decoration: none; } .error-404 a { display: inline-block; font-weight: normal; vertical-align: top; font-size: 14px; line-height: 14px; } .pr-compare-products .pr-compare-product-image { margin: 0 0 10px 0; } .pr-compare-products .pr-compare-product-image a { display: block; } .get-login { margin: 20px 0; font-size: 15px; } .news-block a:hover { text-decoration: none; } .news-block .title { font-size: 18px; font-weight: normal; margin: 0; } .news-block .news-item { overflow: hidden; } .news-block .news-item img { width: 100%; height: auto; } .news-block .news-item .news-details .news-date { font-size: 0.7rem; line-height: 1rem; color: #333; text-align: center; margin-bottom: 5px; } .news-block .news-item .news-details { overflow: hidden; } .news-block .news-item + .news-item { margin: 15px 0 0 0; } .news-block .news-item .news-details .news-text { display: inline-block; font-size: 0.9rem; line-height: 1.4rem; } .news-block .news-body { margin: 10px 0; } .news-block .news-footer { text-align: right; } .news-block .news-footer .show-all { font-size: 1rem; } .product-cart .cart_form .amount_input { margin: 0 10px 0 5px; } .product-cart .cart_form .amount_change a { height: 28px; } .order-history .dont-paid, .order-history .paid, .order-history .get-paid, .order-history .dont-confirmed, .order-history .in-delivery, .order-history .performed, .order-history .processed { display: inline-block; padding: 3px 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 14px; text-shadow: 1px 1px 2px #4A4A4A; line-height: 14px; } .order-history .dont-paid { background-color: #B81212; } .order-history .paid { background-color: #28BB1D } .order-history .get-paid { background-color: #C1A700; } .order-history .dont-confirmed { background-color: #A9A5A5; } .order-history .in-delivery { background-color: #668BD4 } .order-history .performed { background-color: #66B917; } .order-history .processed { background-color: #CA5F09; } .variants-text { font-size: 0.7rem; line-height: normal; color: darkslategray; background: rgba(255, 255, 240, 0.6); border: 1px solid; border-radius: 3px; padding: 3px 5px; position: absolute; bottom: 3px; left: 1px; right: 1px; z-index: 22; text-align: center; width: fit-content; margin: 0 auto; } .owl-item .product-wrapper .block-variants { display: none; } .apply-filter-line .filter-tags { padding: 2px; } .pr-fake-cart .popup-header .title { font-weight: bold; padding: 0; font-size: 16px; margin: 0; } .pr-desktop-cart .small-cart .title { font-weight: bold; font-size: 14px; color: #000; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; } .table-wrapper { overflow: auto; } /* spoiler */ div.spoiler { padding: 5px; line-height: 1.6; } div.spoiler div.spoiler-title { color: #000000; font-size: 12px; font-weight: bold; padding: 4px 7px; border: 1px solid #bbbbbb; border-bottom-color: #999999; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset; background: #cfd1cf linear-gradient(to bottom, rgb(245, 245, 245), rgb(229, 229, 229)); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf'); cursor: pointer; user-select: none; } div.spoiler div.spoiler-title div.spoiler-toggle { display: inline-block; height: 11px; margin-left: 4px; cursor: pointer; -webkit-user-modify: read-only; } div.spoiler div.spoiler-title div.hide-icon { /* background: url('../images/minus.png') no-repeat scroll left center transparent;*/ } div.spoiler div.spoiler-title div.show-icon { /* background: url('../images/plus.png') no-repeat scroll left center transparent;*/ } div.spoiler div.spoiler-content { font-size: 13px; border: 1px solid #bbbbbb; border-top: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: none repeat scroll 0 0 #F5F5F5; padding: 4px 10px; } blockquote { border: dotted #666 1px; border-left: solid #ff5a00 5px; margin: 10px 10px; padding: 15px; color: #333; font-style: italic; font-size: 14px; background: #fcfcfc; } body { position: relative; /* Нужно для позиционирования псевдоэлемента */ background-image: url('../images/fon/FON 2025-01-28 20.44.30.webp'); /* Указываем путь к изображению */ background-size: cover; /* Покрывает весь контейнер */ background-position: center; /* Центрирует изображение */ background-repeat: no-repeat; /* Не повторяет изображение */ background-attachment: fixed; /* Фиксирует фон при прокрутке */ height: fit-content; /* Высота контейнера на весь экран */ width: 100%; /* Ширина контейнера на весь экран */ margin: 0; /* Убирает отступы вокруг body */ padding: 0; /* Убирает внутренние отступы */ } /* Статичная прозрачная пленка */ body::after { content: ''; /* Псевдоэлемент не отображает текст, только стили */ position: fixed; /* Фиксированное позиционирование */ top: 0; left: 0; right: 0; bottom: 0; /* Занимает весь экран */ background-color: rgba(0, 0, 0, 0.3); /* Полупрозрачный черный фон */ pointer-events: none; /* Позволяет взаимодействовать с элементами под пленкой */ z-index: -1; /* Помещает пленку на задний план, ниже всех других элементов */ } /* Кнопка заказать звонок */ .product-details-block .callback-button, .header .callback-button { border: unset; float: right; font-size: .9rem; display: inline-block; margin: 20px 0 0 20px; padding: 7px 15px; background: linear-gradient(to bottom, var(--main-color), var(--secondary-color)); /* Вертикальный градиент */ color: #FF0; /* Цвет текста */ text-shadow: 2px 2px 2px #999; letter-spacing: 0.5px; text-decoration: none; border-radius: 5px; position: relative; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; animation: lift-off 3s infinite; /* Анимация "отрыва" */ } .product-details-block .callback-button, .header .callback-button:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); /* Усиление тени при наведении */ color: #FFF; /* Цвет текста */ } .footer .callback-button { background: #F0F8FF; border: 1px solid #999; color: #666; padding: 3px 7px; } .footer .callback-button:hover { background: #FFF; color: #4682B4; } @keyframes lift-off { 0%, 100% { transform: translateY(0) rotate(0deg); box-shadow: none; /* Без тени */ } 10%, 90% { transform: translateY(-10px) rotate(0deg); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); /* Тень при "отрыве" */ } 25% { transform: translateY(-10px) rotate(-3deg); } 75% { transform: translateY(-10px) rotate(3deg); } } /* конец Кнопка заказать звонок */ .ya-share2__container, .title-share { margin: 0 auto; width: fit-content; } .title-share { padding-top: 5px; } .link-catalog { border-bottom: 1px dashed var(--main-color); color: var(--main-color); font-size: 1.2rem; } .link-catalog:hover { border-bottom: 1px dashed var(--secondary-color); color: var(--secondary-color); } .content-overflow { width: 100%; height: 100%; background: rgba(51, 51, 51, 0.5); } .counter { background: rgba(255, 255, 255, 0.9); display: flex; justify-content: center; padding: 3px 0; width: 100%; } .brand-img img { /* Базовые стили */ display: block; /* Убираем лишние отступы вокруг изображения */ max-width: 100%; /* Изображение не выйдет за пределы родительского контейнера */ height: auto; /* Сохраняем пропорции изображения */ border-radius: 5px; /* Закругленные углы */ border: 3px solid #f0f0f0; /* Тонкая рамка */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Легкая тень */ transition: transform 0.3s ease, box-shadow 0.3s ease; /* Гладкая анимация на трансформацию и тень */ margin-bottom: 20px; padding: 10px; } .brand-img img:hover { /* Эффект при наведении */ transform: scale(1.05); /* Легкое увеличение */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Увеличиваем тень */ border-color: #ff9800; /* Меняем цвет рамки */ } .price-notice { border-bottom: 1px dashed; color: #000; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.5px; } .price-notice:hover { color: var(--secondary-color); } .drop-shadow { position: relative; padding: 1em; margin: 2em auto 5em; background: #fff; box-shadow: 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset, 0 9px 9px -3px rgba(0, 0, 0, 0.4); } .title-page { color: var(--secondary-color); } .link-page { border-bottom: 1px dashed; color: #333; width: fit-content; } .link-page:hover { color: var(--main-color); } .page-img img { display: block; /* Убираем лишние отступы вокруг изображения */ max-width: 100%; /* Изображение не выйдет за пределы родительского контейнера */ height: auto; /* Сохраняем пропорции изображения */ border: 1px solid #F5F5F9; /* Тонкая рамка */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); /* Легкая тень */ transition: transform 0.3s ease, box-shadow 0.3s ease; /* Гладкая анимация на трансформацию и тень */ margin-bottom: 20px; padding: 10px; } .page-img img:hover { /* Эффект при наведении */ transform: scale(1.05); /* Легкое увеличение */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Увеличиваем тень */ border-color: #999; /* Меняем цвет рамки */ } .link-icon { color: var(--main-color); font-size: 1.2rem; } .link-icon:hover { color: var(--secondary-color); } /* carousel рекомендуемых товаров */ .c-carousel .c-goods__img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }