/* Theme Name: MaryNik Template: storefront Version: 1.0 */ /* @import url("/wp-content/themes/storefront/style.css"); */ /* @import url("/wp-content/themes/storefront/style-rtl.css"); */ @font-face { font-family: 'Manrope'; src: url('fonts/Manrope-Regular.eot'); src: local('☺'), url('fonts/Manrope-Regular.woff') format('woff'), url('fonts/Manrope-Regular.ttf') format('truetype'), url('fonts/Manrope-Regular.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('fonts/Manrope-Medium.eot'); src: local('☺'), url('fonts/Manrope-Medium.woff') format('woff'), url('fonts/Manrope-Medium.ttf') format('truetype'), url('fonts/Manrope-Medium.svg') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('fonts/Manrope-Bold.eot'); src: local('☺'), url('fonts/Manrope-Bold.woff') format('woff'), url('fonts/Manrope-Bold.ttf') format('truetype'), url('fonts/Manrope-Bold.svg') format('svg'); font-weight: 700; font-style: normal; } html{height: 100%;} body{margin: 0 auto; padding-top: 86px; height: 100%; white-space: normal; font-family: 'Manrope', sans-serif; color: #1D1D1B; background: #F7F7F7; line-height: 1.1; font-size: 16px; font-weight: 400;} a,input,h1,h2,h3,h4,h5,h6{margin: 0px; color: inherit; line-height: inherit; text-decoration: none; letter-spacing: 0px;} a, input, label, label::before, select, textarea, a *, button, .button, .header-scroll, .popup-container, .popup, .mega-menu-container, .mega-menu, .catalog-menu > li > .sub-menu, .catalog-menu > .menu-item-has-children > .arrow::before, .slick-prev::before, .slick-next::before, .slick-prev::after, .slick-next::after, .btn-menu-icon i, .tab, .wpcf7-list-item-label::before, .f-group-item-label::before, .aws-search-result .aws_result_item, .aws-search-result .aws_search_more, .wpclv-attributes-single .wpclv-terms .wpclv-term, .variations .wpcvs-terms .wpcvs-term, .wpc-filter-layout-dropdown .select2-container .select2-selection--single::after, .wpc-sorting-form .select2-container .select2-selection--single::after, .woocommerce-form__label-for-checkbox span::before, .open-pvz-btn{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } *, ol, ul{position: relative; margin: 0px; padding: 0px; list-style: none; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 0; outline: none !important; color: inherit; font-family: inherit; font-weight: normal; line-height: 1.1;} img{border-radius: 0px !important;} b, strong, b *, strong *{font-weight: 500;} p, p *{margin: 0px; line-height: 1.4;} .wrapper, .col-full{margin: 0 auto; padding: 30px; max-width: 1400px; box-sizing: border-box;} .content-area, .widget-area, .site-main{float: none !important; margin-bottom: 0px !important;} .phone{white-space: nowrap;} .edit-link{display: none;} .red{line-height: inherit; font-weight: inherit; color: #890212;} .photo picture{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden;} .photo picture img{display: block; width: 100%; height: 100%; object-fit: cover;} @media only screen and (max-width: 767px) { body{padding-top: 56px;} ::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} .wrapper, .col-full{padding-left: 15px; padding-right: 15px;} } /* Кнопки */ button, button:hover, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button{background-color: unset !important; border-color: unset !important;} .button{display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 0px 30px; height: 52px; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; border: 1px solid; border-radius: 12px !important; white-space: nowrap; cursor: pointer;} button, .btn-secondary{color: rgba(29, 29, 27, 1) !important; background-color: transparent !important; border-color: rgba(29, 29, 27, 1) !important;} button:hover, .btn-secondary:hover{color: rgba(29, 29, 27, 0.7) !important; border-color: rgba(29, 29, 27, 0.7) !important;} button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt, .btn-primary, .button.btn-primary, .auth-form .button, .lost-password-page .button{color: #F7F7F7 !important; background-color: rgba(29, 29, 27, 1) !important; border-color: rgba(29, 29, 27, 1) !important;} button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover, .btn-primary:hover, .button.btn-primary:hover, .auth-form .button:hover, .lost-password-page .button:hover{color: #F7F7F7 !important; background-color: rgba(29, 29, 27, 0.9) !important; border-color: rgba(29, 29, 27, 0.9) !important;} .btn-primary.btn-alt, .button.btn-primary.btn-alt{color: #1D1D1B !important; background-color: rgba(247, 247, 247, 1) !important; border-color: rgba(247, 247, 247, 1) !important;} .btn-primary.btn-alt:hover, .button.btn-primary.btn-alt:hover{background: rgba(247, 247, 247, 0.9) !important; border-color: rgba(247, 247, 247, 0.9) !important;} .btn-secondary.btn-alt{color: rgba(247, 247, 247, 1) !important; background-color: transparent !important; border-color: rgba(247, 247, 247, 1) !important;} .btn-secondary.btn-alt:hover{color: rgba(247, 247, 247, 0.7) !important; border-color: rgba(247, 247, 247, 0.7) !important;} .buttons{display: flex; gap: 10px;} /* Сетка формы */ form{margin-bottom: 0px;} .form-layout{display: flex; flex-wrap: wrap; gap: 15px;} .f-100{width: 100%;} .f-50{width: calc(50% - 7.5px);} .form-row label, .f-label{display: block; margin-bottom: 5px; color: rgba(29, 29, 27, 0.7); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .f-submit{margin-top: 5px; width: 100%;} .f-submit .button{width: 100%;} .f-agree{width: 100%;} .f-submit + .f-agree{margin-top: 5px;} .form-agree{font-size: 14px;} .form-agree a{color: rgba(29, 29, 27, 0.7); border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .form-agree a:hover{color: rgba(29, 29, 27, 1); border-color: rgba(29, 29, 27, 1);} .form-row{margin-bottom: 15px;} .f-depend{display: none;} .f-depend-selected{display: block;} @media only screen and (max-width: 767px) { .f-50{width: 100%;} .form-agree{font-size: 12px;} } /* Поля форм */ input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text, .form-field{display: block; padding: 15px !important; width: 100%; color: #1D1D1B; font-family: 'Manrope', sans-serif !important; font-size: 16px; font-weight: 400; background: none !important; border: 1px solid rgba(29, 29, 27, 0.5) !important; border-radius: 6px; box-shadow: none !important; overflow-x: hidden;} input[type=text]:hover, input[type=number]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, input[type=password]:hover, input[type=search]:hover, textarea:hover, .input-text:hover, .form-field:hover{border-color: rgba(29, 29, 27, 1) !important;} input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus, .form-field:focus{border-color: rgba(29, 29, 27, 1) !important; box-shadow: 0px 0px 0px 1px rgba(29, 29, 27, 1) !important;} input::-webkit-input-placeholder{color: rgba(29, 29, 27, 0.5);} input:-moz-placeholder{color: rgba(29, 29, 27, 0.5);} textarea::-webkit-input-placeholder{color: rgba(29, 29, 27, 0.5);} textarea:-moz-placeholder{color: rgba(29, 29, 27, 0.5);} button{background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;} :active, :hover, :focus{outline: 0; outline-offset: 0;} textarea{resize: none; overflow: auto; min-height: 120px} .f-radio, .f-checkbox{display: flex; flex-direction: column; gap: 10px;} .f-label + .f-radio, .f-label + .f-checkbox{margin-top: 15px;} .wpcf7-list-item, .f-group-item{margin: 0px !important;} .wpcf7-list-item input, .f-group-item input{display: none;} .wpcf7-list-item-label, .f-group-item-label{display: flex; align-items: flex-start; gap: 10px; cursor: pointer;} .wpcf7-list-item-label::before, .f-group-item-label::before{content: ""; flex-shrink: 0; display: block; width: 20px; height: 20px; border: 1px solid rgba(29, 29, 27, 0.5); box-sizing: border-box;} .wpcf7-list-item-label:hover::before, .f-group-item-label:hover::before{border-color: rgba(29, 29, 27, 1);} :checked + .wpcf7-list-item-label::before, :checked + .f-group-item-label::before{border-color: rgba(29, 29, 27, 1);} .wpcf7-radio .wpcf7-list-item-label::before, .f-radio .f-group-item-label::before{border-radius: 50%;} .wpcf7-radio :checked + .wpcf7-list-item-label::before, .f-radio :checked + .f-group-item-label::before{border-width: 6px;} .wpcf7-checkbox .wpcf7-list-item-label::before, .wpcf7-acceptance .wpcf7-list-item-label::before, .f-checkbox .f-group-item-label::before{background: url('images/icons/tick-white.svg') center center no-repeat; background-size: 10px; border-radius: 6px;} .wpcf7-checkbox :checked + .wpcf7-list-item-label::before, .wpcf7-acceptance :checked + .wpcf7-list-item-label::before, .f-checkbox :checked + .f-group-item-label::before{background-color: rgba(29, 29, 27, 1);} input[type="number"]{-moz-appearance: textfield; -webkit-appearance: none; appearance: none;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} .quantity{position: relative; display: inline-block;} .quantity .qty{padding: 15px 35px; width: 100px; height: 32px; color: #1D1D1B; line-height: 1; font-size: 16px; font-weight: normal; background: none; border: 1px solid rgba(29, 29, 27, 0.5); border-radius: 6px; box-shadow: none;} .quantity .minus, .quantity .plus{position: absolute; top: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; padding: 0px; height: 100%; width: 35px; color: #1D1D1B; font-size: 16px; background: none; border-radius: 0px; z-index: 1;} .quantity .minus{left: 0px;} .quantity .plus{right: 0px;} .show-password-input{display: flex; justify-content: center; align-items: center; bottom: 0px; padding: 0px 15px;} .codedropz-upload-handler{color: rgba(29, 29, 27, 0.5); font-size: 14px; background: rgba(29, 29, 27, 0.05); border: 2px dashed rgba(29, 29, 27, 0.1) !important; border-radius: 12px !important;} .codedropz-upload-inner span{display: block;} .codedropz-upload-inner span:nth-of-type(2){margin: 5px 0px;} .codedropz-upload-inner a{color: #1D1D1B;} /* Contact form 7 */ .wpcf7-form-control-wrap{display: block;} .wpcf7-spinner{position: absolute !important; top: 50%; right: 50%; transform: translate(50%, -50%); margin: 0px !important;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; margin: 0px !important; padding: 30px !important; text-align: center; color: #F7F7F7; line-height: 1.4; background: #1D1D1B; border: 0 !important; border-radius: 6px; opacity: 0; visibility: hidden; z-index: 2; animation: 3s alert-show ease;} .wpcf7-not-valid-tip{position: absolute !important; top: 0px; right: 0px; max-width: 100%; padding: 2px 5px; color: #F7F7F7 !important; font-size: 12px; background: #1D1D1B; border-radius: 0px 6px 0px 6px; z-index: 1; pointer-events: none;} @keyframes alert-show { 0% {opacity: 0; visibility: hidden;} 15% {opacity: 1; visibility: visible;} 85% {opacity: 1; visibility: visible;} 100% {opacity: 0; visibility: hidden;} } /* Попапы */ .popup-container{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; z-index: 99;} .popup-visible{opacity: 1; visibility: visible;} .popup-container > .popup-overlay{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.3); cursor: pointer;} .popup{padding: 45px 30px 30px; width: 600px; max-height: 100vh; background: #F7F7F7; border-radius: 12px; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); overflow-y: scroll; scrollbar-width: none;} .popup-visible .popup{} .popup::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} .popup > .popup-close{position: absolute; top: 12px; right: 12px; padding: 0px; width: 36px; height: 36px; background: url('images/icons/close.svg') center center no-repeat; background-size: 20px 20px;} .popup .headline{display: block; margin-bottom: 15px; text-align: center; font-size: 24px; font-weight: 500;} .popup .form-desc{margin-top: 5px; text-align: center} .popup .form-layout{margin-top: 30px;} @media only screen and (max-width: 767px) { .popup{padding-left: 15px; padding-right: 15px; width: 100%;} .popup .headline{font-size: 20px;} .popup .form-layout{margin-top: 25px;} } /* Попапы промо-акций */ .popup-promo{width: 450px;} .popup-promo .story{padding: 20px; background: #FFFFFF; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px;} .popup-promo .popup-buttons{display: flex; gap: 10px; margin-top: 20px; width: 100%;} .popup-promo .popup-buttons .button{flex: 1;} /* Попапы боковые */ .popup-sider-container{justify-content: flex-end; align-items: stretch;} .popup-sider{margin-right: -100px; width: 360px; border-radius: 12px 0px 0px 12px;} .popup-visible .popup-sider{margin-right: 0px;} .popup-sider .headline{text-align: left;} /* Попапы предупреждения Cookies */ .popup-cookies-container{align-items: flex-end; padding-bottom: 30px;} .popup-cookies{padding: 15px; width: unset; max-width: 900px;} .popup-cookies .cookies-block{display: flex; align-items: center; gap: 30px;} .popup-cookies .agreement{font-size: 14px;} @media only screen and (max-width: 767px) { .popup-cookies-container{padding-bottom: 15px;} .popup-cookies .cookies-block{flex-direction: column; align-items: stretch; gap: 15px;} .popup-cookies .agreement{font-size: 12px;} } /* Попапы. Поиск */ .popup-search-container{align-items: flex-start; padding-top: 30px;} .aws-container .aws-search-form{height: 53px;} .aws-container .aws-search-form .aws-wrapper{overflow: visible;} .aws-container .aws-show-clear .aws-search-field{display: block; width: 100%; padding: 15px 45px !important; color: #1D1D1B; line-height: 1.1 !important; font-family: 'Manrope', sans-serif !important; font-size: 16px; font-weight: 400; background: none !important; border: 1px solid rgba(29, 29, 27, 0.5) !important; border-radius: 6px !important; box-shadow: none !important; overflow-x: hidden;} .aws-container .aws-show-clear .aws-search-field:hover{border-color: rgba(29, 29, 27, 1) !important;} .aws-container .aws-show-clear .aws-search-field:focus{border-color: rgba(29, 29, 27, 1) !important; box-shadow: 0px 0px 0px 1px rgba(29, 29, 27, 1) !important;} .aws-container .aws-show-clear .aws-search-field::-webkit-input-placeholder{color: rgba(29, 29, 27, 0.5);} .aws-container .aws-show-clear .aws-search-field::-moz-placeholder{color: rgba(29, 29, 27, 0.5);} .aws-container .aws-search-form .aws-form-btn{position: absolute; top: 0px; left: 0px; bottom: 0px; background: url('images/icons/search.svg') center center no-repeat transparent !important; background-size: 20px 20px !important; border: 0 !important; z-index: 2;} .aws-container .aws-search-form .aws-search-btn{width: 45px;} .aws-container .aws-search-form .aws-search-btn_icon{display: none;} .aws-container .aws-search-form .aws-search-clear{bottom: 0px; width: 45px; padding: 0px; background: url('images/icons/close.svg') center center no-repeat; background-size: 10px 10px;} .aws-container .aws-search-form .aws-search-clear span{display: none;} .aws-search-result{margin-top: 10px; color: #1D1D1B; background: #F7F7F7; border-radius: 12px !important; overflow: hidden;} .aws-search-result *{color: #1D1D1B !important;} .aws-search-result, .aws-search-result *{border-color: rgba(29, 29, 27, 0.1) !important;} .aws-search-result .aws_result_item.hovered, .aws-search-result .aws_result_item:hover, .aws-search-result .aws_search_more a:hover{background: rgba(29, 29, 27, 0.05);} .aws-search-result .aws_search_more a{font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .aws-search-result ul::-webkit-scrollbar-track{background-color: rgba(29, 29, 27, 0.05);} .aws-search-result ul::-webkit-scrollbar{width: 5px; background-color: rgba(29, 29, 27, 0.05);} .aws-search-result ul::-webkit-scrollbar-thumb{background-color: #1D1D1B; cursor: pointer;} @media only screen and (max-width: 767px) { .popup-search-container{padding-top: 0px;} } /* Попапы. Поделиться */ .popup-share{width: 420px;} .popup-share .headline{margin-bottom: 20px;} .popup-share .social{justify-content: center;} .popup-share .social-item{width: 60px; height: 60px;} .popup-share .current-link{display: none;} .popup-share .btn-copy-link{margin-top: 20px; width: 100%;} /* Форматирование текста */ .story{} .story > :first-child{margin-top: 0px;} .story > :last-child{margin-bottom: 0px;} .story *{font-size: 16px;} .story p{margin: 15px 0px;} .story strong{font-weight: 700;} .story h1{font-size: 36px; font-weight: 500;} .story h2{margin-top: 40px; margin-bottom: 25px; line-height: 1.1; font-size: 24px; font-weight: 500;} .story h3{margin-top: 40px; line-height: 1.1; font-size: 20px; font-weight: 500;} .story h1 *, .story h2 *, .story h3 *{font-weight: 500;} .story ul, .story ol{margin: 0px 0px 30px; counter-reset: myCounter;} .story li{margin: 10px 0px; padding-left: 25px; line-height: 1.4;} .story li *{line-height: 1.4;} .story li::before{position: absolute; left: 0px; top: 0px; display: block; line-height: 1.4;} .story ul li::before{content: "—";} .story ol li::before{counter-increment: myCounter; content: counter(myCounter) ".";} .story img{width: 100%; border-radius: 12px !important;} .story .wp-post-image, .story .wp-caption{margin: 30px 0px;} .story .wp-caption img{margin: 0px;} .story .wp-caption-text{margin: 20px 0px 0px; padding: 0px; text-align: center; color: rgba(29, 29, 27, 0.5); font-size: 14px; font-style: normal; border: 0px;} .story blockquote{margin: 30px 45px; padding: 0px; font-style: normal; border: 0px;} .story blockquote *{line-height: 1.4; font-size: 20px;} .story a{color: rgba(29, 29, 27, 0.7); border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .story a:hover{color: rgba(29, 29, 27, 1); border-color: rgba(29, 29, 27, 1);} @media only screen and (max-width: 767px) { .story *{font-size: 14px;} .story p{margin: 12px 0px;} .story h1{font-size: 24px;} .story h2{margin-top: 35px; margin-bottom: 15px; font-size: 20px;} .story h3{margin-top: 35px; font-size: 16px;} .story ul, .story ol{margin: 25px 0px;} .story li{margin: 8px 0px; padding-left: 20px;} .story .wp-post-image, .story .wp-caption{margin: 25px 0px;} .story .wp-caption-text{margin: 15px 0px 0px; font-size: 12px;} .story blockquote{margin: 30px 15px;} .story blockquote *{font-size: 16px;} } /* Слайдер. Slick Slider */ .slick-prev, .slick-next{outline: none; position: absolute; top: 0; bottom: 0; display: block; text-indent: 9999px; white-space: nowrap; border-radius: 0px; overflow: hidden; cursor: pointer; z-index: 1;} .slick-prev{left: 0px;} .slick-next{right: 0px;} .slick-disabled{opacity: 0; visibility: hidden;} /* Слайдер. Карусель */ .carousel-slider .slick-prev, .carousel-slider .slick-next, .products-slider-block .slick-prev, .products-slider-block .slick-next{width: 90px; overflow: visible;} .carousel-slider .slick-prev::before, .carousel-slider .slick-next::before, .products-slider-block .slick-prev::before, .products-slider-block .slick-next::before{content: ""; position: absolute; top: 50%; right: 50%; display: block; width: 45px; height: 60px; background: url('images/icons/arrow-white.svg') center center no-repeat rgba(29, 29, 27, 1); background-size: 24px 24px; border-radius: 12px; transform: translate(50%, -50%);} .carousel-slider .slick-prev::before, .products-slider-block .slick-prev::before{-webkit-transform: translate(50%, -50%) rotate(180deg); -ms-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg);} @media only screen and (max-width: 767px) { .carousel-slider .slick-prev, .carousel-slider .slick-next, .products-slider-block .slick-prev, .products-slider-block .slick-next{top: 45px; bottom: 45px; width: 60px;} .carousel-slider .slick-prev::before, .carousel-slider .slick-next::before, .products-slider-block .slick-prev::before, .products-slider-block .slick-next::before{width: 36px; height: 48px; background-size: 16px 16px;} } /* Слайдер. Продукты */ .products-slider-block ul.products{margin: 0px -7.5px;} .products-slider-block .slick-list{overflow: visible;} .products-slider-block .slick-track{margin-left: unset; margin-right: unset;} .products-slider-block .slick-slide{padding: 0px 7.5px;} /* Слайдер. Слайдшоу */ .slider-slideshow{border-radius: 24px; overflow: hidden;} .slider-slideshow .slide .bg{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;} .slider-slideshow .slide .content{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 60px 30px;} /* .slider-slideshow .slide .content::before{content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; display: block; height: 68%; background: linear-gradient(to top, rgba(222, 200, 180, 0.8), rgba(222, 200, 180, 0));} */ .slider-slideshow .slide .info{display: flex; flex-direction: column; align-items: center; gap: 15px;} .slider-slideshow .slide .upper-headline{display: inline-block; color: rgba(29, 29, 27, 0.5); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .slider-slideshow .slide .headline{display: block; text-align: center; color: #1D1D1B; font-size: 36px; font-weight: 500;} .slider-slideshow .slide .caption{display: block; padding: 5px 10px; text-align: center; color: #F7F7F7; font-weight: 500; background: #1D1D1B; border-radius: 12px;} .slider-slideshow .slick-prev, .slider-slideshow .slick-next{width: 90px; overflow: visible;} .slider-slideshow .slick-prev::before, .slider-slideshow .slick-next::before{content: ""; display: block; width: 100%; height: 100%; background: url('images/icons/arrow-white.svg') center center no-repeat; background-size: 24px 24px;} .slider-slideshow .slick-prev::before{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .slider-slideshow .slick-prev::after, .slider-slideshow .slick-next::after{content: ""; position: absolute; top: 50%; right: 50%; display: block; width: 300px; height: 300px; border: 1px solid rgba(247, 247, 247, 0.3); border-radius: 50%; transform: translate(50%, -50%);} .slider-slideshow .slick-prev:hover::after, .slider-slideshow .slick-next:hover::after{border-color: rgba(247, 247, 247, 1);} .slider-slideshow .slick-prev::after{margin-right: 45px;} .slider-slideshow .slick-next::after{margin-right: -45px;} .slider-slideshow .slick-dots{position: absolute; left: 0px; right: 0px; bottom: 15px; display: flex; justify-content: center; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; z-index: 1;} .slider-slideshow .slick-dots li button{display: block; padding: 0px; width: 60px; height: 2px; background: #F7F7F7; text-indent: 9999px; white-space: nowrap; border-radius: 90px; opacity: 0.3; overflow: hidden; cursor: pointer;} .slider-slideshow .slick-dots li button:hover{opacity: 1;} .slider-slideshow .slick-dots .slick-active button{opacity: 1;} @media only screen and (max-width: 767px) { .slider-slideshow .slide .content{padding: 45px 15px;} .slider-slideshow .slide .info{gap: 10px;} .slider-slideshow .slide .headline{font-size: 24px;} .slider-slideshow .slide .caption{padding: 4px 8px; font-size: 14px; border-radius: 6px;} .slider-slideshow .slick-dots li button{width: 30px;} .slider-slideshow .slick-prev, .slider-slideshow .slick-next{width: 45px;} .slider-slideshow .slick-prev::before, .slider-slideshow .slick-next::before{background-size: 16px 16px;} .slider-slideshow .slick-prev::after, .slider-slideshow .slick-next::after{width: 240px; height: 240px;} .slider-slideshow .slick-prev::after{margin-right: 52px;} .slider-slideshow .slick-next::after{margin-right: -52px;} } /* Соцсети */ .social{display: flex; gap: 10px;} .social-item{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid rgba(29, 29, 27, 0.2); border-radius: 50%; opacity: 0.5;} .social-item:hover{opacity: 1;} .social-item::before{content: ""; display: block; width: 100%; height: 100%; background: center center no-repeat; background-size: contain;} .social-item.vk::before{background-image: url('images/social/vk.svg');} .social-item.telegram::before{background-image: url('images/social/telegram.svg');} .social-item.whatsapp::before{background-image: url('images/social/whatsapp.svg');} .social-item.max::before{background-image: url('images/social/max.svg');} .social-item.yandex::before{background-image: url('images/social/yandex.svg');} .social-item.pinterest::before{background-image: url('images/social/pinterest.svg');} /* Шапка */ .header{position: absolute; top: -86px; left: 0px; right: 0px; z-index: 9;} .header > .wrapper{display: flex; align-items: center; gap: 30px; margin-top: 86px; padding-top: 15px; padding-bottom: 15px;} .header .left, .header .right{flex: 1; display: flex; align-items: center; gap: 30px;} .header .right{justify-content: flex-end;} .btn-profile{display: flex; align-items: center; gap: 0px; height: 36px; min-width: 36px;} .btn-profile::before{content: ""; display: block; width: 36px; height: 36px; background: url('images/icons/profile.svg') center center no-repeat; background-size: 20px 20px; cursor: pointer;} .btn-profile-text{font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .header .center{} .header-logo{display: inline-block; width: 140px; height: 56px; background: url('images/marynik-logo-full-black.svg') center center no-repeat; background-size: contain;} .header-buttons{display: flex; align-items: center; gap: 10px;} .header-buttons-item{display: block; width: 36px; height: 36px; background: center center no-repeat; background-size: 20px 20px; cursor: pointer;} .header-buttons-item.btn-search{background-image: url('images/icons/search.svg');} .header-buttons-item.btn-wishlist{background-image: url('images/icons/wishlist.svg');} .header-buttons-item.btn-cart{background-image: url('images/icons/cart.svg');} .header-buttons-item .counter{position: absolute; top: 0px; right: 0px; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; color: #F7F7F7; font-size: 10px; background: #1D1D1B; border-radius: 50%;} .header-scroll{position: fixed; top: 0px; background: #F7F7F7; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);} .header-scroll > .wrapper{margin-top: 0px; padding-top: 10px; padding-bottom: 10px;} .header-scroll .header-logo{width: 60px; height: 41px; background-image: url('images/marynik-logo-symbol-black.svg');} @media only screen and (max-width: 767px) { .header{top: -56px;} .header > .wrapper{gap: 15px; margin-top: 56px; padding-top: 10px; padding-bottom: 10px;} .header .left, .header .right{gap: 15px;} .header .left{gap: 0px;} .btn-profile-text{display: none;} .header-logo{width: 90px; height: 36px;} .header-buttons{gap: 0px; margin-right: -10px;} .header-buttons-item{background-size: 18px 18px;} .header-buttons-item .counter{top: 3px; right: 3px; width: 12px; height: 12px; font-size: 8px;} .header-scroll{top: 0px;} .header-scroll > .wrapper{margin-top: 0px;} .header-scroll .header-logo{width: 53px; height: 36px;} } /* Кнопка меню */ .btn-menu{display: flex; align-items: center; gap: 10px; height: 36px; min-width: 36px;} .btn-menu:hover{color: #1D1D1B !important;} .btn-menu-text{font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .btn-menu-icon{display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; padding: 3px 0px; width: 24px; height: 24px;} .btn-menu-icon i{display: block; height: 2px; background: #1D1D1B; border-radius: 500px;} .btn-menu-icon i:nth-child(1){margin-right: 7px;} .btn-menu-icon i:nth-child(2){} .btn-menu-icon i:nth-child(3){margin-left: 7px;} @media only screen and (min-width: 768px) { .btn-menu:hover .btn-menu-icon i:nth-child(1){margin-right: 0px; margin-left: 7px;} .btn-menu:hover .btn-menu-icon i:nth-child(2){margin: 0px 3px;} .btn-menu:hover .btn-menu-icon i:nth-child(3){margin-left: 0px; margin-right: 7px;} } .btn-menu-close .btn-menu-icon i:nth-child(1){margin: 0px !important; -webkit-transform: rotate(45deg) translate(6px, 5px); -ms-transform: rotate(45deg) translate(6px, 5px); transform: rotate(45deg) translate(6px, 5px);} .btn-menu-close .btn-menu-icon i:nth-child(2){opacity: 0;} .btn-menu-close .btn-menu-icon i:nth-child(3){margin: 0px !important; -webkit-transform: rotate(-45deg) translate(6px, -5px); -ms-transform: rotate(-45deg) translate(6px, -5px); transform: rotate(-45deg) translate(6px, -5px);} @media only screen and (max-width: 767px) { .btn-menu-text{display: none;} } /* Мега-меню */ .mega-menu-container{position: absolute; top: 100%; left: 0px; right: 0px; height: calc(100vh - 86px); visibility: hidden; opacity: 0;} .mega-menu-container.mega-menu-active{visibility: visible; opacity: 1;} .header-scroll .mega-menu-container{height: calc(100vh - 61px);} .mega-menu-overlay{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.3);} .mega-menu{max-height: 100%; background: #F7F7F7; border-top: 1px solid rgba(29, 29, 27, 0.1); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05); overflow-y: scroll;} .mega-menu::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} .mega-menu .wrapper{display: flex; justify-content: space-between; min-height: 480px;} .mega-menu .menus{width: 280px;} .catalog-menu{position: static; margin: 0px -15px;} .catalog-menu > li{position: static;} .catalog-menu > li > a{display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px 15px; font-size: 20px; font-weight: 500; background: rgba(29, 29, 27, 0); border-radius: 12px;} .catalog-menu > .menu-item-has-children > a::after{content: ""; display: block; width: 10px; height: 10px; background: url('images/icons/arrow-min-black.svg') center center no-repeat; background-size: contain;} .catalog-menu > .menu-item-has-children > .arrow{display: none;} .catalog-menu > li > .sub-menu{position: absolute; top: 0px; left: calc(100% + 45px); width: 360px; border-left: 1px solid rgba(29, 29, 27, 0.1); opacity: 0; visibility: hidden;} .catalog-menu > li > .sub-menu > li:not(:last-child)::after{content: ""; display: block; height: 1px; background: linear-gradient(to right, rgba(29, 29, 27, 0.1), rgba(29, 29, 27, 0.0));} .catalog-menu > li > .sub-menu > li > a{display: block; padding: 12px 15px 12px 20px; color: rgba(29, 29, 27, 0.7); font-size: 20px;} @media only screen and (min-width: 1081px) { .catalog-menu > li:hover > a{background: rgba(29, 29, 27, 0.05);} .catalog-menu > li > .sub-menu{min-height: 100%;} .catalog-menu > li:hover > .sub-menu{opacity: 1; visibility: visible;} .catalog-menu > li > .sub-menu > li > a:hover{color: rgba(29, 29, 27, 1);} } .main-menu{margin-top: 22px;} .main-menu a{display: block; padding: 8px 0px;} .main-menu a:hover{color: rgba(29, 29, 27, 0.7);} .mega-menu .info{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 30px; width: 280px;} .mega-menu-contact{display: flex; flex-direction: column; align-items: flex-end; gap: 20px;} .mega-menu-contact-item{display: flex; flex-direction: column; align-items: flex-end;} .mega-menu-contact-item .label{display: block; margin-bottom: 8px; color: rgba(29, 29, 27, 0.5); font-size: 14px;} .mega-menu-contact-item .value{font-size: 20px; font-weight: 500;} .mega-menu-contact-item .caption{display: block; margin-top: 5px; font-size: 12px;} .mega-menu .social{justify-content: flex-end; margin-top: 30px;} @media only screen and (max-width: 1080px) { .catalog-menu > li{position: relative;} .catalog-menu > .menu-item-has-children > a::after{display: none;} .catalog-menu > .menu-item-has-children > .arrow{position: absolute; top: 0px; right: 0px; display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; cursor: pointer;} .catalog-menu > .menu-item-has-children > .arrow::before{content: ""; display: block; width: 10px; height: 10px; background: url('images/icons/arrow-min-black.svg') center center no-repeat; background-size: contain;} .catalog-menu .sub-menu-shown + .arrow::before{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .catalog-menu > li > .sub-menu{position: relative; top: unset; left: unset; width: auto; height: 0px;} .catalog-menu > li > .sub-menu-shown{margin-bottom: 15px; height: auto; opacity: 1; visibility: visible;} .catalog-menu > li > .sub-menu > li > a{display: block; padding: 10px 15px; font-size: 16px;} .mega-menu .info{justify-content: flex-start;} } @media only screen and (max-width: 767px) { .mega-menu-container, .header-scroll .mega-menu-container{height: calc(100vh - 56px);} .mega-menu .wrapper{padding-top: 22px; flex-direction: column; gap: 30px;} .mega-menu .menus, .mega-menu .info{width: 100%;} .catalog-menu > li > a{padding: 10px 15px; font-size: 16px;} .catalog-menu > .menu-item-has-children > .arrow{height: 37px;} .catalog-menu > li > .sub-menu > li > a{font-size: 14px;} .mega-menu .info{align-items: stretch;} .mega-menu-contact{align-items: flex-start; gap: 15px;} .mega-menu-contact-item{align-items: flex-start;} .mega-menu-contact-item .label{margin-bottom: 5px; font-size: 12px;} .mega-menu-contact-item .value{font-size: 16px;} .mega-menu-contact-item .caption{margin-top: 3px; font-size: 10px;} .mega-menu .social{justify-content: flex-start;} .mega-menu .info .button{width: 100%;} } /* Хлебные крошки */ .storefront-breadcrumb{margin: 0px; padding: 0px;} .storefront-breadcrumb .col-full{padding-top: 15px; padding-bottom: 0px;} .woocommerce-breadcrumb{display: flex; flex-wrap: wrap; align-items: center; gap: 15px; font-size: 14px; color: rgba(29, 29, 27, 0.5);} .woocommerce-breadcrumb a{color: rgba(29, 29, 27, 1); text-decoration: none;} .woocommerce-breadcrumb a:hover{color: rgba(29, 29, 27, 0.7);} .woocommerce-breadcrumb a:first-of-type::before{display: none;} .woocommerce-breadcrumb .breadcrumb-separator{flex-shrink: 0; display: block; padding: 0px; width: 10px; height: 10px; background: url('images/icons/arrow-min-black.svg') center center no-repeat; background-size: contain;} .woocommerce-breadcrumb .breadcrumb-separator::after{display: none;} @media only screen and (max-width: 767px) { .woocommerce-breadcrumb{flex-wrap: nowrap; gap: 8px; margin: 0px -15px; padding: 0px 15px; font-size: 12px; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;} .woocommerce-breadcrumb .breadcrumb-separator{width: 8px; height: 8px;} } /* Заголовок блока */ .block-header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 30px;} .block-header + .story{margin-top: -10px;} .block-header .upper-headline{display: block; width: 100%; color: rgba(29, 29, 27, 0.5); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .block-header .headline{display: block; font-size: 36px; font-weight: 500;} .see-all{display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; opacity: 0.7;} .see-all::after{content: ""; display: block; width: 20px; height: 20px; background: url('images/icons/arrow-black.svg') center center no-repeat; background-size: contain;} .see-all:hover{opacity: 1;} .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header, .tax-product_brand .woocommerce-products-header{ margin-bottom: 30px !important; padding: 0px !important; text-align: left !important;} .tax-product_brand .woocommerce-products-header{align-items: flex-start;} .tax-product_brand .woocommerce-products-header .brand-thumbnail{margin: 0 0 15px !important; width: auto !important; max-height: 40px !important; align-self: unset !important;} .storefront-full-width-content.woocommerce-cart .entry-header h1:last-child, .storefront-full-width-content.woocommerce-checkout .entry-header h1:last-child, .storefront-full-width-content.woocommerce-account .entry-header h1:last-child, .storefront-full-width-content .woocommerce-products-header h1:last-child, .tax-product_brand .woocommerce-products-header .woocommerce-products-header__title{display: block; font-size: 36px; font-weight: 500;} @media only screen and (max-width: 767px) { .block-header{gap: 10px 15px; margin-bottom: 25px;} .block-header + .story{margin-top: -5px;} .block-header .headline{font-size: 24px;} .see-all{gap: 8px; font-size: 12px;} .see-all::after{width: 16px; height: 16px;} .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header, .tax-product_brand .woocommerce-products-header{ margin-bottom: 25px !important;} .tax-product_brand .woocommerce-products-header .brand-thumbnail{max-height: 30px !important;} .storefront-full-width-content.woocommerce-cart .entry-header h1:last-child, .storefront-full-width-content.woocommerce-checkout .entry-header h1:last-child, .storefront-full-width-content.woocommerce-account .entry-header h1:last-child, .storefront-full-width-content .woocommerce-products-header h1:last-child, .tax-product_brand .woocommerce-products-header .woocommerce-products-header__title{ font-size: 24px;} } /* Главная. Слайдер первого экрана */ .home-hello{margin-bottom: 30px;} .home-hello .slide{height: calc(70vh - 86px); min-height: 480px;} @media only screen and (max-width: 767px) { .home-hello{margin-bottom: 15px;} .home-hello .slide{height: calc(62vh - 56px);} } /* Главная. Категории */ .home-cats-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;} .home-cats-grid-item{display: block; border-radius: 12px; overflow: hidden;} .home-cats-grid-item .bg{padding-bottom: 115%;} .home-cats-grid-item .content{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; gap: 10px; padding: 20px;} .home-cats-grid-item .content::before{content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; display: block; height: 68%; background: linear-gradient(to top, rgba(222, 200, 180, 0.8), rgba(222, 200, 180, 0));} .home-cats-grid-item .title{display: block; color: #1D1D1B; font-size: 24px; font-weight: 500;} .home-cats-grid-item .counter{color: rgba(29, 29, 27, 0.5); font-size: 12px;} /* .home-cats-grid-item:nth-child(1){grid-column: span 2;} .home-cats-grid-item:nth-child(1) .bg{height: 100%; padding-bottom: unset;} */ @media only screen and (max-width: 1080px) { .home-cats-grid{display: flex; margin: 0px -30px; padding: 0px 30px; overflow-x: scroll; overflow-y: hidden;} .home-cats-grid::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} .home-cats-grid-item{flex-shrink: 0; width: 37vw;} } @media only screen and (max-width: 767px) { .home-cats-grid{margin: 0px -15px; padding: 0px 15px;} .home-cats-grid-item .bg{padding-bottom: 74%;} .home-cats-grid-item .content{gap: 6px; padding: 15px;} .home-cats-grid-item .title{font-size: 20px;} } @media only screen and (max-width: 560px) { .home-cats-grid-item{width: 64vw;} } /* Главная. Преимущества */ .advantages-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;} .advantages-grid-item{display: flex; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px; overflow: hidden;} .advantages-grid-item .number{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 75px; height: 75px; color: #F7F7F7; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; background: #1D1D1B; border-radius: 0px 0px 500px 0px;} .advantages-grid-item .info{padding: 30px 30px 30px 15px;} .advantages-grid-item .title{display: block; font-size: 20px; font-weight: 500;} .advantages-grid-item .desc{display: block; margin-top: 10px; color: rgba(29, 29, 27, 0.5); font-size: 14px;} @media only screen and (max-width: 1080px) { .advantages-grid{display: flex; margin: 0px -30px; padding: 0px 30px; overflow-x: scroll; overflow-y: hidden;} .advantages-grid::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} .advantages-grid-item{flex-shrink: 0; width: 64vw;} } @media only screen and (max-width: 767px) { .advantages .wrapper{padding-top: 15px; padding-bottom: 15px;} .advantages-grid{margin: 0px -15px; padding: 0px 15px;} .advantages-grid-item{flex-direction: column; width: 60vw;} .advantages-grid-item .number{width: 45px; height: 45px;} .advantages-grid-item .info{padding: 10px 15px 25px;} .advantages-grid-item .title{font-size: 16px;} .advantages-grid-item .desc{margin-top: 8px; font-size: 12px;} } @media only screen and (max-width: 560px) { .advantages-grid-item{width: 75vw;} } /* Главная. О бренде */ .home-about{margin-top: 30px; margin-bottom: 30px; background: rgba(29, 29, 27, 0.05);} .home-about .wrapper{display: flex; gap: 45px; padding-top: 60px; padding-bottom: 60px;} .home-about .photo{width: calc(50% - 22.5px); min-height: 420px; border-radius: 12px; overflow: hidden;} .home-about .content{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 45px; width: calc(50% - 22.5px);} @media only screen and (max-width: 1080px) { .home-about .wrapper{gap: 30px;} .home-about .photo{width: calc(50% - 15px);} .home-about .content{width: calc(50% - 15px);} } @media only screen and (max-width: 767px) { .home-about{margin-top: 10px;} .home-about .wrapper{padding-top: 45px; padding-bottom: 45px; padding-left: 0px;} .home-about .content{gap: 30px;} } @media only screen and (max-width: 560px) { .home-about .wrapper{flex-direction: column; padding-left: 15px;} .home-about .photo{padding-bottom: 74%; width: 100%; min-height: unset;} .home-about .content{width: 100%;} } /* CTA-блок */ .cta .wrapper{} .cta-block{padding: 60px 45px; background: #1D1D1B; border-radius: 24px; overflow: hidden;} .cta-block .bg{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;} .cta-block .bg::after{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: linear-gradient(to right, rgba(222, 200, 180, 0.9), rgba(222, 200, 180, 0), rgba(222, 200, 180, 0));} .cta-block .content{max-width: 720px;} .cta-block .desc{color: rgba(29, 29, 27, 0.5);} .cta-block .button{margin-top: 40px;} @media only screen and (max-width: 767px) { .cta .wrapper{padding: 15px 0px;} .cta-block{padding: 45px 15px;} /* .cta-block .bg::after{background: linear-gradient(to right, rgba(222, 200, 180, 0.9), rgba(222, 200, 180, 0.9), rgba(222, 200, 180, 0.5));} */ .cta-block .story{width: 62%;} .cta-block .button{width: 100%;} } /* Главная. Блог */ .blog-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 45px 15px;} .blog-grid-item .photo{padding-bottom: 74%; border-radius: 12px; overflow: hidden;} .blog-grid-item .info{margin-top: 20px;} .blog-grid-item .title{display: block; font-size: 20px; font-weight: 500;} .blog-grid-item .desc{display: block; margin-top: 10px; font-size: 14px;} .blog-grid-item .date{display: block; margin-top: 15px; color: rgba(29, 29, 27, 0.5); font-size: 14px;} @media only screen and (max-width: 1080px) { .blog-grid{grid-template-columns: repeat(3, 1fr);} .blog-latest{display: flex; margin: 0px -30px; padding: 0px 30px; overflow-x: scroll; overflow-y: hidden;} .blog-latest::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} .blog-latest .blog-grid-item{flex-shrink: 0; width: 37vw;} } @media only screen and (max-width: 767px) { .home-blog .wrapper{padding-top: 20px; padding-bottom: 15px;} .blog-grid{grid-template-columns: repeat(2, 1fr); gap: 35px 15px;} .blog-grid-item .info{margin-top: 15px;} .blog-grid-item .title{font-size: 16px;} .blog-grid-item .desc{margin-top: 8px; font-size: 12px;} .blog-grid-item .date{margin-top: 12px; font-size: 12px;} .blog-latest{display: flex; margin: 0px -15px; padding: 0px 15px;} } @media only screen and (max-width: 560px) { .blog-grid{grid-template-columns: repeat(1, 1fr);} .blog-latest .blog-grid-item{width: 64vw;} } /* Блог. Категория */ .blog .wrapper{padding-top: 60px;} @media only screen and (min-width: 768px) { .blog-first-page .blog-grid{grid-template-columns: repeat(12, 1fr);} .blog-first-page .blog-grid-item{grid-column: span 3;} .blog-first-page .blog-grid-item:nth-child(1){grid-column: span 12; display: flex; flex-direction: row; gap: 30px; align-items: center;} .blog-first-page .blog-grid-item:nth-child(1) .photo{padding-bottom: 37%; width: calc(50% - 15px);} .blog-first-page .blog-grid-item:nth-child(1) .info{margin-top: 0px; width: calc(50% - 15px);} .blog-first-page .blog-grid-item:nth-child(1) .title{font-size: 36px;} .blog-first-page .blog-grid-item:nth-child(1) .desc{margin-top: 15px; font-size: 16px;} .blog-first-page .blog-grid-item:nth-child(1) .date{margin-top: 30px; font-size: 16px;} .blog-first-page .blog-grid-item:nth-child(6), .blog-first-page .blog-grid-item:nth-child(7), .blog-first-page .blog-grid-item:nth-child(8){grid-column: span 4;} } @media only screen and (max-width: 1080px) { .blog-first-page .blog-grid-item{grid-column: span 6;} } @media only screen and (max-width: 767px) { .blog .wrapper{padding-top: 30px;} } /* Блог. Пагинация */ .wp-pagenavi{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 5px; margin-top: 60px;} .wp-pagenavi a, .wp-pagenavi span{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px;} .wp-pagenavi a:hover{border-color: rgba(29, 29, 27, 1);} .wp-pagenavi .current{color: #F7F7F7; background: #1D1D1B; border-color: #1D1D1B; opacity: 1;} .previouspostslink, .nextpostslink{width: 45px !important; text-indent: 9999px; white-space: nowrap; overflow: hidden;} .previouspostslink::before, .nextpostslink::before{content: ""; position: absolute; top: 50%; right: 50%; display: block; width: 20px; height: 20px; background: url('images/icons/arrow-black.svg') center center no-repeat; background-size: contain;} .previouspostslink::before{-webkit-transform: translate(50%, -50%) rotate(180deg); -ms-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg);} .nextpostslink::before{-webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%);} @media only screen and (max-width: 767px) { .wp-pagenavi{margin-top: 45px;} .wp-pagenavi a, .wp-pagenavi span{width: 36px; height: 36px; font-size: 14px;} .previouspostslink, .nextpostslink{width: 36px !important;} .previouspostslink::before, .nextpostslink::before{width: 16px; height: 16px;} } /* Блог. Страница статьи */ .blog-article .wrapper{padding-top: 60px;} .blog-article .content{margin: 0 auto; max-width: 760px;} .blog-article .block-header{margin-bottom: 15px;} .blog-article .desc{display: block; font-size: 20px;} .blog-article .date{display: block; margin-top: 30px; color: rgba(29, 29, 27, 0.5);} .blog-article .story{margin-top: 30px;} @media only screen and (max-width: 767px) { .blog-article .wrapper{padding-top: 30px;} .blog-article .block-header{margin-bottom: 12px;} .blog-article .desc{font-size: 16px;} .blog-article .date{margin-top: 20px; font-size: 14px;} } /* Каталог */ .site-content .wrapper{padding-top: 60px;} .catalog-extra-ui{display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 20px;} .catalog-extra-ui .btn-b2b{} .catalog-panel{display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 30px;} .catalog-panel .left, .catalog-panel .right{display: flex; align-items: center; gap: 30px;} .btn-filters{flex-shrink: 0; display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 14px; opacity: 0.5;} .btn-filters::before{content: ""; display: block; width: 20px; height: 20px; background: url('images/icons/filters.svg') center center no-repeat; background-size: contain;} .btn-filters:hover{opacity: 1;} .theme-storefront #primary .wpc-custom-selected-terms{font-size: 12px !important;} .wpc-custom-selected-terms ul.wpc-filter-chips-list{display: flex !important; flex-wrap: wrap; gap: 5px;} .wpc-filter-chips-list li, body .wpc-filter-chips-list li.wpc-filter-chip, li.wpc-filter-chip{margin: 0px !important; font-size: 12px !important;} .wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a{padding: 3px 8px !important; color: rgba(29, 29, 27, 0.7) !important; border-color: rgba(29, 29, 27, 0.05) !important;} .wpc-filter-chips-list a:hover, body .wpc-filter-chips-list li.wpc-filter-chip a:hover{color: rgba(29, 29, 27, 1) !important; border-color: rgba(29, 29, 27, 0.1) !important;} .wpc-filter-chip-name{margin-right: 6px !important; font-weight: 500;} .wpc-filter-chips-list .wpc-chip-reset-all a{background: rgba(29, 29, 27, 1) !important; border-color: rgba(29, 29, 27, 1) !important;} .wpc-filter-chips-list .wpc-chip-reset-all a *{color: #F7F7F7 !important;} .wpc-filter-chips-list .wpc-chip-reset-all a:hover{background: rgba(29, 29, 27, 0.9) !important; border-color: rgba(29, 29, 27, 0.9) !important;} li.wpc-chip-reset-all .wpc-filter-chip-name{margin-right: 0 !important;} .catalog-panel .widget{margin: 0px;} .select2-container{min-height: 20px;} .select2.select2-container.select2-container--default{min-width: 240px !important; width: 240px !important;} .wpc-filter-layout-dropdown .select2-container .select2-selection--single, .wpc-sorting-form .select2-container .select2-selection--single{display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding: 0px !important; background: none !important; border: 0px !important;} .select2-container .select2-selection--single .select2-selection__rendered{padding: 0px !important; min-height: 20px !important; line-height: unset !important; font-size: 14px !important; font-weight: 500 !important;} .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow, .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;} .wpc-filter-layout-dropdown .select2-container .select2-selection--single::after, .wpc-sorting-form .select2-container .select2-selection--single::after{content: ""; display: block; width: 10px; height: 10px; background: url('images/icons/arrow-min-black.svg') center center no-repeat; background-size: contain; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single::after, .wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single::after{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{margin-top: 10px; background: #F7F7F7 !important; border: 1px solid rgba(29, 29, 27, 0.1) !important; border-radius: 12px !important; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);} .sidebar .widget .wpc-filter-everything-dropdown li.select2-results__option, .wpc-filter-everything-dropdown .select2-results__option{padding: 10px 15px !important;} .sidebar .widget .wpc-filter-everything-dropdown li.select2-results__option:not(:last-of-type), .wpc-filter-everything-dropdown .select2-results__option:not(:last-of-type){border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .wpc-filter-everything-dropdown .select2-results__option>span{min-height: unset !important; font-size: 14px;} .select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted::after, .select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected="true"]::after, .select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected="true"]::after{ top: 13px !important; width: 12px !important; height: 7px !important;} .select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted::after{border-color: rgba(29, 29, 27, 0.1) !important;} .catalog-panel + .storefront-sorting{display: none;} .storefront-sorting{margin-top: 45px; margin-bottom: 0px;} .result-count{display: none;} .woocommerce-result-count{float: none; padding: 0px; color: rgba(29, 29, 27, 0.5); font-size: 12px;} @media only screen and (max-width: 767px) { .site-content .wrapper{padding-top: 30px;} .catalog-extra-ui .btn-b2b{width: 100%;} .catalog-panel{flex-direction: column; align-items: stretch; gap: 20px;} .catalog-panel .left{flex-direction: column-reverse; align-items: flex-start; gap: 10px;} .wpc-custom-selected-terms:not(.wpc-show-on-mobile), .wpc-edit-filter-set, .wpc_show_bottom_widget .widget_wpc_selected_filters_widget, .wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title, .wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title, .wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button, .wpc_show_bottom_widget .wpc-posts-found, body.wpc_show_bottom_widget .wpc-open-close-filters-button, body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display: block !important;} .wpc-filter-layout-dropdown .select2-container .select2-selection--single, .wpc-sorting-form .select2-container .select2-selection--single{justify-content: flex-start;} } /* Каталог. Пагинация */ .woocommerce-pagination{float: none; margin-top: 30px; padding: 0px; border: 0px;} .pagination .page-numbers, .woocommerce-pagination .page-numbers{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 5px;} .pagination ul.page-numbers::before, .pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::before, .woocommerce-pagination ul.page-numbers::after{display: none;} .pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers{flex-shrink: 0; display: flex; justify-content: center; align-items: center; padding: 0px; width: 45px; height: 45px; font-size: 16px; background: none !important; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px;} .pagination .page-numbers li .page-numbers:hover, .woocommerce-pagination .page-numbers li .page-numbers:hover{border-color: rgba(29, 29, 27, 1);} .woocommerce-pagination .page-numbers li .page-numbers.current{color: #F7F7F7; background: #1D1D1B !important; border-color: #1D1D1B; opacity: 1;} .woocommerce-pagination .next, .woocommerce-pagination .prev{padding: 0px; width: 45px !important; text-indent: 9999px; white-space: nowrap; overflow: hidden;} .woocommerce-pagination .next::after, .woocommerce-pagination .prev::after{content: ""; position: absolute; top: 50%; right: 50%; left: unset; display: block; width: 20px; height: 20px; background: url('images/icons/arrow-black.svg') center center no-repeat; background-size: contain;} .woocommerce-pagination .prev::after{-webkit-transform: translate(50%, -50%) rotate(180deg); -ms-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg);} .woocommerce-pagination .next::after{-webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%);} @media only screen and (max-width: 767px) { .woocommerce-pagination{margin-top: 20px;} .pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers{width: 36px; height: 36px; font-size: 14px;} .woocommerce-pagination .next, .woocommerce-pagination .prev{width: 36px !important;} .woocommerce-pagination .next::after, .woocommerce-pagination .prev::after{width: 16px; height: 16px;} } /* Каталог. Окно фильтров */ .wpc-filters-overlay{background: #000000 !important;} html.is-active .wpc-filters-overlay{opacity: 0.3 !important;} .wpc-edit-filter-set{display: none !important;} .popup-filters{display: flex; flex-direction: column; padding: 45px 30px 0px;} .popup-filters .filters-wrapper{flex: 1; margin: 0px -15px; padding: 15px; overflow-y: scroll; scrollbar-width: none;} .popup-filters .buttons{margin: 0px -30px; padding: 15px 30px; background: #F7F7F7; box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.05);} .popup-filters .buttons .button{flex: 1; gap: 5px; padding: 0px;} .filters-results-count{color: rgba(247, 247, 247, 0.5); font-size: 12px;} .widget .widget-title, .widget .widgettitle{margin-bottom: 15px; padding: 0px; color: rgba(29, 29, 27, 0.5); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-bottom: 0px;} .wpc-filter-more-less.wpc-show-less .wpc-see-more-control, .wpc-filter-more-less.wpc-show-more .wpc-see-less-control{display: inline-block !important;} .wpc-filters-main-wrap a.wpc-toggle-a{margin-top: 15px; padding-bottom: 3px; font-size: 14px; color: rgba(29, 29, 27, 0.7); border-color: rgba(29, 29, 27, 0.7);} .wpc-filters-main-wrap a.wpc-toggle-a:hover{color: rgba(29, 29, 27, 1) !important; border-color: rgba(29, 29, 27, 1) !important;} .select2-results__option .wpc-term-count-0, .wpc-filters-main-wrap a.wpc-toggle-a:hover, .wpc-filters-main-wrap.is-active, .wpc-filters-section.is-active .wpc-filters-reset-button, .wpc-filters-section.is-active .wpc-filters-submit-button{opacity: 1 !important;} .wpc-filters-main-wrap ul.wpc-filters-ul-list{display: flex; flex-direction: column; gap: 10px; padding: 0px !important;} .wpc-filter-pa_color ul.wpc-filters-ul-list{gap: 5px;} body .wpc-filters-main-wrap li.wpc-term-item{margin-bottom: 0px !important;} .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .wpc-filters-main-wrap li.wpc-term-item input[type=radio]{display: none !important; margin: 0px !important;} .wpc-filters-main-wrap li.wpc-term-item label{align-items: center; gap: 6px; line-height: unset !important;} .wpc-filters-main-wrap li.wpc-term-item label::before{content: ""; flex-shrink: 0; display: block; margin-right: 4px; width: 20px; height: 20px; background: url('images/icons/tick-white.svg') center center no-repeat; background-size: 10px; border: 1px solid rgba(29, 29, 27, 0.5); border-radius: 6px; box-sizing: border-box;} .wpc-filters-main-wrap li.wpc-term-item label:hover::before{border-color: rgba(29, 29, 27, 1);} body .wpc-filters-main-wrap li.wpc-term-selected label::before{background-color: rgba(29, 29, 27, 1); border-color: rgba(29, 29, 27, 1);} .wpc-term-count-brackets-open, .wpc-term-count-brackets-close{display: none !important;} .wpc-term-image-wrapper{display: none !important;} li.wpc-term-item label span.wpc-term-swatch, .wpc-term-swatch-wrapper{border-radius: 50% !important;} .wpc-term-swatch-wrapper{margin-right: 8px !important; padding: 4px; width: auto !important; height: 28px !important; min-width: unset !important; border: 1px solid rgba(29, 29, 27, 0.05) !important; background-color: transparent;} body .wpc-filter-has-swatches li.wpc-term-item label::before{display: none;} body .wpc-filters-main-wrap li.wpc-term-item:not(.wpc-term-selected):hover .wpc-term-swatch-wrapper{border-color: rgba(29, 29, 27, 0.1) !important;} body .wpc-filters-main-wrap li.wpc-term-selected .wpc-term-swatch-wrapper{border-color: rgba(29, 29, 27, 1) !important;} .wpc-term-swatch{width: 20px !important; height: 20px !important; min-width: unset !important; border: 0px !important;} .wpc-filter-link{margin-right: 0px !important;} .wpc-filter-visible-term-names .wpc-term-image-wrapper, .wpc-item-has-brand .wpc-term-image-wrapper{display: none;} .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, .wpc-term-count-0:not(.wpc-has-not-empty-children), .wpc-term-count-0:not(.wpc-has-not-empty-children) a, body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a{opacity: 1 !important;} body .wpc-filters-main-wrap li.wpc-term-count-0 .wpc-filter-link{color: rgba(29, 29, 27, 0.5) !important;} .wpc-term-count{width: auto !important; opacity: 1 !important;} .wpc-term-count-value{color: rgba(29, 29, 27, 0.5); font-size: 12px;} .wpc-filters-range-inputs .ui-slider-horizontal{background: rgba(29, 29, 27, 0.1) !important;} .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle{background: #F7F7F7 !important; border-color: rgba(29, 29, 27, 0.1) !important; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1) !important;} .wpc-filter-search-wrapper button.wpc-search-clear, .wpc-filters-range-column button.wpc-range-clear, .wpc-search-field-wrapper .wpc-search-clear-icon-wrapper{color: rgba(29, 29, 27, 0.7) !important;} .wpc-filter-chips-list a:hover .wpc-chip-remove-icon, .wpc-filter-search-wrapper button.wpc-search-clear:hover, .wpc-filters-range-column button.wpc-range-clear:hover, .wpc-search-field-wrapper a.wpc-search-clear-icon:hover{color: rgba(29, 29, 27, 1) !important;} @media only screen and (max-width: 767px) { .popup-filters{padding-left: 15px; padding-right: 15px;} .popup-filters .buttons{margin: 0px -15px; padding: 15px;} } /* Плитка товаров */ .wc-block-grid__product-onsale, .onsale{display: inline-block; margin-bottom: 0px; padding: 4px 8px; color: #F7F7F7; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; background: #1D1D1B; border: 0px; border-radius: 12px;} ul.products{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 15px;} ul.products::before, ul.products::after{display: none;} ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product{margin: 0px; width: 100%; float: none; text-align: left;} .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product, .page-template-template-homepage-php .site-main ul.products.columns-4 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-4 li.product, .storefront-full-width-content .site-main ul.products.columns-4 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-4 li.product{ margin: 0px; width: 100%; float: none;} ul.products li.product.first, ul.products .wc-block-grid__product.first, .wc-block-grid__products li.product.first, .wc-block-grid__products .wc-block-grid__product.first{ clear: none !important; } ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img{margin: 0 auto 15px; width: 100%; height: auto; border-radius: 12px !important;} ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a:not(.has-font-size), ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size){ font-size: 16px;} ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a, ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a, .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a{ margin-bottom: 0px;} ul.products li.product .onsale{position: absolute; top: 15px; left: 15px;} ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price{display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 5px; margin-top: 8px; margin-bottom: 0px; font-size: 16px;} ul.products li.product .price ins, ul.products .wc-block-grid__product .price ins, .wc-block-grid__products li.product .price ins, .wc-block-grid__products .wc-block-grid__product .price ins{margin-left: 0px;} ul.products li.product .woocommerce-Price-amount, ul.products li.product .woocommerce-Price-amount *{font-weight: 500 !important;} ul.products li.product .price del *{font-weight: 400 !important;} ul.products li.product .product-sticker{display: inline-block; margin-top: 7px; padding: 3px 6px; font-size: 10px; font-weight: 500; background: #DEC8B4; border-radius: 6px;} ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button{} .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image{z-index: 5;} .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image--top-left{left: unset; right: 0px;} ul.products li.product .yith-add-to-wishlist-button-block{display: none;} ul.products li.product .yith-wcwl-add-to-wishlist-button{width: 45px; height: 45px; background: url('images/icons/wishlist.svg') center center no-repeat !important; background-size: 20px 20px !important; opacity: 0;} ul.products li.product:hover .yith-wcwl-add-to-wishlist-button{opacity: 1;} ul.products li.product .yith-wcwl-add-to-wishlist-button--added{background-image: url('images/icons/wishlist-added.svg') !important; opacity: 1;} .wpclv-attributes .wpclv-attribute{margin-bottom: 0px;} .wpclv-attributes-archive{margin-top: 10px;} .wpclv-attributes-archive .wpclv-attribute-label{display: none;} .wpclv-attributes-archive .wpclv-terms{display: flex; flex-wrap: wrap; align-items: center; gap: 3px; margin: 0px;} .wpclv-attributes-archive .wpclv-terms .wpclv-term{display: block; margin: 0px; padding: 2px; height: unset; min-width: unset; line-height: unset; border-color: rgba(29, 29, 27, 0.05); background-color: transparent; border-radius: 50%; float: none;} .wpclv-attributes-archive .wpclv-terms .wpclv-term:hover{border-color: rgba(29, 29, 27, 0.1);} .wpclv-attributes-archive .wpclv-terms .wpclv-term.active{border-color: rgba(29, 29, 27, 1);} .wpclv-attributes-archive .wpclv-terms .wpclv-term-color span, .wpclv-attributes-archive .wpclv-terms .wpclv-term-color a{display: block; width: 10px; height: 10px; line-height: unset; border-radius: 50%;} @media only screen and (max-width: 1080px) { ul.products{grid-template-columns: repeat(3, 1fr);} ul.products li.product .yith-wcwl-add-to-wishlist-button{opacity: 1;} } @media only screen and (max-width: 767px) { .wc-block-grid__product-onsale, .onsale{padding: 3px 6px; font-size: 10px;} ul.products{grid-template-columns: repeat(2, 1fr); gap: 25px 15px;} ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img{margin: 0 auto 12px;} ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a:not(.has-font-size), ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size){ font-size: 14px;} ul.products li.product .onsale{top: 10px; left: 10px;} ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price{gap: 3px; margin-top: 6px; font-size: 14px;} ul.products li.product .yith-wcwl-add-to-wishlist-button{margin: 0px !important; padding: 0px !important; width: 40px; height: 40px; background-size: 16px 16px !important;} } @media only screen and (max-width: 359px) { ul.products{grid-template-columns: repeat(1, 1fr);} } /* Слайдер товаров */ .products-slider-block{overflow: hidden;} .products-slider-block ul.products{display: block;} .products-slider-block ul.products li.product{display: block; float: left !important; clear: unset !important;} /* Страница товара. Общее */ .single-product .site-content .wrapper{padding-top: 30px;} .single-product div.product{display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px;} .single-product div.product::before, .single-product div.product::after{display: none !important;} @media only screen and (max-width: 1080px) { .single-product .site-content .wrapper{padding-top: 30px; padding-left: 0px; padding-right: 0px;} .single-product div.product{display: grid; grid-template-columns: repeat(1, 1fr);} } @media only screen and (max-width: 767px) { .single-product .site-content .wrapper{padding-top: 20px;} .single-product div.product{gap: 20px;} } /* Страница товара. Галерея */ .product-gallery{grid-column: span 2; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px;} .product-gallery-item{grid-column: span 2;} .product-gallery-item .photo{display: block; padding-bottom: 100%; border-radius: 12px; overflow: hidden;} .product-gallery-item:nth-child(1){grid-column: span 6;} .product-gallery-item:nth-child(2), .product-gallery-item:nth-child(3), .product-gallery-item:nth-child(4), .product-gallery-item:nth-child(5), .product-gallery-item:nth-child(9), .product-gallery-item:nth-child(10){grid-column: span 3;} /* .product-gallery-item:nth-child(1), */ /* .product-gallery-item:nth-child(2), */ /* .product-gallery-item:nth-child(3), */ /* .product-gallery-item:nth-child(4), */ /* .product-gallery-item:nth-child(8), */ /* .product-gallery-item:nth-child(9){grid-column: span 3;} */ .product-gallery-first-wide .product-gallery-item:nth-child(1) .photo{padding-bottom: 65%;} .pswp__ui{height: 100%;} .pswp__preloader, .pswp__button--share{display: none;} @media only screen and (max-width: 1080px) { .product-gallery{grid-column: span 1; display: flex; padding: 0px 30px; overflow-x: scroll; overflow-y: hidden;} .product-gallery::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} .product-gallery-item{flex-shrink: 0; width: 37vw;} .product-gallery-first-wide .product-gallery-item:nth-child(1){width: 56vw;} .product-gallery-first-wide .product-gallery-item:nth-child(1) .photo{padding-bottom: unset; height: 100%;} } @media only screen and (max-width: 767px) { .product-gallery{padding: 0px 15px;} } @media only screen and (max-width: 560px) { .product-gallery-item{width: 64vw;} .product-gallery-first-wide .product-gallery-item:nth-child(1){width: 88vw;} } /* Страница товара. Детали */ .single-product div.product .summary{float: none !important; margin: 0px !important; width: unset !important;} .product-brands{display: flex; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 8px;} .product-brands a{display: block; color: rgba(29, 29, 27, 0.5); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .product-brands a:hover{color: rgba(29, 29, 27, 1);} .storefront-wc-brands-single-product{display: none !important;} .single-product div.product .product_title{display: block; font-size: 24px; font-weight: 500;} .single-product div.product p.price{display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 8px; margin: 15px 0px 0px; font-size: 20px;} .single-product div.product p.price *{line-height: 1.1; font-size: 20px;} .single-product div.product p.price .woocommerce-Price-amount *{font-weight: 500;} .price del{text-decoration: none; opacity: 0.5;} .price del *{font-weight: 400 !important;} .price del::before{content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background-color: #000000; white-space: nowrap; -webkit-transform: translate(-50%, -50%) rotate(-10deg); -moz-transform: translate(-50%,-50%) rotate(-10deg); -ms-transform: translate(-50%,-50%) rotate(-10deg); -o-transform: translate(-50%,-50%) rotate(-10deg); transform: translate(-50%, -50%) rotate(-10deg);} .single-product div.product .product-sticker{display: inline-block; margin-top: 10px; padding: 5px 10px; font-size: 12px; font-weight: 500; background: #DEC8B4; border-radius: 6px;} .woocommerce-product-details__short-description{margin-top: 15px; font-size: 14px;} .single-product div.product .onsale{margin-bottom: 15px;} .wpclv-attributes-single{margin-top: 30px;} .wpclv-attributes-single .wpclv-attribute-header{display: flex; align-items: center; gap: 5px; margin-bottom: 10px;} .wpclv-attributes-single .wpclv-attribute-label{display: block; color: rgba(29, 29, 27, 0.5); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .wpclv-attributes-single .wpclv-attribute-label::after{content: ":"; margin-left: -2px;} .wpclv-attributes-single .wpclv-attribute-value{display: block; color: rgba(29, 29, 27, 0.5); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .wpclv-attributes-single .wpclv-terms{display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 0px;} .wpclv-attributes-single .wpclv-terms .wpclv-term{display: block; margin: 0px; padding: 4px; height: unset; min-width: unset; line-height: unset; border-color: rgba(29, 29, 27, 0.05); background-color: transparent; border-radius: 50%; float: none;} .wpclv-attributes-single .wpclv-terms .wpclv-term:hover{border-color: rgba(29, 29, 27, 0.1);} .wpclv-attributes-single .wpclv-terms .wpclv-term.active{border-color: rgba(29, 29, 27, 1);} .wpclv-attributes-single .wpclv-terms .wpclv-term-color span, .wpclv-attributes-single .wpclv-terms .wpclv-term-color a{display: block; width: 20px; height: 20px; line-height: unset; border-radius: 50%;} [class*="hint--"]:after{color: #F7F7F7; padding: 4px 8px; font-family: 'Manrope', sans-serif; background: #1D1D1B; border-radius: 6px;} .hint--top:before{border-top-color: #1D1D1B;} .single-product div.product .stock{display: none !important;} .variations.wpcvs-attributes{width: calc(100% + 92px);} a.reset_variations{display: none !important;} .variations .wpcvs-attribute-label{display: none;} .variations .wpcvs-terms{gap: 5px;} .variations .wpcvs-terms .wpcvs-term{margin: 0px; padding: 5px 12px; background-color: transparent; border-color: rgba(29, 29, 27, 0.05); border-radius: 12px;} .variations .wpcvs-terms.wpcvs-type-button .wpcvs-term{height: unset; min-width: 45px; line-height: unset;} .variations .wpcvs-terms .wpcvs-term:hover{border-color: rgba(29, 29, 27, 0.1);} .variations .wpcvs-terms .wpcvs-term.wpcvs-selected{border-color: rgba(29, 29, 27, 1);} .variations .wpcvs-terms .wpcvs-term.wpcvs-selected .wpcvs-term-inner:before{display: none;} .variations .wpcvs-terms.wpcvs-style-rounded .wpcvs-term .wpcvs-term-inner{justify-content: center; height: 28px; line-height: unset; font-size: 14px; background-color: transparent;} .variations .wpcvs-terms.wpcvs-type-button .wpcvs-term .wpcvs-term-inner .wpcvs-term-label{padding: 0px; font-weight: 500;} .single-product div.product .variations_button{margin-top: 30px; padding-top: 0px;} .single-product div.product .product-buttons{display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0px 10px; margin-top: 30px;} .single-product div.product form.cart{flex: 1; margin-top: 0px; margin-bottom: 0px; padding: 0px;} .single-product div.product form.cart .button{width: 100%;} .added_to_cart{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 12px; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; background: #1D1D1B !important; border-radius: 12px;} .added_to_cart:hover{background: #323230 !important;} .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single{margin: 0px; overflow: hidden;} .single-product div.product .yith-wcwl-add-to-wishlist-button{justify-content: center; align-items: center; width: 82px; height: 52px; border: 1px solid rgba(29, 29, 27, 1); border-radius: 12px;} .single-product div.product .yith-wcwl-add-to-wishlist-button:hover{opacity: 0.7;} .single-product div.product .yith-wcwl-add-to-wishlist-button__label{display: none;} .single-product div.product .yith-wcwl-add-to-wishlist-button::before{content: ""; display: block; width: 20px; height: 20px; background: url('images/icons/wishlist.svg') center center no-repeat; background-size: contain;} .single-product div.product .yith-wcwl-add-to-wishlist-button--added::before{background-image: url('images/icons/wishlist-added.svg');} .single-product div.product .sku{display: block; margin-top: 45px; color: rgba(29, 29, 27, 0.5);} .product-tabs{margin-top: 30px;} .product-tabs-item:not(:last-child){border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .product-tab{display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 15px 0px; width: 100%; color: #1D1D1B !important; font-weight: 500; cursor: pointer;} .product-tab:hover{color: #1D1D1B !important;} .product-tab::after{content: ""; display: block; width: 10px; height: 10px; background: url('images/icons/arrow-min-black.svg') center center no-repeat; background-size: contain;} .single-product div.product .useful-info{display: flex; flex-direction: column; align-items: flex-start; gap: 15px; margin-top: 30px;} .single-product div.product .useful-info-opener{display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 14px; opacity: 0.5;} .single-product div.product .useful-info-opener::before{content: ""; display: block; width: 20px; height: 20px; background: center center no-repeat; background-size: contain;} .single-product div.product .useful-info-opener:hover{color: #1D1D1B !important; opacity: 1;} .single-product div.product .useful-info-opener.btn-info-delivery::before{background-image: url('images/icons/info-delivery.svg');} .single-product div.product .useful-info-opener.btn-info-guarantee::before{background-image: url('images/icons/info-guarantee.svg');} .single-product div.product .useful-info-opener.btn-info-return::before{background-image: url('images/icons/info-return.svg');} .single-product div.product .btn-share{display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 30px; padding: 0px 15px; width: 100%; height: 52px; color: rgba(29, 29, 27, 0.7) !important; font-size: 14px; font-weight: 500; border: 1px solid rgba(29, 29, 27, 0.1) !important; border-radius: 12px !important;} .single-product div.product .btn-share:hover{color: rgba(29, 29, 27, 1) !important; border-color: rgba(29, 29, 27, 0.5) !important;} .share-options{display: flex; align-items: center; gap: 5px;} .share-options i{display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; color: rgba(29, 29, 27, 0.5); font-size: 10px; font-style: normal; background: center center no-repeat; background-size: 36px 36px; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 50%;} .share-options i.pinterest{background-image: url('images/social/pinterest.svg');} .share-options i.vk{background-image: url('images/social/vk.svg');} .share-options i.telegram{background-image: url('images/social/telegram.svg');} .single-product div.product .upsells{grid-column: span 3;} .single-product div.product .upsells ul.products li.product{width: 100% !important; float: none !important; margin-right: 0px !important;} @media only screen and (max-width: 1080px) { .single-product div.product .summary{padding: 0px 30px;} } @media only screen and (max-width: 767px) { .single-product div.product .summary{padding: 0px 15px;} .single-product div.product .product_title{font-size: 20px;} .single-product div.product p.price{gap: 5px; margin: 12px 0px 0px; font-size: 16px;} .single-product div.product p.price *{font-size: 16px;} .single-product div.product .product-sticker{padding: 3px 6px; font-size: 10px;} .woocommerce-product-details__short-description{margin-top: 12px; font-size: 12px;} .single-product div.product .onsale{margin-bottom: 12px;} .wpclv-attributes-single{margin-top: 25px;} .single-product div.product .product-buttons{margin-top: 25px;} .single-product div.product .sku{margin-top: 30px; font-size: 14px;} .product-tabs{margin-top: 25px;} .product-tab{padding: 12px 0px; font-size: 14px;} .single-product div.product .useful-info{gap: 12px; margin-top: 25px;} .single-product div.product .btn-share{margin-top: 25px;} } /* Попап "Характеристики" */ .chars-list{display: flex; flex-direction: column; align-items: stretch;} .chars-list-item:not(:last-child){border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .chars-list-item{display: flex; align-items: flex-start; gap: 15px; padding: 15px 0px;} .chars-list-item .label{flex-shrink: 0; display: block; margin-top: 1px; width: 120px; color: rgba(29, 29, 27, 0.5); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .chars-list-item .value{display: block;} @media only screen and (max-width: 767px) { .chars-list-item .value{font-size: 14px;} } /* Видео */ .product-video .wrapper{} .video-wrapper{position: relative; width: 100%; margin: auto; border-radius: 12px; overflow: hidden; cursor: pointer;} .video-wrapper-wrapper:not(.video-fullscreen-open) .video-wrapper{background: #DEC8B4;} .video-wrapper video{width: 100%; max-height: 100vh; display: block;} .play-button{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: url('images/icons/play.svg') center center no-repeat; background-color: rgba(247, 247, 247, 1) !important; background-size: 20px 20px; border-radius: 50%; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); z-index: 2; transition: opacity 0.3s;} .play-button:hover{background-color: rgba(247, 247, 247, 1) !important;} .play-button.hidden{opacity: 0; pointer-events: none;} .progress-container{position: absolute; bottom: 0; left: 0; right: 0; height: 8px; background: rgba(247, 247, 247, 0.3); cursor: pointer; z-index: 2;} .progress-bar{height: 100%; width: 0%; background: rgba(247, 247, 247, 1); transition: width 0.1s linear;} @media only screen and (min-width: 768px) { .video-fullscreen .fullscreen-toggle{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; cursor: pointer; z-index: 3;} .video-fullscreen-open .video-wrapper{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; max-width: unset; background: rgba(0, 0, 0, 0.3); border-radius: 0px; backdrop-filter: blur(8px); z-index: 999;} .video-fullscreen-open .fullscreen-toggle{left: unset; bottom: unset; top: 10px; right: 10px; padding: 0px; width: 60px; height: 60px; background: url('images/icons/close.svg') center center no-repeat; background-color: rgba(247, 247, 247, 1) !important; background-size: 20px 20px; border-radius: 50%; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);} .video-fullscreen-open .fullscreen-toggle:hover{background-color: rgba(247, 247, 247, 1) !important;} } @media only screen and (max-width: 767px) { .video-fullscreen .fullscreen-toggle{display: none;} } /* Страница корзины и оформления заказа */ .checkout{margin: 0 auto; max-width: 760px;} .checkout .block-header{justify-content: center;} .checkout .block-header .headline{text-align: center;} .woocommerce-cart-form__contents{margin-bottom: 30px !important; border: 0px; border-radius: 0px;} .woocommerce-cart-form__contents thead, button[name="update_cart"]{display: none !important;} .woocommerce-cart-form__contents tr{display: flex; flex-wrap: wrap; position: relative; padding: 0px 100px 0px 106px; min-height: 138px; border-bottom: 1px solid rgba(0, 0, 0, 0.05);} .woocommerce-cart-form__contents tbody tr:first-child{border-top: 1px solid rgba(0, 0, 0, 0.05);} .woocommerce-cart-form__contents tr td{display: block !important; padding: 24px 8px !important; text-align: left !important; background: none !important; border: 0px;} .woocommerce-cart-form__contents tbody tr:last-child{display: none;} table.cart{margin-bottom: 0px;} .checkout table.cart .product-thumbnail{position: absolute; left: 0px; top: 0px; width: 106px;} .checkout table.cart .product-thumbnail img{max-width: unset; width: 90px; border-radius: 0px;} .woocommerce-cart-form__contents .woocommerce-Price-amount{font-weight: bold; white-space: nowrap;} table.cart tr{position: relative;} table.cart td.product-remove{position: absolute; top: 10px; right: 10px; padding: 0px !important; border-top: 0px;} table.cart td.product-remove a.remove{display: block !important; width: 24px; height: 24px; text-indent: -9999px; overflow: hidden; white-space: nowrap !important; background: url('images/icons/close.svg') center center no-repeat !important; background-size: 10px 10px !important;} table.cart td.product-remove a.remove::before{display: none;} .woocommerce-cart-form__contents .product-name{width: 100%; padding-bottom: 0px !important; font-size: 18px;} .woocommerce-cart-form__contents .product-name a{text-decoration: none;} .woocommerce-cart-form__contents td.product-subtotal{position: absolute; right: 0px; top: unset; bottom: 0px; padding-bottom: 30px !important; text-align: right !important; z-index: -1;} .woocommerce-cart-form__contents td.product-subtotal *{font-weight: 500;} .woocommerce-cart-form__contents .product-price, .woocommerce-cart-form__contents .product-quantity{align-self: flex-end;} .woocommerce-cart-form__contents .product-price{padding-bottom: 30px !important; color: rgba(29, 29, 27, 0.7);} .woocommerce-cart-form__contents .product-quantity{padding-top: 0px !important;} table.cart td.product-quantity .qty{max-width: unset; width: 100px;} .cart-product-sku{margin-top: 3px; color: rgba(29, 29, 27, 0.5); font-size: 12px;} table.cart .wooco-cart-child{min-height: 64px;} table.cart .wooco-cart-child .product-thumbnail img{width: 32px;} table.cart .wooco-cart-child .product-name{font-size: 14px;} table.cart .wooco-cart-child .product-price{padding: 10px 8px 5px !important; font-size: 14px;} table.cart .wooco-cart-child .product-quantity{padding: 10px 8px 10px !important; font-size: 12px; white-space: nowrap;} table.cart .wooco-cart-child .product-quantity::after{content: "шт."; display: inline;} @media (max-width: 1080px) { .woocommerce-cart-form__contents tr{padding-left: 80px !important; min-height: 112px;} .checkout table.cart .product-thumbnail{width: 80px;} .checkout table.cart .product-thumbnail img{max-width: unset; width: 64px;} } @media (max-width: 767px) { .woocommerce-cart-form__contents{margin: 0px -15px; width: calc(100% + 30px);} .woocommerce-cart-form__contents tr{padding-right: 60px !important;} table.shop_table_responsive tr td{display: block;} table.shop_table_responsive tr td[data-title]::before{display: none;} table.cart td.product-remove a.remove{position: relative; top: auto; right: auto; font-size: inherit;} .woocommerce-cart-form__contents .product-price{padding-bottom: 25px !important;} .woocommerce-cart-form__contents td.product-subtotal{padding-bottom: 25px !important;} table.cart td.product-quantity .qty{font-size: 16px;} table.cart .product-quantity .plus, table.cart .product-quantity .minus{display: block;} .woocommerce-cart-form__contents td.product-subtotal{padding-right: 15px !important;} .woocommerce-cart-form__contents .woocommerce-Price-amount{font-size: 14px;} .woocommerce-cart-form__contents .product-name{font-size: 16px;} .woocommerce-cart-form__contents tr{padding-left: 68px !important; min-height: 93px;} .checkout table.cart .product-thumbnail{width: 61px; padding-left: 15px !important;} .checkout table.cart .product-thumbnail img{width: 45px;} table.cart .wooco-cart-child{min-height: 48px;} table.cart .wooco-cart-child .product-thumbnail img{width: 24px;} table.cart .wooco-cart-child .product-name{font-size: 12px;} table.cart .wooco-cart-child .product-price{font-size: 12px;} table.cart .wooco-cart-child .product-quantity{font-size: 10px;} } @media (min-width: 768px) { .checkout .form-row-first{width: calc(50% - 7.5px); margin-right: 15px;} .checkout .form-row-last{width: calc(50% - 7.5px);} } .clear{clear: both;} .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2{margin-bottom: 45px;} .woocommerce-checkout .col2-set{float: none !important; margin-right: 0 !important; width: 100% !important;} .woocommerce-checkout h3{margin-bottom: 25px; font-size: 24px; font-weight: 500;} .woocommerce-billing-fields{padding-top: 30px; border-top: 5px solid #1D1D1B; border-radius: 0px;} #billing_country_field, #billing_state_field, #billing_postcode_field{display: none !important;} .checkout-inline-error-message{display: block; margin-top: 5px; color: #C30D0D; font-size: 12px;} #order_review_heading, #order_review{float: none !important; width: 100% !important;} .woocommerce-checkout-review-order-table thead, .woocommerce-checkout-review-order-table tbody{display: none;} dl.variation p{font-size: 14px; color: #3e3e3e;} ul#shipping_method{display: flex; flex-direction: column; align-items: stretch; gap: 10px;} ul#shipping_method li{margin: 0px;} ul#shipping_method li .shipping_method{display: none;} ul#shipping_method li .shipping_method + label{display: block; padding-left: 30px; cursor: pointer; text-transform: none; text-align: left; color: rgba(29, 29, 27, 1); font-size: 14px; letter-spacing: 0px;} ul#shipping_method li .shipping_method + label, ul#shipping_method li .shipping_method + label *{line-height: 1.4;} ul#shipping_method li .shipping_method + label::before{content: ""; position: absolute; top: 0px; left: 0px; display: block; width: 20px; height: 20px; background: url('images/icons/tick-white.svg') center center no-repeat; background-size: 10px; border: 1px solid rgba(29, 29, 27, 0.5); border-radius: 6px; box-sizing: border-box;} ul#shipping_method li .shipping_method + label:hover::before{border-color: rgba(29, 29, 27, 1);} ul#shipping_method li .shipping_method:checked + label::before{border-color: rgba(29, 29, 27, 1); background-color: rgba(29, 29, 27, 1);} .open-pvz-btn{background-color: rgba(29, 29, 27, 1); border-color: transparent;} .open-pvz-btn a{color: #F7F7F7; font-size: 12px; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px;} .open-pvz-btn:hover{background-color: rgba(29, 29, 27, 0.9);} #shipping_method_0_fivepost_shipping_method-pickup + label .post5-map-btn-wrapper{display: none;} #shipping_method_0_fivepost_shipping_method-pickup:checked + label .post5-map-btn-wrapper{display: block;} .post5-map-btn-wrapper{margin-top: 10px;} .fivepost-button-map{height: 34px; border-radius: 6px !important;} .post5-popup.open{background: #F7F7F7;} .post5-popup .post5-popup-close{top: 12px; right: 12px; padding: 0px; width: 36px; height: 36px; background: url('images/icons/close.svg') center center no-repeat; background-size: 20px 20px; color: transparent !important; z-index: 1;} .post5-popup .post5-popup-header{margin-bottom: 15px; padding: 45px 30px 0px; height: unset; line-height: 1.1; font-size: 24px; font-weight: 500;} #payment .payment_methods{border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px;} #payment .payment_methods > li:not(.woocommerce-notice){background-color: transparent !important;} #payment .payment_methods > li:not(:last-child){border-bottom: 1px solid rgba(29, 29, 27, 0.1);} #payment .payment_methods>.woocommerce-PaymentMethod>label::before, #payment .payment_methods>.wc_payment_method>label::before{color: rgba(29, 29, 27, 0.1);} #payment .payment_methods li.woocommerce-PaymentMethod>input[type=radio]:first-child:checked+label::before, #payment .payment_methods li.wc_payment_method>input[type=radio]:first-child:checked+label::before{color: rgba(29, 29, 27, 1);} #payment .payment_methods > li .payment_box, #payment .place-order{background-color: transparent;} #payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label{padding: 20px 30px 15px; margin: 0px;} #payment .payment_methods li .payment_box{padding: 0px 30px 15px !important;} #payment .payment_methods li p{color: rgba(29, 29, 27, 0.7); font-size: 14px;} #payment .place-order{display: flex; flex-direction: column; align-items: stretch; gap: 20px; padding: 0px;} #payment .place-order .button{padding: 15px 35px !important; height: 52px; font-size: 12px;} #payment .payment_methods li .payment_box ul.wc-saved-payment-methods{display: flex; flex-direction: column; gap: 10px; padding: 15px; margin-top: 10px; margin-bottom: 20px; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 6px;} #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li{margin-top: 0px;} #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type=radio]{display: none;} #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li label{display: block; padding-left: 30px; cursor: pointer; text-transform: none; text-align: left; color: rgba(29, 29, 27, 1); font-size: 14px; font-weight: 500; letter-spacing: 0px;} #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li label::before{content: ""; position: absolute; top: 0px; left: 0px; display: block; width: 20px; height: 20px; background: url('images/icons/tick-white.svg') center center no-repeat; background-size: 10px; border: 1px solid rgba(29, 29, 27, 0.5); border-radius: 50%; box-sizing: border-box;} #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li label:hover::before{border-color: rgba(29, 29, 27, 1);} #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li :checked + label::before{border-color: rgba(29, 29, 27, 1); background-color: rgba(29, 29, 27, 1);} #payment .payment_methods li p input{display: none;} #payment .payment_methods li p label{display: block; padding-left: 30px; cursor: pointer; text-transform: none; text-align: left; color: rgba(29, 29, 27, 1); font-size: 14px; font-weight: 400; letter-spacing: 0px;} #payment .payment_methods li p label::before{content: ""; position: absolute; top: 0px; left: 0px; display: block; width: 20px; height: 20px; background: url('images/icons/tick-white.svg') center center no-repeat; background-size: 10px; border: 1px solid rgba(29, 29, 27, 0.5); border-radius: 6px; box-sizing: border-box;} #payment .payment_methods li p label:hover::before{border-color: rgba(29, 29, 27, 1);} #payment .payment_methods li p :checked + label::before{border-color: rgba(29, 29, 27, 1); background-color: rgba(29, 29, 27, 1);} #payment .payment_methods li p label a{color: rgba(29, 29, 27, 0.7); border-bottom: 1px solid rgba(29, 29, 27, 0.1);} #payment .payment_methods li p label a:hover{color: rgba(29, 29, 27, 1); border-color: rgba(29, 29, 27, 1);} #payment .woocommerce-terms-and-conditions-wrapper{text-align: left; color: rgba(29, 29, 27, 1); font-size: 14px;} .woocommerce-privacy-policy-text a{color: rgba(29, 29, 27, 0.7); border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .woocommerce-privacy-policy-text a:hover{color: rgba(29, 29, 27, 1); border-color: rgba(29, 29, 27, 1);} .woocommerce-form__label-for-checkbox input{display: none;} .woocommerce-form__label-for-checkbox span{display: block; padding-left: 30px; cursor: pointer; text-transform: none; text-align: left; color: rgba(29, 29, 27, 1); font-size: 14px; letter-spacing: 0px;} .woocommerce-form__label-for-checkbox span::before{content: ""; position: absolute; top: 0px; left: 0px; display: block; width: 20px; height: 20px; background: url('images/icons/tick-white.svg') center center no-repeat; background-size: 10px; border: 1px solid rgba(29, 29, 27, 0.5); border-radius: 6px; box-sizing: border-box;} .woocommerce-form__label-for-checkbox span:hover::before{border-color: rgba(29, 29, 27, 1);} .woocommerce-form__label-for-checkbox :checked + span::before{border-color: rgba(29, 29, 27, 1); background-color: rgba(29, 29, 27, 1);} .woocommerce-form__label-for-checkbox .required{display: none;} .woocommerce-form__label-for-checkbox span a{color: rgba(29, 29, 27, 0.7); border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .woocommerce-form__label-for-checkbox span a:hover{color: rgba(29, 29, 27, 1); border-color: rgba(29, 29, 27, 1);} .woocommerce-terms-and-conditions-wrapper .validate-required{margin-top: 15px; margin-bottom: 0px;} .woocommerce-terms-and-conditions{margin-top: 15px;} /* .woocommerce-checkout .woocommerce-message[role="alert"]{display: none !important;} */ @media only screen and (max-width: 1080px) { .woocommerce-checkout h3{font-size: 20px;} } @media only screen and (max-width: 767px) { .woocommerce-checkout h3{margin-bottom: 20px; font-size: 16px;} .woocommerce-billing-fields{margin: 0px -15px; padding: 30px 15px;} .post5-popup .post5-popup-header{font-size: 20px;} #payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label{padding: 20px 15px 15px;} #payment .payment_methods li .payment_box{padding: 0px 15px 15px !important;} #payment .payment_methods li img{display: none; float: none; margin-top: 15px;} } /* Авторизация / Регистрация */ .woocommerce-form-login, .woocommerce-form-register{margin-top: 20px;} .profile-page h2{font-size: 24px; font-weight: 500;} .woocommerce-privacy-policy-text{font-size: 14px;} .woocommerce-form p:not(.form-row), .woocommerce-ResetPassword p:not(.form-row){margin: 15px 0px; font-size: 14px;} .woocommerce-form p:not(.form-row):first-child{margin-top: 0px;} .woocommerce-form p:not(.form-row):last-child{margin-bottom: 0px;} .woocommerce-form p.lost_password{margin-bottom: 30px !important;} .woocommerce-form .woocommerce-button{margin-top: 20px; min-width: 180px; width: 100%;} .auth-block{margin: 0 auto; max-width: 450px; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px; overflow: hidden;} .auth-form{padding: 30px;} .auth-form .woocommerce-form-login, .auth-form .woocommerce-form-register{margin: 0px;} .auth-form .woocommerce-form p.lost_password{margin-bottom: 0px !important; text-align: center;} .tabs{display: flex;} .tabs label{flex: 1; display: flex;} .tabs label:not(:last-of-type){border-right: 1px solid rgba(29, 29, 27, 0.1);} .tabs label input{display: none;} .tab{flex: 1; display: inline-flex; justify-content: center; align-items: center; padding: 15px 0px; color: rgba(29, 29, 27, 0.7); font-weight: 400; border-bottom: 1px solid rgba(29, 29, 27, 0.1); box-shadow: inset 0px -3px 10px 0px rgba(29, 29, 27, 0.08); cursor: pointer;} .tab:hover{color: rgba(29, 29, 27, 1);} :checked + .tab{color: rgba(29, 29, 27, 1); font-weight: 500; border-color: transparent; box-shadow: none;} .lost-password-page .woocommerce{margin: 0 auto; padding: 30px; max-width: 450px; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px;} .lost-password-page .woocommerce-ResetPassword p:not(.form-row){margin-top: 0px;} .lost-password-page .woocommerce-ResetPassword .form-row{float: none !important; margin-right: 0px !important; width: 100% !important;} .lost-password-page .button{width: 100%;} @media only screen and (max-width: 767px) { .tab{font-size: 14px;} .profile-page h2{font-size: 20px;} } @media only screen and (max-width: 480px) { .auth-block{margin: 0px -15px;} .auth-form{padding: 30px 15px;} } /* Личный кабинет */ .profile-page{margin: 0 auto; max-width: 760px;} .woocommerce-MyAccount-navigation{width: 100% !important; float: none !important; margin-right: 0px !important; border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .woocommerce-MyAccount-navigation ul{display: flex; gap: 10px;} .woocommerce-MyAccount-navigation ul li a::before{display: none;} .woocommerce-MyAccount-navigation ul li a{display: block; padding: 15px 10px; color: rgba(29, 29, 27, 0.7); white-space: nowrap;} .woocommerce-MyAccount-navigation ul li a:hover{color: rgba(29, 29, 27, 1);} .woocommerce-MyAccount-navigation ul li.is-active a{color: rgba(29, 29, 27, 1);} .woocommerce-MyAccount-navigation ul li.is-active::after{content: ""; position: absolute; top: calc(100% - 1px); left: 0px; right: 0px; height: 3px; background: #1D1D1B; border-radius: 3px;} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard, .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods{display: none !important;} .woocommerce-MyAccount-content{margin-top: 40px; width: 100% !important; float: none !important;} @media only screen and (max-width: 767px) { .woocommerce-MyAccount-navigation{width: calc(100% + 30px) !important; margin-left: -15px !important; margin-right: -15px !important; padding: 0px 15px; overflow-x: scroll;} .woocommerce-MyAccount-navigation::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} .woocommerce-MyAccount-navigation ul li a{font-size: 14px;} .woocommerce-MyAccount-navigation ul li.is-active::after{top: unset; bottom: 0px;} .woocommerce-MyAccount-content{margin-top: 30px;} } /* Личный кабинет. Анкета */ @media (min-width: 768px) { .woocommerce-MyAccount-content .form-row-first{width: calc(50% - 7.5px); margin-right: 15px;} .woocommerce-MyAccount-content .form-row-last{width: calc(50% - 7.5px);} } #account_display_name_description{display: block; margin-top: 5px;} #account_display_name_description em{color: rgba(29, 29, 27, 0.5); font-style: normal; font-size: 14px;} fieldset{margin-bottom: 30px; margin-top: 30px; padding: 30px; padding-top: 30px; background-color: transparent; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px;} fieldset legend{display: block; margin-left: -10px; padding: 0px 10px; font-size: 20px; font-weight: 500; background-color: #F7F7F7;} @media only screen and (max-width: 767px) { fieldset{margin: 30px -15px; padding: 30px 15px;} fieldset legend{margin-left: -5px; padding: 0px 5px; font-size: 16px;} .edit-account .button{width: 100%;} } /* Личный кабинет. Адрес */ .woocommerce-Address{margin: 25px 0px;} .woocommerce-Address-title a{display: inline-block; margin-top: 10px; padding-bottom: 3px; color: rgba(29, 29, 27, 0.7); font-size: 14px; font-weight: 500; border-bottom: 1px dashed rgba(29, 29, 27, 0.1);} .woocommerce-Address-title a:hover{color: rgba(29, 29, 27, 1); border-color: rgba(29, 29, 27, 0.5);} .woocommerce-Address address{margin: 20px 0px 0px; color: rgba(29, 29, 27, 0.5); font-style: normal;} .woocommerce-address-fields{margin-top: 30px;} .woocommerce-address-fields__field-wrapper{margin-bottom: 30px;} @media only screen and (max-width: 767px) { .woocommerce-address-fields .button{width: 100%;} } /* Личный кабинет. Заказы */ .my_account_orders .button, .woocommerce-MyAccount-downloads .button{padding: 0px 15px; height: 34px; font-size: 12px; border-radius: 6px !important;} .my_account_orders .button.view::after{display: none;} .woocommerce-order-details{margin: 30px 0px;} .woocommerce-order-details .order_details{margin-top: 25px;} .woocommerce-customer-details address{margin: 20px 0px 0px; color: rgba(29, 29, 27, 0.5); font-style: normal;} @media only screen and (min-width: 768px) { .woocommerce-orders-table__cell{vertical-align: middle;} } @media only screen and (max-width: 767px) { .woocommerce-orders-table__cell{padding: 5px 15px; text-align: left !important; font-size: 14px;} .woocommerce-orders-table__cell:nth-child(2){padding-top: 25px; border-top: 1px solid rgba(29, 29, 27, 0.1);} .woocommerce-orders-table__cell:last-child{padding-bottom: 25px;} .my_account_orders .button, .woocommerce-MyAccount-downloads .button{margin-top: 10px; width: 100%;} .woocommerce-order-details .order_details{font-size: 14px;} } /* Личный кабинет. Бонусы */ .spar-rewards-dashboard .spar-rewards-overview{color: #F7F7F7 !important;} .spar-rewards-dashboard .spar-tab-nav{background: none !important; border-color: rgba(29, 29, 27, 0.1) !important; color: rgba(29, 29, 27, 0.7) !important; font-weight: 500 !important;} .spar-rewards-dashboard .spar-tab-nav:hover{border-color: rgba(29, 29, 27, 0.5) !important; color: rgba(29, 29, 27, 1) !important;} .spar-rewards-dashboard .spar-tab-nav.is-active{border-color: rgba(29, 29, 27, 1) !important; color: rgba(29, 29, 27, 1) !important; } .spar-rewards-dashboard .spar-section h3{color: #1D1D1B !important; font-weight: 500 !important;} .spar-box-full > div{position: static;} .spar-rewards-dashboard .spar-history-section-header .spar-redeem-title{width: 100%;} .spar-history-filter{display: none;} #spar-birthday-date{display: block; padding: 15px !important; width: 100%; color: #1D1D1B; font-family: 'Manrope', sans-serif !important; font-size: 16px; font-weight: 400; background: none !important; border: 1px solid rgba(29, 29, 27, 0.5) !important; border-radius: 6px; box-shadow: none !important; overflow-x: hidden;} /* Корзина. Бонусы */ .spar-cart-rewards-box{background: none !important; border-color: rgba(29, 29, 27, 0.1) !important; color: #1D1D1B !important; box-shadow: none !important;} .spar-cart-rewards-title{color: #1D1D1B !important; font-size: 20px !important;} .spar-redeem-toggle-btn{background-color: rgba(29, 29, 27, 1) !important; color: #F7F7F7 !important; border-color: transparent !important; border-radius: 12px !important; font-weight: 700 !important; font-size: 12px !important; transition: all 0.2s ease !important; letter-spacing: 1px !important;} .spar-redeem-toggle-btn:hover{color: #F7F7F7 !important; background: rgba(29, 29, 27, 0.9) !important; border-color: transparent !important; transform: none !important; box-shadow: none !important;} .spar-redeem-compact--totals .spar-redeem-slider, .spar-redeem-compact--shortcode .spar-redeem-slider{-webkit-appearance: auto !important; -moz-appearance: auto !important; -ms-appearance: auto !important; appearance: auto !important;} .spar-redeem-compact--totals, .spar-redeem-compact--shortcode{margin-top: 0px !important;} .spar-redeem-compact--totals .spar-redeem-panel, .spar-redeem-compact--shortcode .spar-redeem-panel{padding: 15px;} .spar-redeem-percentage-note{font-size: 12px !important; font-style: normal !important; padding: 0px 15px 10px !important; text-align: right !important;} /* Уведомления WooCommerce */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments{margin-bottom: 30px; padding: 15px 15px 15px 41px; color: rgba(247, 247, 247, 0.7); font-size: 14px; border-left: none; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 6px;} .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, .woocommerce-noreviews::before, p.no-comments::before{content: ""; flex-shrink: 0; top: 15px; left: 15px; width: 16px; height: 16px; background: url('images/icons/alert-white.svg') center center no-repeat; background-size: contain;} .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a{color: rgba(247, 247, 247, 1); border-bottom: 1px solid rgba(247, 247, 247, 0.1);} .woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover{color: rgba(247, 247, 247, 1); border-color: rgba(247, 247, 247, 1); opacity: 1;} .woocommerce-error{display: flex; flex-direction: column; gap: 10px;} /* .woocommerce-error li{padding-left: 20px;} */ /* .woocommerce-error li::before{content: "—"; position: absolute; top: 0px; left: 0px;} */ .woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after, .woocommerce-noreviews::after, p.no-comments::after{display: none;} /* Страница успешного заказа */ .woocommerce-order-received .wc-empty-cart-message{display: none;} .woocommerce-order-received .return-to-shop{display: flex; justify-content: center;} .woocommerce-order-received .order_details{background-color: transparent;} .woocommerce-order-received .woocommerce-order > p{margin-top: 20px; text-align: center;} .woocommerce-order-received .woocommerce-order-overview + p{display: none;} .woocommerce-order-received .woocommerce-order-details{display: none;} .woocommerce-order-received .woocommerce-customer-details{display: none;} .spb-payment{padding: 45px; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 12px;} .spb-payment + .woocommerce-thankyou-order-received{display: none;} .spb-payment .qr-code-wrapper{margin: 30px auto 0px; max-width: 280px;} .spb-payment .qr-code{padding-bottom: 100%; background: center center no-repeat; background-size: contain;} @media only screen and (max-width: 767px) { .spb-payment{padding: 30px 15px;} } /* Страница "Избранное" */ .wishlist-page .wrapper{padding-top: 60px;} .wishlist-title-container{display: none;} .wishlist-page table.cart{margin-bottom: 0px;} table.wishlist_table{font-size: 100%;} .wishlist_table thead tr th, .wishlist_table tfoot td td, .widget_yith-wcwl-lists ul.dropdown li.current a, .widget_yith-wcwl-lists ul.dropdown li a:hover, .selectBox-dropdown-menu.selectBox-options li.selectBox-selected a, .selectBox-dropdown-menu.selectBox-options li.selectBox-hover a{ background: rgba(29, 29, 27, 0.05);} table.wishlist_table thead th, table.wishlist_table tbody td{border-color: rgba(29, 29, 27, 0.1);} table.wishlist_table thead th{padding: 15px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} table.wishlist_table thead th *{font-weight: 700;} table.wishlist_table tbody td{padding: 15px;} .woocommerce table.shop_table.wishlist_table tr td{vertical-align: middle; color: #1D1D1B; background: none; border-bottom: 1px solid rgba(29, 29, 27, 0.1);} table.cart .product-thumbnail img{border-radius: 6px !important;} .wishlist_table .product-add-to-cart{width: 320px;} .wishlist_table .product-add-to-cart a:first-child{display: inline-flex !important; justify-content: center; align-items: center; gap: 10px; padding: 0px 30px; height: 52px; color: #F7F7F7 !important; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; background: rgba(29, 29, 27, 1) !important; border: 1px solid rgba(29, 29, 27, 1) !important; border-radius: 12px !important; white-space: nowrap; cursor: pointer;} .wishlist_table .product-add-to-cart a:first-child:hover{background: rgba(29, 29, 27, 0.9) !important; border-color: rgba(29, 29, 27, 0.9) !important;} .wishlist_table .product-add-to-cart a:last-child{margin-left: 5px !important; color: rgba(29, 29, 27, 1) !important; background: transparent !important; border-color: rgba(29, 29, 27, 1) !important;} .wishlist_table .product-add-to-cart a:last-child:hover{color: rgba(29, 29, 27, 0.7) !important; border-color: rgba(29, 29, 27, 0.7) !important;} @media only screen and (max-width: 767px) { .wishlist-page .wrapper{padding-top: 30px;} .wishlist_table thead{display: none;} .wishlist_table tr{display: flex; flex-direction: column; align-items: stretch; gap: 5px; padding: 15px 0px 15px 61px; border-bottom: 1px solid rgba(29, 29, 27, 0.1);} .wishlist_table tr:first-child{border-top: 1px solid rgba(29, 29, 27, 0.1);} table.wishlist_table tbody td{padding: 0px; text-align: left; border: 0px !important;} .wishlist_table tr td.product-thumbnail{position: absolute; top: 15px; left: 0px;} .wishlist_table tr td.product-thumbnail a{width: 45px;} .wishlist_table .product-add-to-cart{margin-top: 5px; width: unset;} .wishlist_table .product-add-to-cart a{margin: 0px !important; padding: 0px 15px !important; height: 36px !important;} } /* Страница "Доставка" */ .delivery-page .wrapper{padding-top: 60px;} .delivery-section{display: flex; gap: 45px; margin-top: 45px; padding-top: 45px; border-top: 1px solid rgba(29, 29, 27, 0.1);} .delivery-section .left{width: 30%; padding-right: 45px; border-right: 1px solid rgba(29, 29, 27, 0.1);} .delivery-section .headline{display: block; margin: 0px; font-size: 24px; font-weight: 500;} .delivery-section .right{flex: 1;} @media only screen and (max-width: 1080px) { .delivery-section .left{width: 280px;} } @media only screen and (max-width: 767px) { .delivery-page .wrapper{padding-top: 30px;} .delivery-section{flex-direction: column; gap: 25px; margin-top: 30px; padding-top: 30px;} .delivery-section .left{width: 100%; border: 0px;} .delivery-section .headline{font-size: 20px;} } /* Страница "Контакты" */ .contact-page .wrapper{padding-top: 60px;} .contact-block{display: flex; align-items: stretch; gap: 30px;} .contact-list{flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 30px; padding: 45px; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 24px;} .contact-list-item .label{display: block; margin-bottom: 10px; width: 100%; color: rgba(29, 29, 27, 0.5); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .contact-list-item .value{font-size: 24px; font-weight: 500;} .contact-block .jur-info{flex: 1; padding: 45px; border: 1px solid rgba(29, 29, 27, 0.1); border-radius: 24px;} .contact-block .jur-info .headline{display: block; margin-bottom: 20px; font-size: 24px; font-weight: 500;} .contact-block .jur-info ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 30px;} .contact-block .jur-info ul li{padding-top: 15px; line-height: 1.4; border-top: 1px solid rgba(29, 29, 27, 0.1);} .contact-block .jur-info ul li:first-child{grid-column: span 2; padding-top: 0px; border: 0px;} @media only screen and (max-width: 1080px) { .contact-block{flex-direction: column;} } @media only screen and (max-width: 767px) { .contact-page .wrapper{padding-top: 30px;} .contact-block{gap: 15px; margin: 0px -15px;} .contact-list{gap: 25px; padding: 35px 15px;} .contact-list-item .label{margin-bottom: 8px;} .contact-list-item .value{font-size: 20px;} .contact-block .jur-info{padding: 35px 15px} .contact-block .jur-info .headline{font-size: 20px;} .contact-block .jur-info ul{grid-template-columns: repeat(1, 1fr);} .contact-block .jur-info ul li{font-size: 14px;} .contact-block .jur-info ul li:first-child{grid-column: span 1;} } /* Страница "О бренде" */ .about-page .wrapper{display: flex; justify-content: space-between; gap: 45px; padding-top: 60px;} .about-page .content{max-width: 760px;} .about-page .ceo{flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 15px; width: 360px; text-align: center;} .about-page .ceo .photo{flex-shrink: 0; width: 180px; height: 180px; border-radius: 50%; overflow: hidden;} .about-page .ceo .name{display: block; font-size: 20px; font-weight: 500;} .about-page .ceo .job{display: block; margin-top: 5px; font-size: 14px; color: rgba(29, 29, 27, 0.5);} @media only screen and (max-width: 767px) { .about-page .wrapper{flex-direction: column; gap: 35px; padding-top: 30px;} .about-page .ceo{flex-direction: row; width: 100%; text-align: left;} .about-page .ceo .photo{width: 90px; height: 90px;} .about-page .ceo .name{font-size: 16px;} .about-page .ceo .job{font-size: 12px;} } /* Информационная страница */ .info-page .wrapper{padding-top: 60px;} .info-page .content{margin: 0 auto; max-width: 760px;} @media only screen and (max-width: 767px) { .info-page .wrapper{padding-top: 30px;} } /* Страница 404 */ .page-404 .wrapper{display: flex; align-items: center; justify-content: center; padding-top: 60px; min-height: 450px;} .page-404 .content{margin: 0 auto; max-width: 760px; text-align: center;} .page-404 .block-header .headline{width: 100%;} @media only screen and (max-width: 767px) { .page-404 .wrapper{padding-top: 30px; min-height: calc(100vh - 450px);} } /* Подвал */ .footer{margin-top: 15px;} .footer .footer-top{display: flex; justify-content: center; margin-bottom: 45px;} .footer .footer-top::before{content: ""; position: absolute; top: 50%; left: 0px; right: 0px; height: 1px; background: rgba(29, 29, 27, 0.1);} .footer .footer-top::after{content: ""; display: block; width: 205px; height: 16px; background: url('images/marynik-logo-gray.svg') center center no-repeat #F7F7F7; background-size: contain; z-index: 1;} .footer-cols{display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px 30px;} .footer-cols .col{display: flex; align-items: center;} .footer-contact{font-size: 16px; font-weight: 700;} .footer .social{justify-content: flex-end; width: 100%;} .footer-menu{display: flex; flex-wrap: wrap; gap: 15px 30px; margin-top: 30px;} .footer-menu a{font-size: 20px; font-weight: 500; color: rgba(29, 29, 27, 0.7);} .footer-menu a:hover{color: rgba(29, 29, 27, 1);} .footer-bottom{display: flex; justify-content: space-between; gap: 30px; margin-top: 60px;} .footer .copyright{display: block; font-size: 14px; color: rgba(29, 29, 27, 0.5);} .footer-links{display: flex; flex-wrap: wrap; gap: 5px 30px; margin-top: 20px; max-width: 750px;} .footer-links a{font-size: 12px; color: rgba(29, 29, 27, 0.5);} .footer-links a:hover{color: rgba(29, 29, 27, 1);} .made-by-ponto{display: flex; flex-direction: column; align-items: flex-end; gap: 10px; width: 162px; text-align: right; line-height: 1.2; font-size: 12px; -webkit-filter: grayscale(100%) opacity(70%); filter: grayscale(100%) opacity(70%);} .made-by-ponto::before{content: ""; flex-shrink: 0; display: block; width: 66px; height: 18px; background: url('images/ponto-logo.svg') center center no-repeat; background-size: contain;} .made-by-ponto:hover{-webkit-filter: grayscale(0%) opacity(100%); filter: grayscale(0%) opacity(100%);} @media only screen and (max-width: 1080px) { .footer-cols{grid-template-columns: repeat(1, 1fr);} .footer-cols .col{position: static;} .footer-cols .col:last-child{position: absolute; top: 0px; right: 0px;} .footer .social{justify-content: flex-start;} } @media only screen and (max-width: 767px) { .footer-cols .col:last-child{position: relative; top: unset; right: unset;} .footer .social{margin-top: 10px;} .footer-menu{flex-direction: column; margin-top: 40px;} .footer-menu a{font-size: 16px;} .footer-bottom{flex-direction: column; margin-top: 45px;} .footer-links{flex-direction: column;} .made-by-ponto{align-items: flex-start; text-align: left;} }