diff --git a/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/css/catalog.css b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/css/catalog.css new file mode 100644 index 0000000..9bf2d5c --- /dev/null +++ b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/css/catalog.css @@ -0,0 +1,943 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.wrapper{ + margin: 0 auto; + + max-width: 1600px; +} + +/* compound */ +.compound{ + margin: -5px; + + min-height: 33.95px; + + display: flex; + align-items: start; +} +.compound__item{ + margin: 5px; + + padding: 4px 8px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + color: var(--text-black); + + border-radius: 16px; + background-color: var(--background-white); + + display: block; + text-decoration: none; +} +.compound__item:first-child{ + margin-left: 0; +} +.product__footer{ + margin: 48px 24px 24px; + + display: flex; + justify-content: center; +} +.product__footer--error{ + margin: 45px 0; +} +/* compound */ + +/* select */ +.select{ + max-width: 144px; + + position: relative; +} +.select__state{ + width: 100%; + + padding: 11px 47px 11px 13px; + + /* pointer-events:none; */ + + border: 1px solid var(--background-black); + border-radius: 20px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + cursor: pointer; + + position: relative; + + transition: opacity .2s ease-out; +} +.select:hover .select__state{ + opacity: .8; +} +.select::after{ + content: ''; + + position: absolute; + top: 20.5px; + right: 21.5px; + + width: 17px; + height: 10px; + + background-image: url(../img/svg/main/arrow-black.svg); + background-repeat: no-repeat; + background-size: contain; + + pointer-events: none; +} +.state__block{ + position: absolute; + top: 48px; + left: 0; + + width: 100%; + + height: 0; + overflow: hidden; + + transition: height .2s ease-out; +} +.state__content{ + padding: 8px; + + border-radius: 6px; + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); + background-color: var(--background-white); + + list-style-type: none; +} +.state__content li{ + margin-top: 8px; +} +.state__content li:first-child{ + margin-top: 0; +} +.state__button{ + width: 100%; + + padding: 4px 32px 4px 4px; + + background: none; + border: none; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-dark); + text-align: start; + + border-radius: 6px; + + transition: background-color .2s ease-out; + + position: relative; +} +.state__button:hover, +.state__button.active{ + background-color: var(--background-grey); +} + +.state__button.active::before{ + content: ''; + position: absolute; + top: 10px; + right: 8px; + width: 16px; + height: 12px; + background-image: url(../img/svg/main/arrow-selected.svg); +} + +/* select */ + + +/* Sidebar Filters */ + +.modal__filter .modal__header { + height: 100%; + display: flex; + flex-direction: column; + align-items: stretch; + justify-content: stretch; +} + +.WpfWoofiltersWidget { + height: 100%; +} + +.WpfWoofiltersWidget .wpfMainWrapper { + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 2rem; +} + +.wpfFilterWrapper { + padding-top: 26px!important; + padding-bottom: 25px!important; + border-bottom: 1px solid var(--text-3); + position: relative; + margin: 0!important; +} + +.wpfFilterWrapper .wfpDescription { + padding: 0!important; + padding-right: 30px!important; + margin: 0!important; + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-black); + cursor: pointer; + text-transform: uppercase; +} + +.wpfFilterWrapper .wfpDescription:after { + content: ''; + position: absolute; + top: 24px; + right: 0; + width: 24px; + aspect-ratio: 1; + background-image: url(../img/svg/main/black-x.svg); + transform: rotate(45deg); + transition: transform .2s; + pointer-events: none; +} + +.wpfFilterWrapper.expanded .wfpDescription::after { + transform: rotate(0deg); +} + +.wpfCheckboxHier, .wpfExpandablePart { + display: none; +} + +.wpfCheckboxHier { + padding-top: 24px; +} + +.wpfLiLabel, .wpfFilterVerScroll li label { + display: flex!important; + flex-direction: row; + align-items: center; + gap: 8px; + padding-left: 0; + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + cursor: pointer; +} + +.wpfCheckbox { + display: flex!important; + align-content: center; + justify-content: center; +} + +.wpfCheckbox label { + display: none!important; +} + +.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfFilterContent { + padding: 0!important; +} + +.wpfFilterLayoutHor { + justify-content: space-between; +} + +.wpfPriceInputs { + justify-content: space-between!important; +} + +.wpfFilterWrapper .ui-slider-horizontal { + height: 6px!important; +} + +.wpfExpandablePart { + padding: 0 10px; +} + +.ui-slider.ui-widget-content:not(.iris-slider-offset) { + border-radius: 999px!important; + border: 0!important; + background: var(--background-grey)!important; +} + +.ui-slider .ui-slider-range { + background: rgb(30, 164, 156)!important; +} + +.wpfPriceFilterRange.ui-slider.ui-widget-content .ui-slider-handle { + border-radius: 999px!important; + border: 2px solid white!important; + background: rgb(30, 164, 156)!important; + height: 16px!important; + width: 16px!important; +} + +.wpfPriceRangeField#wpfMinPrice, .wpfPriceRangeField#wpfMaxPrice { + min-width: 80px!important; + box-sizing: border-box; + text-align: left!important; +} + +.wpfPriceRangeField#wpfMinPrice:after, +.wpfPriceRangeField#wpfMaxPrice:after { + content: ' ₽'; +} + +.wpfPriceRangeField#wpfMaxPrice { + text-align: right!important; +} + +.wpfFilterDelimeter { + display: none!important; +} + +.wpfFilterButtons .wpfFilterButton { + height: 56px; + text-transform: capitalize!important; + width: 100%!important; + padding: 16px 24px 24px 24px!important; + font-weight: 700!important; + text-align: center!important; + position: relative!important; + background: var(--gradient-turquoise); + border: none; + transition: opacity .2s ease-out; + font-family: var(--font-family); + font-size: 20px!important; + line-height: 120%; + color: var(--text-black); + border-radius: 20px!important; + cursor: pointer; +} + +.wpfFilterButtons .wpfClearButton.wpfButton { + padding-bottom: 4px; + width: 100%; + text-align: center; + text-transform: capitalize!important; + font-family: var(--font-family); + font-weight: 700; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + border-bottom: 0!important; + cursor: pointer; + border-radius: 0!important; + text-decoration: underline!important; +} + +.wpfFilterContent ul li input[type="checkbox"] { + width: 18px; + height: 18px; + border: 2px solid var(--background-black)!important; + background: var(--background-white); + flex-shrink: 0; + border-radius: 4px!important; + appearance: none!important; + -webkit-appearance: none!important; + outline: none!important; +} + +.wpfFilterContent ul li input[type="checkbox"]:checked { + background-color: var(--background-black); + background-image: url(../../static/img/svg/main/arrow-selected-white.svg); + background-repeat: no-repeat; + background-position: center; +} + + +.wpfFilterWrapper ul:not(.wpfButtonsFilter) li{ + min-width: 50%; +} + + + + + + .to-know{ + width: 100%; + + padding: 12px; + + display: flex; + justify-content: center; + + border: none; + + transition: opacity .2s ease-out; + text-transform: uppercase; + } + .to-know:hover{ + opacity: .8; + } + .to-know p{ + padding-bottom: 4px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border-bottom: 1px var(--text-black) solid; + + cursor: pointer; + } + .to-know--background-none{ + background: none; + } + +.compound{ + flex-wrap: wrap; +} + +.product__item.hiding .product-item__price p { + color: #999; +} + + +.product-item__price-disc, .product-item__price { + display: flex; + align-items: center; + gap: 20px; +} + +.product-item__price-disc, .product-item__price{ + display: flex; + align-items: center; + gap: 20px; +} + +.product-item__price-sale__perc{ + +font-size: 20px; +text-transform: uppercase; +color: #FA0505; + +} +.product-item__price-sale__text { + text-decoration: line-through; + color: #999999; + font-size: 18px; +} +.product-item__price-sale__perc::after{ +display: none; +} + + +/* Основные стили для компьютера */ + +/* product */ +.product{ + padding: 24px; + } + .product__header{ + display: flex; + justify-content: space-between; + align-items: center; + } + .product__tag{ + margin: 36px -12px -12px -12px; + + display: flex; + align-items: center; + flex-wrap: wrap; + } + .product-tag__item{ + margin: 12px; + + padding: 1px; + + border-radius: 16px; + + background: var(--gradient-blue); + border: none; + } + .product-tag-item__content{ + padding: 3px 11px; + + background: var(--background-white); + + border-radius: 15px; + + display: flex; + align-items: center; + } + .product-tag-item__text{ + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + background: var(--gradient-blue); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + .product-tag-item__button{ + margin: 2px 0 2px 4px; + + width: 20px; + aspect-ratio: 1; + + background: none; + border: none; + + background-image: url(../img/svg/main/gradient-x.svg); + background-repeat: no-repeat; + background-position: center; + } + .product__error{ + margin: auto; + + padding: 0 16px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 24px; + line-height: 100%; + text-transform: uppercase; + color: var(--text-0); + text-align: center; + } + .product__error-button{ + border-radius: 20px; + padding: 4px 24px; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border: 1px solid var(--text-0); + background: var(--background-white); + text-decoration: none; + } + .product__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 36px; + line-height: 111%; + text-transform: uppercase; + text-align: center; + color: var(--text-black); + } + .product__main{ + margin: 36px -12px -12px; + + /* width: 100%; */ + + display: flex; + align-items: stretch; + flex-wrap: wrap; + } + .product__item{ + margin: 12px; + + width: calc(25% - 24px); + + display: flex; + flex-direction: column; + justify-content: space-between; + + background-color: var(--background-grey); + border-radius: 24px; + + overflow: hidden; + + position: relative; + } + .product__item::before{ + content: ''; + + position: absolute; + top: 0; + left: 0; + + width: calc(100% - 2px); + height: calc(100% - 2px); + + border: 1px solid #000; + border-radius: 24px; + + pointer-events: none; + transition: opacity .2s ease-out; + + opacity: 0; + } + .product__item:hover::before{ + opacity: 1; + } + .product__item.active::before{ + opacity: 0; + } + .product-item__block-label{ + position: absolute; + top: 16px; + left: 16px; + } + .product-item__label{ + position: absolute; + top: 16px; + left: 16px; + + margin: -2px; + + display: flex; + align-items: center; + + z-index: 10; + } + .product-item-label__tag{ + margin: 2px; + + padding: 4px 8px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + color: #f4f1f0; + + border-radius: 16px; + display: block; + + text-decoration: none; + } + .product-item-label__tag--new{ + background: var(--gradient-blue); + } + .product-item-label__tag--new-green{ + background: #d9ffcc; + color: #4e7623; + } + .product-item-label__tag--sale{ + background: var(--gradient-red); + } + .product-item-label__tag--sale-red{ + color: #fa0505; + background: #ffe5e5; + } + .product-item-label__tag--black{ + background: var(--background-black); + color: var(--text-white); + } + .product-item-label__tag--title{ + padding: 4px 2px; + + font-size: 16px; + line-height: 125%; + color: var(--text-black); + + display: flex; + align-items: center; + } + .product-item__product-card{ + height: 274px; + + display: flex; + justify-content: center; + align-items: center; + } + .product-item__images{ + height: 242px; + object-fit: contain; + } + .product-item__content-card{ + padding: 15.5px; + } + .product-item__title{ + margin-top: 8px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + text-decoration: none; + display: block; + } + .product-item__title:first-child{ + margin-top: 0; + } + .product-item__price{ + margin-top: 8px; + + display: flex; + align-items: center; + } + .product-item__price p{ + font-family: var(--font-family); + font-weight: 700; + font-size: 20px; + line-height: 200%; + text-transform: uppercase; + } + /* .product-item__price p::after{ + content: '₽'; + padding-left: 5px; + } */ + .product-item__price span{ + margin-left: 9px; + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-red); + } + .product-item__price del{ + margin-left: 24px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 18px; + line-height: 133%; + text-transform: uppercase; + text-decoration: line-through; + color: var(--text-6); + } + .product-item__price del::after{ + content: '₽'; + } + .product-item__price span::before{ + content: '-'; + } + .product-item__price span::after{ + content: '%'; + } + .product-item__bye{ + margin-top: 8px; + } + + .product__item.hiding .product-item__price{ + color: var(--text-grey); + } + .product-item__overlay{ + position: absolute; + top: 100%; + left: 0; + + width: 100%; + height: 100%; + + padding: 24px; + + display: flex; + flex-direction: column; + justify-content: space-between; + + border-radius: 24px; + backdrop-filter: blur(25px); + background-color: rgba(242, 242, 242, 0.8); + + z-index: 10; + + transition: top .4s ease-out; + } + .product-item__overlay.active{ + top: 0; + } + .product-item-overlay__header{} + .product-item-overlay__tags{ + margin: 4px -6px -6px -6px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-3); + + display: flex; + flex-wrap: wrap; + + list-style-type: none; + } + .product-item-overlay__tags li{ + margin: 4px 6px; + + position: relative; + } + .product-item-overlay__tags li:nth-child(n+1)::after{ + content: ''; + + position: absolute; + top: 6px; + right: -8px; + + width: 4px; + aspect-ratio: 1; + + background-color: var(--text-3); + border-radius: 50%; + } + .product-item-overlay__tags li:last-child::after, + .product-item-overlay__tags li:last-child::before{ + display: none; + } + .product-item-overlay__price{ + margin-top: 32px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 24px; + line-height: 100%; + text-transform: uppercase; + text-align: right; + color: var(--text-black); + } + .product-item-overlay__price::after{ + content: 'AED'; + } + .product-item-overlay__block-button{ + margin-top: 32px; + } + .product-item-overlay__button{ + margin-top: 16px; + } + .product-item-overlay__button:first-child{ + margin-top: 0; + } + .product-item-overlay__input-block{ + + } + .product-item-overlay__field{ + margin-top: 24px; + + display: flex; + justify-content: space-between; + align-items: center; + } + .product-item-overlay__field:first-child{ + margin-top: 0; + } + .product-item-overlay-field__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-0); + } + .product-item__form{ + + } + +.active-filters { + display: flex; + flex-wrap: wrap; + gap: 10px; + margin-bottom: 20px; + margin-top: 20px; +} + +.active-filter-tag { + padding: 6px 12px; + border: 1px solid #3EC2A6; + border-radius: 16px; + color: #3EC2A6; + font-weight: 400; + font-size: 20px; + line-height: 120%; + white-space: nowrap; + cursor: default; + transition: all 0.2s; + text-transform: uppercase; + +} + +.active-filter-tag:hover { + background-color: #e8f8f5; + cursor: pointer; +} + +.active-filters__clear.button--white { + padding: 6px 12px; + height: 38px; + margin-top: 20px; +} + + + + + + + +/* Стили для планшетов */ +@media only screen and (max-width: 1200px) { + +/* product */ +.product{ + padding: 12px; + padding-top: 20px; +} +.product__title{ + font-weight: 700; + font-size: 26px; + line-height: 123%; + text-transform: uppercase; +} +.to-know p { + font-size: 18px; +} + +} + + + +/* Стили для мобильных устройств */ +@media only screen and (max-width: 720px) { +/* product */ +.product__item{ + width: calc(100% - 24px); +} +/* product */ + +/* modal */ +.modal__basket{ + width: 100%; +} +.modal__filter{ + width: 100%; +} +.modal__to-know, +.modal__to-know-submit{ + width: 100%; +} +.modal__button .to-know{ + display: flex; + + background: none; +} +} + +@media only screen and (max-width: 576px) { + +.product__header{ + flex-direction: column; + align-items: start; +} +.product__header .button{ + margin-top: 48px; +} +/* product */ +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-order.css b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/css/gp-style-order.css similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-order.css rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/css/gp-style-order.css diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/country/ar.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/country/ar.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/country/ar.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/country/ar.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/country/ru.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/country/ru.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/country/ru.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/country/ru.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/logo/logo-black.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/logo/logo-black.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/logo/logo-black.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/logo/logo-black.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/logo/logo-gradient.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/logo/logo-gradient.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/logo/logo-gradient.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/logo/logo-gradient.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/logo/logo-white.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/logo/logo-white.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/logo/logo-white.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/logo/logo-white.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-back.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-back.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-back.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-back.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-black.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-black.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-black.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-black.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-left.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-left.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-left.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-left.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-right-input.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-right-input.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-right-input.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-right-input.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-right.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-right.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-right.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-right.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-selected-white.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-selected-white.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-selected-white.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-selected-white.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-selected.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-selected.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/arrow-selected.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/arrow-selected.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/basket.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/basket.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/basket.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/basket.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/black-x.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/black-x.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/black-x.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/black-x.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/change-dot.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/change-dot.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/change-dot.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/change-dot.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/filter.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/filter.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/filter.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/filter.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/google-white.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/google-white.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/google-white.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/google-white.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/gradient-x.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/gradient-x.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/gradient-x.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/gradient-x.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/minus.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/minus.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/minus.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/minus.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/plus-grey.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/plus-grey.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/plus-grey.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/plus-grey.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/plus.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/plus.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/plus.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/plus.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/question.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/question.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/question.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/question.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/status-cancelled.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/status-cancelled.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/status-cancelled.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/status-cancelled.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/status-chek.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/status-chek.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/status-chek.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/status-chek.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/triangle-grey.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/triangle-grey.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/triangle-grey.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/triangle-grey.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/vk-white.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/vk-white.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/vk-white.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/vk-white.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/white-x.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/white-x.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/white-x.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/white-x.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/ya-white.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/ya-white.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/main/ya-white.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/main/ya-white.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/mini-profile/basket-w.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/mini-profile/basket-w.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/mini-profile/basket-w.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/mini-profile/basket-w.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/mini-profile/basket.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/mini-profile/basket.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/mini-profile/basket.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/mini-profile/basket.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/mini-profile/profile-w.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/mini-profile/profile-w.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/mini-profile/profile-w.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/mini-profile/profile-w.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/mini-profile/profile.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/mini-profile/profile.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/mini-profile/profile.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/mini-profile/profile.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/social-media/tg.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/social-media/tg.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/social-media/tg.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/social-media/tg.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/social-media/vk.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/social-media/vk.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/social-media/vk.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/social-media/vk.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/img/svg/social-media/ya.svg b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/social-media/ya.svg similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/img/svg/social-media/ya.svg rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/img/svg/social-media/ya.svg diff --git a/wp-content/themes/cosmopet/woocommerce/assets/js/_gp-function.js b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/_gp-function.js similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/js/_gp-function.js rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/_gp-function.js diff --git a/wp-content/themes/cosmopet/woocommerce/assets/js/core.js b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/core.js similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/js/core.js rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/core.js diff --git a/wp-content/themes/cosmopet/woocommerce/assets/js/gp-cabinet.js b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/gp-cabinet.js similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/js/gp-cabinet.js rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/gp-cabinet.js diff --git a/wp-content/themes/cosmopet/woocommerce/assets/js/gp-form.js b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/gp-form.js similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/js/gp-form.js rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/gp-form.js diff --git a/wp-content/themes/cosmopet/woocommerce/assets/js/gp-main.js b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/gp-main.js similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/js/gp-main.js rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/gp-main.js diff --git a/wp-content/themes/cosmopet/woocommerce/assets/js/gp-product.js b/wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/gp-product.js similarity index 100% rename from wp-content/themes/cosmopet/woocommerce/assets/js/gp-product.js rename to wp-content/themes/cosmopet/modules/shop/components/catalog/assets/js/gp-product.js diff --git a/wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php b/wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php index 4c8607b..b471fbf 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php +++ b/wp-content/themes/cosmopet/modules/shop/components/catalog/component-controller.php @@ -1,12 +1,12 @@ - {{ post.title }} + {{ post.title }}
diff --git a/wp-content/themes/cosmopet/templates/_pages/shop/product-single.twig b/wp-content/themes/cosmopet/templates/_pages/shop/product-single.twig index ea4fc05..2281940 100644 --- a/wp-content/themes/cosmopet/templates/_pages/shop/product-single.twig +++ b/wp-content/themes/cosmopet/templates/_pages/shop/product-single.twig @@ -206,77 +206,7 @@ {{ function('pll_e', 'РЕКОМЕНДАЦИИ ПО КОРМЛЕНИЮ') }}

-
- - - - +
{% if product_meta.feeding_recommendations_table.header is defined %} @@ -302,9 +232,6 @@
- - - {# Старая таблица #} {#
{% if product_meta.feeding_recommendations_table.header %} diff --git a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-core.css deleted file mode 100644 index 69d38bd..0000000 --- a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-core.css +++ /dev/null @@ -1,1342 +0,0 @@ -*{ - margin: 0; - padding: 0; - box-sizing: border-box; -} - - - - - -/* общие */ -body.overflow-hidden { - overflow: hidden; -} - -button{ - cursor: pointer; -} - -.wrapper{ - margin: 0 auto; - - max-width: 1600px; -} - -/* компоненты */ - -/* lang*/ -.lang{ - position: relative; -} -.lang__open{ - padding: 12px 15px; - - width: 74px; - - background: none; - border: none; - - display: flex; - align-items: center; - - transition: opacity .2s ease-out; -} -.lang__open:hover{ - opacity: .8; -} -.lang-open p{ - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - - text-align: start; - - color: var(--text-black); -} -.lang-open__arrow{ - margin-left: 7.25px; - - display: flex; - justify-content: center; - align-items: center; -} -.lang-open__black{ - -} -.lang-open__white{ - display: none; -} -.lang__content{ - position: absolute; - top: 33px; - left: -13px; - - height: 0; - - border-radius: 6px; - - transition: height .2s ease-out; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); - overflow: hidden; - - background-color: var(--background-white); - - z-index: 100; -} -.lang__list{ - width: 104px; - - padding: 8px; - - list-style-type: none; -} -.lang__item{ - margin-top: 8px; -} -.lang__item:first-child{ - margin-top: 0; -} -.lang__link{ - display: block; - - width: 100%; - - padding: 4px; - - border-radius: 6px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-dark); - - text-decoration: none; - - position: relative; - - transition: background-color .2s ease-out; -} -.lang__link:hover, -.lang__item.active .lang__link{ - background-color: var(--background-grey); -} -.lang__item.active .lang__link::before{ - content: ''; - - position: absolute; - top: 10px; - right: 8px; - - width: 16px; - height: 12px; - - background-image: url(../img/svg/main/arrow-selected.svg); -} -/* lang */ - - -/* mini-profile */ -.mini-profile{ - display: flex; - align-items: center; -} -.mini-profile__item{ - margin-left: 8px; -} -.mini-profile__item:first-child{ - margin-left: 0; -} -.mini-profile__button{ - display: block; - - padding: 8px; - - display: flex; - justify-content: center; - align-items: center; - - background: none; - border: none; - - transition: opacity .2s ease-out; -} -.mini-profile__button:hover{ - opacity: .8; -} -.mini-profile__icon{ - width: 24px; - aspect-ratio: 1; -} -.mini-profile__icon.white{ - display: none; -} -/* mini-profile */ - - -/* main-menu */ -.main-menu{ - display: flex; - align-items: center; - - list-style-type: none; -} -.main-menu__item{ - margin-left: 24px; - - transition: opacity .2s ease-out; -} -.main-menu__item:first-child{ - margin-left: 0; -} -.main-menu__item:hover{ - opacity: .8; - - background: var(--background-grey); - border-radius: 24px; -} -.header.white .main-menu__item:hover .main-menu__link{ - color: var(--text-black); -} -.main-menu__item:active{ - opacity: 1; -} -.main-menu__link{ - display: block; - - padding: 8px 12px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); - - text-decoration: none; - - transition: color .2s ease-out; -} -.main-menu__button{ - padding: 8px 32px 8px 12px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); - - border: none; - border-radius: 24px; - - background: var(--gradient-turquoise); - - position: relative; -} -.main-menu__button::before{ - content: ''; - - position: absolute; - top: 14px; - right: 14px; - - width: 13px; - height: 8px; - - background-image: url(../img/svg/main/arrow-black.svg); - background-repeat: no-repeat; - background-size: contain; -} -/* main-menu */ - - -/* form */ -.form{ - width: 100%; - - padding: 24px 24px 43px; - - display: flex; - flex-direction: column; - - border-radius: 24px; - background: var(--gradient-turquoise); -} -.form__item{ - margin-top: 16px; -} -.form__title{ - font-family: var(--font-family); - font-weight: 500; - font-size: 24px; - line-height: 133%; - color: var(--text-black); -} -.form__input{ - width: 100%; - - border-radius: 20px; - padding: 12px 16px; - border: 1px solid var(--text-black); - - background: var(--background-white); - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - - color: var(--text-black); -} -.form__input::placeholder{ - color: var(--text-grey); -} -.form__input--grey{ - border-color: var(--background-9); -} -.form__input--textarea{ - height: 96px; - resize: none; -} -.form__input--textarea-72{ - height: 72px; - resize: none; - - overflow: hidden; -} -.form__input--center{ - text-align: center; -} -.form__button{ - width: 100%; - - padding: 12px 24px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-white); - - border-radius: 16px; - border: none; - background: var(--background-black); - - cursor: pointer; - - transition: background-color .2s ease-out; -} -.form__button:hover{ - opacity: .8; -} - -.label{ - padding-bottom: 4px; - - display: inline-block; - - position: relative; -} -.label::after{ - content: ''; - - position: absolute; - top: 2px; - right: -20px; - - width: 16px; - height: 16px; - - background-image: url(../img/svg/main/question.svg); - - cursor: pointer; -} -.label__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-3); -} -.label__question{ - position: absolute; - - padding: 8px; - - border-radius: 6px; - transition: height .2s ease-out; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); - overflow: hidden; - background-color: var(--background-white); - - opacity: 0; - transition: opacity .2s ease-out; - pointer-events: none; -} -.label:hover .label__question{ - opacity: 1; - pointer-events: auto; -} - -.label-name{ - margin-bottom: 8px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); - - display: block; -} -.form-input__error{ - margin-top: 4px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - - color: #f60909; - - display: none; - - position: relative; -} -.form-input__error--absolute{ - position: absolute; - bottom: -19.95px; - left: 0; - - width: 100%; -} -.modal-form__content.check .form__input:invalid{ - border-color: #f60909; -} -.modal-form__content.check .form__input:invalid + .form-input__error{ - display: block; -} -.modal-form__content.check .form-input-phone__input:invalid + .form-input__error{ - display: block; -} -.modal-form__content.check .form-input-phone__input:invalid + .form-input__error--absolute::before{ - content: ''; - - position: absolute; - top: -53px; - left: -1px; - - width: 100%; - height: 48px; - - border-radius: 20px; - border: 1px solid #f60909; -} -.form-input__phone{ - padding: 12px 16px 12px ; - - display: flex; - align-items: center; - - border-radius: 20px; - border: 1px solid var(--text-black); - - cursor: pointer; - - position: relative; -} -.form-input__phone.focus{ - outline: 1px solid var(--text-black); -} -.form-input-phone__icon{ - flex-shrink: 0; - - height: 16px; - width: 28px; - - background-size: 16px; - background-repeat: no-repeat; - background-position: left; - - position: relative; -} -.form-input-phone__icon::after{ - content: ''; - - position: absolute; - top: 4px; - right: 0; - - width: 8px; - aspect-ratio: 1; - - background-image: url(../img/svg/main/triangle-grey.svg); -} -.form-input-phone__code{ - flex-shrink: 0; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.form-input-phone__code::before{ - content: '+'; -} -.form-input-phone__input{ - margin-left: 6px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - border: none; - outline: none; -} -.form-input-phone__list{ - position: absolute; - top: 52px; - left: 8px; - - width: 280px; - - z-index: 10; - - transition: opacity .2s ease-out; - - opacity: 0; - pointer-events: none; - - border-radius: 20px; - - overflow: hidden; -} -.form-input-phone__list.active{ - opacity: 1; - pointer-events: auto; -} -.form-input-phone-list__search{ - width: 100%; - - padding: 12px 16px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - border-left: 1px solid var(--background-black); - border-right: 1px solid var(--background-black); - border-top: 1px solid var(--background-black); - border-radius: 20px 20px 0 0; - - background: var(--background-white); -} -.form-input-phone-list__search::placeholder{ - color: var(--text-6); -} -.form-input-phone-list__content{ - width: 100%; - max-height: 224px; - - padding: 24px 16px; - - border: 1px solid var(--background-black); - border-top: none; - border-radius: 0 0 20px 20px; - - background: var(--background-white); - - overflow-y: auto; -} -.form-input-phone-list__item{ - margin-top: 14px; - - display: flex; - align-items: center; - - background: none; - border: none; - - cursor: pointer; -} -.form-input-phone-list__item:first-child{ - margin-top: 0; -} -.form-input-phone-list-item__icon{ - width: 16px; - aspect-ratio: 1; -} -.form-input-phone-list-item__name{ - margin-left: 8px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.form-input-phone-list-item__code{ - margin-left: 8px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.form-input-phone-list-item__code::before{ - content: '+'; -} -.form-input__tabs{ - padding: 2px; - - display: flex; - - border-radius: 20px; - background: var(--gradient-turquoise); - - position: relative; -} -.form-input-tabs__button{ - width: 100%; - - padding: 10px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - text-align: center; - - border-radius: 18px; - - z-index: 2; - - transition: background-color .2s ease-out; -} -.form-input-tabs__button.active{ - background-color: var(--background-white); -} -.form-input-tabs__input{ - display: none; -} -.form-input__radio{ - padding: 16px; - - display: flex; - flex-direction: column; -} -.form-input-radio__item{ - margin-top: 14px; - - display: flex; - align-items: center; -} -.form-input-radio__item:first-child{ - margin-top: 0; -} -.form-input-radio__circle{ - padding: 2px; - - width: 20px; - aspect-ratio: 1; - - border-radius: 50%; - - background: var(--gradient-blue); - - position: relative; -} -.form-input-radio__item.active .form-input-radio__circle::before{ - content: ''; - - position: absolute; - top: 4px; - left: 4px; - - width: 12px; - aspect-ratio: 1; - - border-radius: 50%; - - background: var(--gradient-blue); -} -.form-input-radio-circle__content{ - width: 16px; - aspect-ratio: 1; - - border-radius: 50%; - - background: var(--background-white); -} -.form-input-radio__title{ - margin-left: 8px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-dark); -} -.form-input-radio__title.form-input-radio__title--no-span span{ - color: var(--text-dark); -} -.form-input-radio__price{ - margin-left: auto; - - font-family: var(--font-family); - font-weight: 600; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.form-input-radio__price::after{ - content: ' ₽'; -} -.form-input-radio__input{ - display: none; -} -.form-input__list{ - position: relative; -} -.form-input__list::before{ - content: ''; - position: absolute; - top: 21.5px; - right: 19.5px; - width: 13px; - height: 8px; - background-image: url(../img/svg/main/arrow-black.svg); - background-repeat: no-repeat; - background-size: contain; - pointer-events: none; -} -.form-input-list__input{ - width: 100%; - - border-radius: 20px; - padding: 12px 16px; - padding-right: 40px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - border: 1px solid var(--text-black); -} - -.form-input-list__input::placeholder{ - color: var(--text-grey); -} -.form-input-list__block-content{ - position: absolute; - top: 50px; - left: 0; - - width: 100%; - max-height: 192px; - height: 0; - - border-radius: 20px; - background-color: var(--background-white); - - overflow: hidden; - - transition: height .2s ease-out; - - z-index: 10; -} -.form-input-list__block-content.active{ - border: 1px solid var(--background-black); -} -.form-input-list__content{ - margin: 8px 16px; - - max-height: 176px; - - padding-right: 16px; - - overflow-y: auto; -} -.form-input-list__content::-webkit-scrollbar{ - border-radius: 8px; - width: 4px; - background: rgba(204, 204, 204, 0.2); -} -.form-input-list__content::-webkit-scrollbar-thumb{ - border-radius: 8px; - background: var(--background-9); -} -.form-input-list__content -.form-input-list__item{ - margin-top: 16px; - - width: 100%; - - display: flex; - justify-content: space-between; - align-items: center; - - border-radius: 8px; - padding: 4px; - - background: none; - border: none; -} -.form-input-list__item:first-child{ - margin-top: 0; -} -.form-input-list__item.active{ - background: rgba(204, 204, 204, 0.2); -} -.form-input-list-item__text{ - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.form-input-list-item__box{ - width: 20px; - aspect-ratio: 1; - - padding: 2px; - - border-radius: 4px; - - background: var(--gradient-blue); -} -.form-input-list-item-box__content{ - width: 16px; - aspect-ratio: 1; - - border-radius: 2px; - - background: var(--background-white); -} -.form-input-list__item.active .form-input-list-item-box__content{ - background: var(--gradient-blue); -} -.remote-control__item{ - display: none; -} -.remote-control__item.active{ - display: block; -} -/* .form-input-radio__ */ - -.form-agreement{ - display: flex; -} -.form-agreement__check{ - display: flex; - align-items: center; -} -.form-agreement__square{ - width: 18px; - aspect-ratio: 1; - - border-radius: 4px; - - border: 2px solid var(--background-black); -} -.form-agreement__label{ - margin-left: 8px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.form-agreement__input{ - display: none; -} -.form-agreement__input:checked + .form-agreement__square{ - border: none; - background: var(--gradient-blue); - - position: relative; -} -.form-agreement__input:checked + .form-agreement__square::after{ - content: ''; - - position: absolute; - top: 1px; - left: 1px; - - width: 16px; - aspect-ratio: 1; - background-image: url(../../static/img/svg/main/arrow-selected-white.svg); - background-repeat: no-repeat; - background-position: center; -} -/* form */ - - -/* social media */ -.social-media{ - display: flex; - align-items: center; -} -.social-media__item{ - margin-left: 32px; - - transition: opacity .2s ease-out; -} -.social-media__item:hover{ - opacity: .8; -} -.social-media__item:first-child{ - margin-left: 0px; -} -.social-media__icon{ - width: 32px; - aspect-ratio: 1; -} -/* social media */ - - - -/* compound */ -.compound{ - margin: -5px; - - min-height: 33.95px; - - display: flex; - align-items: start; -} -.compound__item{ - margin: 5px; - - padding: 4px 8px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 12px; - line-height: 133%; - color: var(--text-black); - - border-radius: 16px; - background-color: var(--background-white); - - display: block; - text-decoration: none; -} -.compound__item:first-child{ - margin-left: 0; -} -.product__footer{ - margin: 48px 24px 24px; - - display: flex; - justify-content: center; -} -.product__footer--error{ - margin: 45px 0; -} -/* compound */ - -/* select */ -.select{ - max-width: 144px; - - position: relative; -} -.select__state{ - width: 100%; - - padding: 11px 47px 11px 13px; - - /* pointer-events:none; */ - - border: 1px solid var(--background-black); - border-radius: 20px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - cursor: pointer; - - position: relative; - - transition: opacity .2s ease-out; -} -.select:hover .select__state{ - opacity: .8; -} -.select::after{ - content: ''; - - position: absolute; - top: 20.5px; - right: 21.5px; - - width: 17px; - height: 10px; - - background-image: url(../img/svg/main/arrow-black.svg); - background-repeat: no-repeat; - background-size: contain; - - pointer-events: none; -} -.state__block{ - position: absolute; - top: 48px; - left: 0; - - width: 100%; - - height: 0; - overflow: hidden; - - transition: height .2s ease-out; -} -.state__content{ - padding: 8px; - - border-radius: 6px; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); - background-color: var(--background-white); - - list-style-type: none; -} -.state__content li{ - margin-top: 8px; -} -.state__content li:first-child{ - margin-top: 0; -} -.state__button{ - width: 100%; - - padding: 4px 32px 4px 4px; - - background: none; - border: none; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-dark); - text-align: start; - - border-radius: 6px; - - transition: background-color .2s ease-out; - - position: relative; -} -.state__button:hover, -.state__button.active{ - background-color: var(--background-grey); -} - -.state__button.active::before{ - content: ''; - position: absolute; - top: 10px; - right: 8px; - width: 16px; - height: 12px; - background-image: url(../img/svg/main/arrow-selected.svg); -} - -/* select */ - - -/* Sidebar Filters */ - -.modal__filter .modal__header { - height: 100%; - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: stretch; -} - -.WpfWoofiltersWidget { - height: 100%; -} - -.WpfWoofiltersWidget .wpfMainWrapper { - height: 100%; - display: flex; - flex-direction: column; - justify-content: space-between; - gap: 2rem; -} - -.wpfFilterWrapper { - padding-top: 26px!important; - padding-bottom: 25px!important; - border-bottom: 1px solid var(--text-3); - position: relative; - margin: 0!important; -} - -.wpfFilterWrapper .wfpDescription { - padding: 0!important; - padding-right: 30px!important; - margin: 0!important; - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); - cursor: pointer; - text-transform: uppercase; -} - -.wpfFilterWrapper .wfpDescription:after { - content: ''; - position: absolute; - top: 24px; - right: 0; - width: 24px; - aspect-ratio: 1; - background-image: url(../img/svg/main/black-x.svg); - transform: rotate(45deg); - transition: transform .2s; - pointer-events: none; -} - -.wpfFilterWrapper.expanded .wfpDescription::after { - transform: rotate(0deg); -} - -.wpfCheckboxHier, .wpfExpandablePart { - display: none; -} - -.wpfCheckboxHier { - padding-top: 24px; -} - -.wpfLiLabel, .wpfFilterVerScroll li label { - display: flex!important; - flex-direction: row; - align-items: center; - gap: 8px; - padding-left: 0; - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - cursor: pointer; -} - -.wpfCheckbox { - display: flex!important; - align-content: center; - justify-content: center; -} - -.wpfCheckbox label { - display: none!important; -} - -.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfFilterContent { - padding: 0!important; -} - -.wpfFilterLayoutHor { - justify-content: space-between; -} - -.wpfPriceInputs { - justify-content: space-between!important; -} - -.wpfFilterWrapper .ui-slider-horizontal { - height: 6px!important; -} - -.wpfExpandablePart { - padding: 0 10px; -} - -.ui-slider.ui-widget-content:not(.iris-slider-offset) { - border-radius: 999px!important; - border: 0!important; - background: var(--background-grey)!important; -} - -.ui-slider .ui-slider-range { - background: rgb(30, 164, 156)!important; -} - -.wpfPriceFilterRange.ui-slider.ui-widget-content .ui-slider-handle { - border-radius: 999px!important; - border: 2px solid white!important; - background: rgb(30, 164, 156)!important; - height: 16px!important; - width: 16px!important; -} - -.wpfPriceRangeField#wpfMinPrice, .wpfPriceRangeField#wpfMaxPrice { - min-width: 80px!important; - box-sizing: border-box; - text-align: left!important; -} - -.wpfPriceRangeField#wpfMinPrice:after, -.wpfPriceRangeField#wpfMaxPrice:after { - content: ' ₽'; -} - -.wpfPriceRangeField#wpfMaxPrice { - text-align: right!important; -} - -.wpfFilterDelimeter { - display: none!important; -} - -.wpfFilterButtons .wpfFilterButton { - height: 56px; - text-transform: capitalize!important; - width: 100%!important; - padding: 16px 24px 24px 24px!important; - font-weight: 700!important; - text-align: center!important; - position: relative!important; - background: var(--gradient-turquoise); - border: none; - transition: opacity .2s ease-out; - font-family: var(--font-family); - font-size: 20px!important; - line-height: 120%; - color: var(--text-black); - border-radius: 20px!important; - cursor: pointer; -} - -.wpfFilterButtons .wpfClearButton.wpfButton { - padding-bottom: 4px; - width: 100%; - text-align: center; - text-transform: capitalize!important; - font-family: var(--font-family); - font-weight: 700; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - border-bottom: 0!important; - cursor: pointer; - border-radius: 0!important; - text-decoration: underline!important; -} - -.wpfFilterContent ul li input[type="checkbox"] { - width: 18px; - height: 18px; - border: 2px solid var(--background-black)!important; - background: var(--background-white); - flex-shrink: 0; - border-radius: 4px!important; - appearance: none!important; - -webkit-appearance: none!important; - outline: none!important; -} - -.wpfFilterContent ul li input[type="checkbox"]:checked { - background-color: var(--background-black); - background-image: url(../../static/img/svg/main/arrow-selected-white.svg); - background-repeat: no-repeat; - background-position: center; -} - - -.wpfFilterWrapper ul:not(.wpfButtonsFilter) li{ - min-width: 50%; -} - - - - - - .to-know{ - width: 100%; - - padding: 12px; - - display: flex; - justify-content: center; - - border: none; - - transition: opacity .2s ease-out; - text-transform: uppercase; - } - .to-know:hover{ - opacity: .8; - } - .to-know p{ - padding-bottom: 4px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - border-bottom: 1px var(--text-black) solid; - - cursor: pointer; - } - .to-know--background-none{ - background: none; - } - -.compound{ - flex-wrap: wrap; -} - -.product__item.hiding .product-item__price p { - color: #999; -} - - -.product-item__price-disc, .product-item__price { - display: flex; - align-items: center; - gap: 20px; -} - -.product-item__price-disc, .product-item__price{ - display: flex; - align-items: center; - gap: 20px; -} - -.product-item__price-sale__perc{ - -font-size: 20px; -text-transform: uppercase; -color: #FA0505; - -} -.product-item__price-sale__text { - text-decoration: line-through; - color: #999999; - font-size: 18px; -} -.product-item__price-sale__perc::after{ -display: none; -} diff --git a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-desktop.css deleted file mode 100644 index 9500ce6..0000000 --- a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-desktop.css +++ /dev/null @@ -1,1888 +0,0 @@ -/* Основные стили для компьютера */ - -/* header start */ - -.header{ - position: relative; - - background-color: var(--background-white); - - position: fixed; - left: 0; - top: 0; - right: 0; - - z-index: 200; -} -.header__content::after{ - content: ''; - - position: absolute; - left: auto; - right: auto; - bottom: 0; - - width: calc(100% - 48px); - max-width: 1552px; - height: 1px; - - background: var(--text-3); -} - -.header__content{ - height: 72px; - - padding: 14px 24px; - - display: flex; - justify-content: space-between; - align-items: center; -} - -.header__open-menu{ - display: none; - - width: 24px; - aspect-ratio: 1; - - position: relative; - - border: none; - background: none; -} -.header__open-menu::before{ - content: ''; - - position: absolute; - top: 8px; - left: 4px; - - width: 16px; - height: 2px; - - background: var(--background-black); - border-radius: 1px; - -} -.header__open-menu::after{ - content: ''; - - position: absolute; - left: 4px; - bottom: 8px; - - width: 16px; - height: 2px; - - background: var(--background-black); - border-radius: 1px; -} - -.header__logo{ - width: 182px; - height: 40px; -} -.header__logo-black, -.header__logo-white{ - width: 100%; - height: 100%; -} -.header__logo-white{ - display: none; -} - -.header__menu-block{ - position: absolute; - top: 72px; - left: 0; - - width: 100%; - height: 0; - - overflow: hidden; - transition: height .2s ease-out; - - background-color: var(--background-white); - - z-index: 100; -} - -.header__pc-menu{ - padding: 40px 46px; - - display: flex; - justify-content: center; - - position: relative; -} -.header__pc-menu::before{ - content: ''; - - position: absolute; - top: 0; - left: 46px; - - width: 330px; - height: 248px; - - background-image: url(../img/pet/cat.png); - background-repeat: no-repeat; -} -.header__pc-menu::after{ - content: ''; - - position: absolute; - top: 0; - right: 46px; - - width: 330px; - height: 248px; - - background-image: url(../img/pet/dog.png); - background-repeat: no-repeat; -} -.header-pc-menu__content{ - width: 600px; - - display: flex; - justify-content: space-between; -} -.header-pc-menu__item{ - -} -.header-pc-menu__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 26px; - line-height: 123%; - text-transform: uppercase; - color: var(--text-black); - - text-decoration: none; -} -.header-pc-menu__list{ - margin-top: 16px; - - list-style-type: none; -} -.header-pc-menu__list-li{ - margin-top: 25px; -} -.header-pc-menu__list-li:first-child{ - margin-top: 0; -} -.header-pc-menu__list-li a{ - font-family: var(--font-family); - font-weight: 600; - font-size: 20px; - line-height: 120%; - color: var(--text-0); - - text-decoration: none; -} -.header__phone-menu{ - display: none; - - padding: 24px 16px; - - height: calc(100vh - 56px); - - overflow-x: auto; -} -.header-phone-menu__item{ - padding: 16px 0; - - border-top: 1px solid #f4f1f0; - border-bottom: 1px solid #f4f1f0; - - display: flex; - flex-direction: column; -} -.header-phone-menu__item:first-child{ - border-top: 0; -} -.header-phone-menu__item:last-child{ - border-bottom: 0; -} -.header-phone-menu__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - text-decoration: none; -} -.header-phone-menu__title--gradient{ - background: var(--gradient-blue); - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.header-phone-menu__category{ - margin-top: 16px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 18px; - line-height: 133%; - color: var(--text-black); - - text-decoration: none; -} -.header-phone-menu__list{ - margin-top: 24px; - - padding-left: 32px; - - list-style-type: none; -} -.header-phone-menu__list-item{ - margin-top: 16px; -} -.header-phone-menu__list-item:first-child{ - margin-top: 0; -} -.header-phone-menu__list-item a{ - font-family: var(--font-family); - font-weight: 500; - font-size: 16px; - line-height: 125%; - color: #121212; - color: var(--text-black); - - text-decoration: none; -} -.header.white{ - background: none; -} -.header.white .header__logo-black{ - display: none; -} -.header.white .header__logo-white{ - display: block; -} -.header.white .main-menu__link{ - color: var(--text-white); -} -.header.white .main-menu__button{ - background: var(--background-white); -} -.header.white .lang__open{ - color: var(--text-white); -} -.header.white .header__content::after{ - background: var(--background-white); -} -.header.white .lang-open__black{ - display: none; -} -.header.white .lang-open__white{ - display: block; -} -.header.white .mini-profile__icon.white{ - display: block; -} -.header.white .mini-profile__icon.black{ - display: none; -} -.header.white .header__open-menu::before, -.header.white .header__open-menu::after{ - background: var(--background-white); -} -.header__phone-menu::-webkit-scrollbar { - width: 0px; -} - -main{ - padding-top: 72px; -} -/* header end */ - -/* product */ -.product{ - padding: 24px; - } - .product__header{ - display: flex; - justify-content: space-between; - align-items: center; - } - .product__tag{ - margin: 36px -12px -12px -12px; - - display: flex; - align-items: center; - flex-wrap: wrap; - } - .product-tag__item{ - margin: 12px; - - padding: 1px; - - border-radius: 16px; - - background: var(--gradient-blue); - border: none; - } - .product-tag-item__content{ - padding: 3px 11px; - - background: var(--background-white); - - border-radius: 15px; - - display: flex; - align-items: center; - } - .product-tag-item__text{ - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - background: var(--gradient-blue); - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - .product-tag-item__button{ - margin: 2px 0 2px 4px; - - width: 20px; - aspect-ratio: 1; - - background: none; - border: none; - - background-image: url(../img/svg/main/gradient-x.svg); - background-repeat: no-repeat; - background-position: center; - } - .product__error{ - margin: auto; - - padding: 0 16px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 24px; - line-height: 100%; - text-transform: uppercase; - color: var(--text-0); - text-align: center; - } - .product__error-button{ - border-radius: 20px; - padding: 4px 24px; - - font-family: var(--font-family); - font-weight: 600; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - border: 1px solid var(--text-0); - background: var(--background-white); - text-decoration: none; - } - .product__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 36px; - line-height: 111%; - text-transform: uppercase; - text-align: center; - color: var(--text-black); - } - .product__main{ - margin: 36px -12px -12px; - - /* width: 100%; */ - - display: flex; - align-items: stretch; - flex-wrap: wrap; - } - .product__item{ - margin: 12px; - - width: calc(25% - 24px); - - display: flex; - flex-direction: column; - justify-content: space-between; - - background-color: var(--background-grey); - border-radius: 24px; - - overflow: hidden; - - position: relative; - } - .product__item::before{ - content: ''; - - position: absolute; - top: 0; - left: 0; - - width: calc(100% - 2px); - height: calc(100% - 2px); - - border: 1px solid #000; - border-radius: 24px; - - pointer-events: none; - transition: opacity .2s ease-out; - - opacity: 0; - } - .product__item:hover::before{ - opacity: 1; - } - .product__item.active::before{ - opacity: 0; - } - .product-item__block-label{ - position: absolute; - top: 16px; - left: 16px; - } - .product-item__label{ - position: absolute; - top: 16px; - left: 16px; - - margin: -2px; - - display: flex; - align-items: center; - - z-index: 10; - } - .product-item-label__tag{ - margin: 2px; - - padding: 4px 8px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 12px; - line-height: 133%; - color: #f4f1f0; - - border-radius: 16px; - display: block; - - text-decoration: none; - } - .product-item-label__tag--new{ - background: var(--gradient-blue); - } - .product-item-label__tag--new-green{ - background: #d9ffcc; - color: #4e7623; - } - .product-item-label__tag--sale{ - background: var(--gradient-red); - } - .product-item-label__tag--sale-red{ - color: #fa0505; - background: #ffe5e5; - } - .product-item-label__tag--black{ - background: var(--background-black); - color: var(--text-white); - } - .product-item-label__tag--title{ - padding: 4px 2px; - - font-size: 16px; - line-height: 125%; - color: var(--text-black); - - display: flex; - align-items: center; - } - .product-item__product-card{ - height: 274px; - - display: flex; - justify-content: center; - align-items: center; - } - .product-item__images{ - height: 242px; - object-fit: contain; - } - .product-item__content-card{ - padding: 15.5px; - } - .product-item__title{ - margin-top: 8px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - text-decoration: none; - display: block; - } - .product-item__title:first-child{ - margin-top: 0; - } - .product-item__price{ - margin-top: 8px; - - display: flex; - align-items: center; - } - .product-item__price p{ - font-family: var(--font-family); - font-weight: 700; - font-size: 20px; - line-height: 200%; - text-transform: uppercase; - } - /* .product-item__price p::after{ - content: '₽'; - padding-left: 5px; - } */ - .product-item__price span{ - margin-left: 9px; - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - color: var(--text-red); - } - .product-item__price del{ - margin-left: 24px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 18px; - line-height: 133%; - text-transform: uppercase; - text-decoration: line-through; - color: var(--text-6); - } - .product-item__price del::after{ - content: '₽'; - } - .product-item__price span::before{ - content: '-'; - } - .product-item__price span::after{ - content: '%'; - } - .product-item__bye{ - margin-top: 8px; - } - - .product__item.hiding .product-item__price{ - color: var(--text-grey); - } - .product-item__overlay{ - position: absolute; - top: 100%; - left: 0; - - width: 100%; - height: 100%; - - padding: 24px; - - display: flex; - flex-direction: column; - justify-content: space-between; - - border-radius: 24px; - backdrop-filter: blur(25px); - background-color: rgba(242, 242, 242, 0.8); - - z-index: 10; - - transition: top .4s ease-out; - } - .product-item__overlay.active{ - top: 0; - } - .product-item-overlay__header{} - .product-item-overlay__tags{ - margin: 4px -6px -6px -6px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - color: var(--text-3); - - display: flex; - flex-wrap: wrap; - - list-style-type: none; - } - .product-item-overlay__tags li{ - margin: 4px 6px; - - position: relative; - } - .product-item-overlay__tags li:nth-child(n+1)::after{ - content: ''; - - position: absolute; - top: 6px; - right: -8px; - - width: 4px; - aspect-ratio: 1; - - background-color: var(--text-3); - border-radius: 50%; - } - .product-item-overlay__tags li:last-child::after, - .product-item-overlay__tags li:last-child::before{ - display: none; - } - .product-item-overlay__price{ - margin-top: 32px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 24px; - line-height: 100%; - text-transform: uppercase; - text-align: right; - color: var(--text-black); - } - .product-item-overlay__price::after{ - content: 'AED'; - } - .product-item-overlay__block-button{ - margin-top: 32px; - } - .product-item-overlay__button{ - margin-top: 16px; - } - .product-item-overlay__button:first-child{ - margin-top: 0; - } - .product-item-overlay__input-block{ - - } - .product-item-overlay__field{ - margin-top: 24px; - - display: flex; - justify-content: space-between; - align-items: center; - } - .product-item-overlay__field:first-child{ - margin-top: 0; - } - .product-item-overlay-field__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-0); - } - .product-item__form{ - - } -/* product */ - -/* modal */ -/* .modal__button .to-know{ - display: none; -} */ -/* modal */ - -/* detail */ -.detail{ - margin: 48px 24px 24px 24px; - - display: flex; - align-items: start; - flex-wrap: wrap; -} -.detail__images{ - margin: -12px; - - width: calc(50% - 24px); - - display: flex; - flex-wrap: wrap; -} -.detail__image{ - margin: 12px; - - border-radius: 24px; - - display: flex; - align-items: center; - justify-content: center; - - background: var(--background-grey); - cursor: pointer; -} -.detail__image--width-perc-100{ - width: calc(100% - 24px); - height: 600px; - -} -.detail__image--width-perc-50{ - width: calc(50% - 24px); - height: 288px; -} -.detail__image--width-perc-100 img{ - width: 90%; - height: 90%; - - object-fit: contain; -} -.detail__image--width-perc-50 img{ - width: 100%; - height: 100%; - - object-fit: contain; -} -.detail__content{ - margin-left: 48px; - - width: calc(50% - 24px); -} -.detail__label{ - margin: -2px; - display: flex; - align-items: center; -} -.detail__label .product-item-label__tag:last-child{ - margin-left: auto; -} -.detail__label .product-item-label__tag:first-child{ - margin-left: 0; -} -.detail__title{ - margin-top: 8px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 36px; - line-height: 111%; - text-transform: uppercase; - color: var(--text-black); -} -.detail__block-price{ - margin-top: 24px; - - display: flex; - align-items: center; -} -.detail-block-price__price{ - font-family: var(--font-family); - font-weight: 700; - font-size: 36px; - line-height: 111%; - text-transform: uppercase; - color: #121212; -} -.detail-block-price__price::after{ - content: '₽'; -} -.detail-block-price__sale{ - margin-left: 22px; - - display: flex; - align-items: center; -} -.detail-block-price-sale__text{ - font-family: var(--font-family); - font-weight: 700; - font-size: 20px; - line-height: 120%; - text-transform: uppercase; - text-decoration: line-through; - color: var(--text-6); -} -.detail-block-price-sale__text::after{ - content: '₽'; -} -.detail-block-price-sale__perc{ - margin-left: 9px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - color: var(--text-red); -} -.detail-block-price-sale__perc::before{ - content: '-'; -} -.detail-block-price-sale__perc::after{ - content: '%'; -} -.detail-block__form{ - margin-top: 48px; - - display: flex; - flex-direction: column; -} -.detail-block-form__item{ - margin-top: 24px; - - min-width: 345.89px; - - display: flex; - align-items: center; - flex-wrap: wrap; -} -.detail-block-form__item--radio{ - margin: 16px -8px -8px -8px; -} -.detail-block-form__item:first-child{ - margin-top: 0; -} -.detail-block-form__item button{ - margin: 8px; -} -.detail-block-form__submit{ - min-width: 345.89px; -} -.detail__warning{ - padding: 3px; - - border-radius: 24px; - - background: var(--gradient-turquoise); -} -.detail-warning__content{ - padding: 26px; - - border-radius: 22px; - - background: var(--background-white); -} -.detail-warning__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 24px; - line-height: 100%; - text-transform: uppercase; - color: var(--text-black); -} -.detail-warning__text{ - margin-top: 16px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.detail__toggle{ - margin-top: 48px; - margin-bottom: 48px; -} -.detail__wrapper-catalot{ - margin-top: 64px; - - width: calc(100% + 16px); - - overflow: hidden; - - position: relative; -} -.detail__catalot{ - -} -.detail-catalot__header{ - padding-right: 16px; - - display: flex; - justify-content: space-between; - align-items: center; -} -.detail-catalot__control{ - display: flex; - align-items: center; -} -.detail-catalot-control__button{ - margin-left: 24px; - - width: 48px; - aspect-ratio: 1; - - border-radius: 50%; - border: 1px solid var(--background-black); - background: none; - - display: flex; - justify-content: center; - align-items: center; -} -.detail-catalot__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 24px; - line-height: 100%; - text-transform: uppercase; - text-align: start; - color: var(--text-0); -} -.detail-catalot__content{ - margin: 12px -12px -12px -12px; - - width: 100%; - - display: flex; -} -.detail__catalot .product__item{ - width: calc(100% - 24px); -} -.detail__images-phone{ - display: none; -} -.back-detail{ - display: none; -} -.toggle__table{ - margin-top: 32px; - - display: flex; - flex-wrap: wrap; -} -.toggle__table:first-child{ - margin-top: 0; -} -.toggle__table--three .toggle-table__block:nth-child(1){ - width: 40%; -} -.toggle__table--three .toggle-table__block:nth-child(2){ - width: 40%; -} -.toggle__table--three .toggle-table__block:nth-child(3){ - width: 20%; -} -.toggle__table--two .toggle-table__block{ - width: calc(50% - 20px); -} -.toggle__table--two .toggle-table__block:nth-child(even){ - margin-left: 40px; -} -.toggle-table__block{ - -} -.toggle-table__item{ - margin-top: 8px; - - width: 100%; - - display: flex; - justify-content: space-between; -} -.toggle-table__item p{ - display: block; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - flex-shrink: 0; -} -.toggle-table__item .warning{ - width: 100%; -} -.toggle-table__item .warning p{ - font-family: var(--font-family); - font-weight: 600; - font-size: 20px; - line-height: 120%; - text-align: center; -} -.toggle-table__title{ - margin-bottom: 16px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); -} -.toggle-table__title--center{ - text-align: center; -} -.toggle-table-item__line{ - margin: 23px 8px 0 8px; - - width: 100%; - - height: 1px; - background: linear-gradient(to right, transparent 50%, #fff 50%), linear-gradient(to right, #333, #333); - background-size: 4px 2px, 100% 2px; - - opacity: .6; -} - -.radio-button{ -} -.radio-button__input{ - display: none; -} -/* detail */ - -/* gallery */ -.gallery{ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - - padding: 24px; - - display: flex; - align-items: center; - - background: var(--background-white); - - pointer-events: none; - opacity: 0; - transition: opacity .2s ease-out; - - z-index: 300; -} -.gallery.active{ - opacity: 1; - pointer-events: auto; -} -.gallery__close{ - position: absolute; - top: 24px; - right: 24px; - - z-index: 10; -} -.gallery__pagination{ - margin: -12px; -} -.gallery-pagination__item{ - margin: 12px; - - width: 134px; - height: 136px; - - display: flex; - justify-content: center; - align-items: center; - - border: none; - border-radius: 16px; - background: var(--background-grey); -} -.gallery-pagination__item img{ - width: 90%; - max-height: 90%; - - object-fit: contain; -} -.gallery__slider{ - margin-left: 48px; - - padding: 100px; -} -.gallery__slider{ - width: 100%; -} -.gallery__slider .swiper-pagination{ - display: none; -} -.gallery__slider .swiper-button-next::after, -.gallery__slider .swiper-button-prev::after{ - display: none; -} -.gallery-button{ - width: 48px; - height: 48px; - - display: flex; - justify-content: center; - align-items: center; - - border: 1px solid var(--background-black); - border-radius: 20px; - - background: none; -} -.gallery__slider .swiper-slide{ - display: flex; - justify-content: center; - align-items: center; -} -.gallery__block{ - width: 600px; - height: 774px; - - display: flex; - justify-content: center; - align-items: center; - - background: var(--background-grey); - border-radius: 24px; -} -.gallery__block img{ - width: 90%; - max-height: 90%; - - object-fit: contain; -} -.gallery__wrapper{ - margin: 0 auto; - max-width: 1600px; - - display: flex; - align-items: center; -} -/* .swiper { - width: 600px; - height: 300px; -} */ - -/* gallery */ - - -/* cabinet */ -.cabinet{ - padding: 24px; - - display: flex; - justify-content: space-between; -} -.cabinet__control{ - margin: 24px; - margin-bottom: 0; - - display: none; -} -.cabinet-control__button{ - margin-left: 8px; - - padding: 12px 16px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - background: var(--background-white); - border: 2px solid var(--text-black); - border-radius: 48px; - - transition: opacity .2s ease-out; -} -.cabinet-control__button:first-child{ - margin-left: 0; -} -.cabinet-control__button.active{ - background: var(--background-black); - color: var(--text-white); -} -.cabinet-control__button:hover{ - opacity: .8; -} -.cabinet__orders{ - width: calc(((100% - 48px) / 3) * 2); -} -.cabinet__profile{ - width: calc((100% - 48px) / 3); -} - -.cabinet-card{ - margin-top: 32px; - - padding: 1px; - - border-radius: 20px; -} -.cabinet-card:first-child{ - margin-top: 0; -} -.cabinet-card--green{ - background: var(--background-green); -} -.cabinet-card--green-white{ - background: var(--background-green-white); -} -.cabinet-card--green-white .cabinet-card__content{ - background: none; -} -.cabinet-card--red-blue{ - background: var(--gradient-red); -} -.cabinet-card--grey{ - background: var(--background-9); -} -.cabinet-card__content{ - padding: 23px; - - border-radius: 19px; - - background-color: var(--background-white); -} -.cabinet-card__element{ - margin-top: 24px; - - position: relative; -} -.cabinet-card__element--margin-top-32{ - margin-top: 32px; -} -.cabinet-card__element:first-child, -.cabinet-card__element--margin-top-32:first-child{ - margin-top: 0 -} -.cabinet-card__element-change{ - position: absolute; - top: 14px; - right: 0; - - width: 24px; - aspect-ratio: 1; - - background-image: url(../img/svg/main/change-dot.svg); - border: none; - background-color: var(--background-white); - - transition: opacity .2s ease-out; -} -.cabinet-card__element-change:hover{ - opacity: .8; -} -.cabinet-card__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 26px; - line-height: 123%; - text-transform: uppercase; - background: var(--gradient-blue); - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.cabinet-card__text{ - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - - color: var(--text-black); -} -.cabinet-card__text--grey{ - color: var(--text-grey); -} -.cabinet-card__label{ - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - - color: var(--text-3); -} -.cabinet-card__status{ - padding-left: 20px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - - position: relative; -} -.cabinet-card__status--chek{ - color: var(--text-green); -} -.cabinet-card__status--chek::before{ - content: ''; - - position: absolute; - top: 0; - left: 0; - - width: 16px; - height: 16px; - - background-image: url(../img/svg/main/status-chek.svg); - object-fit: contain; -} -.cabinet-card__status--cancelled{ - color: var(--text-red); -} -.cabinet-card__status--cancelled::before{ - content: ''; - - position: absolute; - top: 0; - left: 0; - - width: 16px; - height: 16px; - - background-image: url(../img/svg/main/status-cancelled.svg); - object-fit: contain; -} -.cabinet-card__block-accounts{ - display: flex; -} -.cabinet-card__account{ - margin-left: 16px; - - width: 40px; - aspect-ratio: 1; - - display: flex; - justify-content: center; - align-items: center; - - background: var(--background-9); - border-radius: 50%; -} -.cabinet-card__account:first-child{ - margin-left: 0; -} -.cabinet-card__block-buttons{ - display: flex; - justify-content: space-between; - align-items: center; -} -.cabinet-card__button{ - padding: 8px 8px 6px 0; - - font-family: var(--font-family); - font-weight: 600; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - background: none; - border: none; - - position: relative; - - text-decoration: none; -} -.cabinet-card__button::before{ - content: ''; - - position: absolute; - bottom: 6px; - - width: calc(100% - 8px); - height: 1px; - - background: var(--text-black); - - transition: opacity .2s ease-out; -} -.cabinet-card__button:hover{ - opacity: .8; -} -.cabinet-card__confirm{ - margin-top: 16px; - - border-radius: 20px; - padding: 4px 24px; - - font-family: var(--font-family); - font-weight: 600; - font-size: 20px; - line-height: 120%; - - - background: var(--background-black); - color: var(--text-white); - border: none; - - transition: opacity .2s ease-out; -} -.cabinet-card__confirm:hover{ - opacity: .8; -} -.cabinet-card__text, .cabinet-card__label, .cabinet-card__status, .cabinet-card__block-accounts, .cabinet-card__block-buttons{ - margin-top: 8px; -} -.cabinet-card__text:first-child, .cabinet-card__label:first-child, .cabinet-card__status:first-child, .cabinet-card__block-accounts:first-child, .cabinet-card__block-buttons:first-child{ - margin-top: 0px; -} -.cabinet-card__block-add-pets{ - width: 100%; - - display: flex; - align-items: center; - - background: none; - border: none; -} -.cabinet-card-add-pets__circle{ - width: 48px; - aspect-ratio: 1; - - display: flex; - justify-content: center; - align-items: center; - - border: 1px solid var(--text-6); - border-radius: 50%; -} -.cabinet-card-add-pets__text{ - margin-left: 16px; - - font-family: var(--font-family); - font-weight: 600; - font-size: 20px; - line-height: 120%; - - color: var(--text-6); - - position: relative; -} -.cabinet-card-add-pets__text::after{ - content: ''; - - position: absolute; - left: 0; - bottom: -4px; - - width: 100%; - height: 1px; - - background: var(--text-6); -} -.cabinet-card__discount{ - display: flex; - align-items: center; -} -.cabinet-card-discount__title{ - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); -} -.cabinet-card-discount__percent{ - margin-left: 16px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); -} -.cabinet-card-discount__percent::after{ - content: '%'; -} -.cabinet-card-discount__arrow{ - display: inline-block; - - margin-left: 6px; - - width: 20px; - aspect-ratio: 1; - - background-image: url(../img/svg/main/arrow-breadcrumbs-black.svg); - background-position: center; -} -.cabinet-card__no-orders{ - margin-top: 32px; - - padding: 48px 24px; -} -.cabinet-card-no-orders__element{ - margin-top: 26px; -} -.cabinet-card-no-orders__element:first-child{ - margin-top: 0; -} -.cabinet-card-no-orders__title{ - font-family: var(--font-family); - font-weight: 500; - font-size: 24px; - line-height: 133%; - text-align: center; - color: var(--text-black); -} -.cabinet-card__pet{ - display: flex; - align-items: center; -} -.cabinet-card-pet__icon{ - width: 48px; - aspect-ratio: 1; - - border-radius: 50%; - background: var(--gradient-blue); -} -.cabinet-card-pet-icon__content{ - margin: 1px; - - width: calc(100% - 2px); - aspect-ratio: 1; - - display: flex; - justify-content: center; - align-items: center; - - border-radius: 50%; - background: var(--background-white); -} -.cabinet-card-pet-icon__content img{ - width: 32px; - aspect-ratio: 1; - - object-fit: contain; -} -.cabinet-card-pet__name{ - margin-left: 24px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); -} -.cabinet-card__order{ - position: relative; -} -.cabinet-card-order__header{ - display: flex; - justify-content: space-between; - align-items: flex-start; -} -.cabinet-card-order__main{} -.cabinet-card-order-main__date{ - font-family: var(--font-family); - font-weight: 500; - font-size: 24px; - line-height: 133%; - color: var(--text-black); -} -.cabinet-card-order-main__number{ - margin-top: 8px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - color: var(--text-black); -} -.cabinet-card-order-main__number::before{ - content: '№'; -} -.cabinet-card-order__payment{ - display: flex; - align-items: flex-end; - - transition: margin .2s ease-out; -} -.cabinet-card-order-payment__title{ - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - color: var(--text-black); -} -.cabinet-card-order-payment__price{ - margin-left: 8px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 16px; - line-height: 125%; - color: var(--text-black); -} -.cabinet-card-order-payment__price::after{ - margin-left: 5px; - content: '₽'; -} -.cabinet-card-order__content{ - margin-top: 24px; -} -.cabinet-card-order__content -.cabinet-card-order__status{ - display: flex; - align-items: center; -} -.cabinet-card-order-status__title{ - font-family: var(--font-family); - font-weight: 500; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.cabinet-card-order-status__pointer{ - margin-left: 12px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.cabinet-card-order-status__pointer--grey{ - color: var(--text-6); -} -.cabinet-card-order-status__pointer--green{ - color: var(--text-green); -} -.cabinet-card-order-status__pointer--red{ - color: var(--text-red); -} -.cabinet-card-order__block-detail{ - height: 0; - overflow: hidden; - - transition: height .2s ease-out; -} -.cabinet-card-order__detail{ - padding-top: 24px; -} -.cabinet-card-order-detail__address{} -.cabinet-card-order-detail-address__title{ - font-family: var(--font-family); - font-weight: 500; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.cabinet-card-order-detail-address__text{ - margin-top: 16px; - - font-family: var(--font-family); - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-black); -} -.cabinet-card-order-detail__main{ - margin-top: 24px; - - display: flex; - justify-content: space-between; -} -.cabinet-card-order-detail-main__products{} -.cabinet-card-order-detail-main__product{ - margin-top: 4px; - - display: flex; - align-items: center; -} -.cabinet-card-order-detail-main__product:first-child{ - margin-top: 0; -} -.cabinet-card-order-detail-main-product__img{ - width: 106px; - height: 96px; -} -.cabinet-card-order-detail-main-product__content{ - display: flex; -} -.cabinet-card-order-detail-main-product__description{ - width: 212px; -} -.cabinet-card-order-detail-main-product-description__what{ - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - color: var(--text-black); -} -.cabinet-card-order-detail-main-product-description__with-what{ - margin-top: 8px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 12px; - line-height: 133%; - color: var(--text-6); -} -.cabinet-card-order-detail-main-product__count{ - margin-left: 8px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 12px; - line-height: 133%; - text-align: right; - color: var(--text-6); -} -.cabinet-card-order-detail-main-product__count::before{ - margin-right: 4px; - - content: 'x'; -} -.cabinet-card-order-detail-main-product__price{ - margin-left: 16px; - - font-family: var(--font-family); - font-weight: 700; - font-size: 12px; - line-height: 133%; - text-align: right; - color: var(--text-black); -} -.cabinet-card-order-detail-main-product__price::after{ - content: ' Р'; -} -.cabinet-card-order-detail-main__links{ - display: flex; - flex-direction: column; -} -.cabinet-card-order-detail-main__link{ - margin-top: 16px; -} -.cabinet-card-order-detail-main__link:first-child{ - margin-top: 0; -} -.cabinet-card-order__open-detail{ - margin-top: 24px; - - padding-right: 24px; - - font-family: var(--font-family); - font-weight: 500; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - - border: none; - background: none; - - position: relative; -} -.cabinet-card-order__open-detail::after{ - content: ''; - - position: absolute; - top: 6.75px; - right: 0; - - width: 12.5px; - height: 10.5px; - - background-image: url(../img/svg/main/arrow-black.svg); - background-size: contain; - background-position: center; - background-repeat: no-repeat; - - transition: transform .2s; - /* transform: rotate(180deg); */ -} -.cabinet-card-order__detail-short{ - position: absolute; - right: 0; - bottom: 0; - - display: flex; - align-items: center; - - transition: opacity .2s .1s ease-out; -} -.cabinet-card-order-detail-short__item{ - border-radius: 16px; - width: 106px; - height: 96px; -} -.cabinet-card__download{ - margin-top: 32px; -} -.cabinet-card__order.active .cabinet-card-order__detail-short{ - opacity: 0; -} -.cabinet-card__order.active .cabinet-card-order__open-detail::after{ - transform: rotate(180deg); -} -/* .cabinet-card-no-orders__ */ -.cabinet__subscription-pc{ -} -.cabinet__subscription-mobile{ - display: none; -} -/* cabinet */ - -@media only screen and (max-width: 1600px) { - -.wrapper{ - max-width: 1280px; -} - -.product__item{ - margin: 12px; - - width: calc(33.3% - 24px); -} - -.gallery__wrapper{ - max-width: 1280px; -} - -.header__content::after{ - max-width: 1232px; -} -} - -@media only screen and (max-width: 1365px) { - .gallery__wrapper{ - max-width: 100%; - } - -} - -.active-filters { - display: flex; - flex-wrap: wrap; - gap: 10px; - margin-bottom: 20px; - margin-top: 20px; -} - -.active-filter-tag { - padding: 6px 12px; - border: 1px solid #3EC2A6; - border-radius: 16px; - color: #3EC2A6; - font-weight: 400; - font-size: 20px; - line-height: 120%; - white-space: nowrap; - cursor: default; - transition: all 0.2s; - text-transform: uppercase; - -} - -.active-filter-tag:hover { - background-color: #e8f8f5; - cursor: pointer; -} - -.active-filters__clear.button--white { - padding: 6px 12px; - height: 38px; - margin-top: 20px; -} - - - - - - -/* Стили для лептопов */ -/* @media only screen and (min-width: 992px) and (max-width: 1400px) { - -} */ \ No newline at end of file diff --git a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-mobile.css b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-mobile.css deleted file mode 100644 index d4b0c7f..0000000 --- a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-mobile.css +++ /dev/null @@ -1,270 +0,0 @@ -/* Стили для мобильных устройств */ -@media only screen and (max-width: 720px) { -/* product */ -.product__item{ - width: calc(100% - 24px); -} -/* product */ - -/* modal */ -.modal__basket{ - width: 100%; -} -.modal__filter{ - width: 100%; -} -.modal__to-know, -.modal__to-know-submit{ - width: 100%; -} -.modal__button .to-know{ - display: flex; - - background: none; -} -.modal__basket .modal__header { - height: calc(100% - 156px); - margin-bottom: -36px; -} -.modal-basket-item__block-image{ - position: absolute; - width: 80px; -} -.modal-basket-item__image{ - width: 48px; -} -.modal-basket-item__content{ - margin-left: 0; - - padding-left: 96px; -} -.modal-basket-item__control{ - margin-left: -80px; -} -.modal-basket-item__title{ - min-height: 40px; - - font-size: 16px; -} -.modal-basket__item--return{ - flex-direction: column; - align-items: start; -} -.modal-basket__item--return .modal-basket-item__title{ - margin-right: auto; -} -.notification--width-584{ - width: 100%; -} -.notification__title{ - font-size: 20px; -} -.notification__text--center-pc{ - text-align: start; -} -.notification__img{ - height: 360px; -} -.notification__title{ - padding-right: 96px; -} -.modal-form__buttons--two{ - flex-wrap: wrap; -} -.modal-form__buttons--two button, .modal-form__buttons--two input{ - margin-top: 24px; - width: 100%; -} -.modal-form__buttons--two button:first-child, .modal-form__buttons--two input:first-child{ - margin-top: 0; -} -.modal-map__control{ - flex-wrap: wrap; -} -.modal-map-control__item{ - width: calc(100% - 24px); -} -.form__full-mobile{ - width: 100%; - border-radius: 0; - border: none; -} - -.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){ - width: 69px; -} -.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){ - -} -.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){ - width: 82px; -} -.form__input{ - padding: 12px 14px; -} -.modal-form--height-100-phone{ - min-height: 100%; -} -/* modal */ - -/* footer */ -.footer__about{ - display: none; -} -.footer__wrapper{ - flex-direction: column; -} -.footer__content{ - width: 100%; -} -.footer__form{ - margin-top: 24px; - margin-left: 0; - - width: 100%; -} -.footer__social-media{ - display: block; - - margin-top: 24px; -} -.footer-about__text{ - padding-top: 35px; - display: block; - text-align: left; -} -.footer__list{ - margin-top: 20px; -} -/* footer */ - -/* detail */ -.toggle__table--two .toggle-table__block{ - width: 100%; -} -.toggle__table--two .toggle-table__block:nth-child(even){ - margin-top: 32px; - margin-left: 0; -} -.toggle__table--three .toggle-table__block:nth-child(1){ - width: 31%; -} -/* detail */ - -/* cabinet */ -.cabinet-card__title{ - font-size: 20px; -} -.cabinet-card__no-orders{ - margin-top: 16px; -} -.cabinet-card-order__header{ - flex-direction: column; -} -.cabinet-card-order__payment{ - margin-top: 16px; -} -.cabinet-card-order-detail__main{ - flex-direction: column; -} -.cabinet-card-order-detail-main__links{ - margin-top: 24px; - - align-items: start; -} -.cabinet-card-order-detail-main-product__img{ - width: 70px; - height: 70px; -} -.cabinet-card-order-detail-main__product{ - margin-top: 16px; - - align-items: start; -} -.cabinet-card-order-detail-main-product__content{ - margin-left: 16px; - - flex-wrap: wrap; - - position: relative; -} -.cabinet-card-order-detail-main-product__description{ - width: 100%; -} -.cabinet-card-order-detail-main-product__count{ - position: absolute; - left: 116px; - bottom: 0; -} -.cabinet-card-order-detail-main-product__price{ - position: absolute; - left: 153px; - bottom: 0; -} -.cabinet-card__content{ - padding-right: 19px; -} - -/* .cabinet-card__order.active */ -/* .cabinet-card__order.active */ -/* cabinet */ -} - -@media only screen and (max-width: 576px) { -/* header */ - -/* header */ - -/* product */ -.product__header{ - flex-direction: column; - align-items: start; -} -.product__header .button{ - margin-top: 48px; -} -/* product */ - -/* modal */ -.modal__aside{ - left: 0; -} -.form-input-radio__title span{ - display: block; - width: 100%; - - color: var(--text-grey); -} -.modal-form__title{ - font-size: 20px; -} -/* modal */ - -/* detail */ -.detail-block-form__item, -.detail-block-form__submit{ - min-width: 100%; -} -/* detail */ - -/* cabinet */ - -.cabinet-card-order-detail-main-product__img{ - width: 40px; - height: 40px; -} - -.cabinet-card-order-detail-main-product__count{ - left: auto; - right: 71px; -} -.cabinet-card-order-detail-main-product__price{ - left: auto; - right: 0; -} -.cabinet-card-order__detail-short{ - transition-delay: 0; - transition-duration: 0; -} -/* cabinet */ -} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-tablet.css b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-tablet.css deleted file mode 100644 index a1df426..0000000 --- a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-tablet.css +++ /dev/null @@ -1,342 +0,0 @@ -/* Стили для планшетов */ -@media only screen and (max-width: 1200px) { -/* header */ -main{ - padding-top: 64px; -} -.main-menu{ - display: none; -} -.header__open-menu{ - display: block; -} -.lang{ - display: none; -} -.header__logo{ - width: 136px; - height: 29px; -} -.header__content{ - height: auto; - - padding: 8px 16px; -} -.mini-profile__item:nth-child(2){ - margin-left: 0; -} -.header::after{ - left: 0; - - width: 100%; -} -.header__pc-menu{ - display: none; -} -.header__phone-menu{ - display: block; -} -.header__menu-block{ - top: 56px; -} -.header__content::after{ - left: 0; - right: 0; - width: 100%; -} -/* header */ - -/* footer */ -.footer{ - margin-top: 0; - - padding: 24px 16px; -} -/* footer */ - -/* breadcrumbs */ -.breadcrumbs{ - display: none; -} -/* breadcrumbs */ - -/* product */ -.product{ - padding: 12px; - padding-top: 20px; -} -.product__title{ - font-weight: 700; - font-size: 26px; - line-height: 123%; - text-transform: uppercase; -} -.to-know p { - font-size: 18px; -} -.toggle-table__title{ - font-weight: 700; - font-size: 12px; - line-height: 133%; -} -.toggle-table__item p{ - font-weight: 500; - font-size: 12px; - line-height: 133%; -} -.toggle-table-item__line{ - margin-top: 12px; -} -.detail{ - margin: 24px 16px; -} -.back-detail{ - display: inline; -} -.detail-catalot__title{ - font-size: 22px; -} -.product__footer--error{ - margin: 48px 0px 24px; -} -/* product */ - -/* modal */ -.modal{ - padding: 0; -} -.modal__text{ - padding-right: 0; -} -.form__button-pc{ - display: none; -} -.form__button-mobile{ - display: block; -} -.modal-form{ - /* min-height: 100%; - width: 100%; - - border-radius: 0; - border: none; */ -} -.modal__notification{ - margin: 24px; -} -.form-input-phone__list{ - left: 0; -} - -.modal-form-content__line--two{ - flex-wrap: wrap; -} -.modal-form-content__line--two .modal-form-content-line__element{ - margin-top: 24px; - - width: 100%; -} -.modal-form-content__line--two .modal-form-content-line__element:first-child{ - margin-top: 0; -} -.modal-map{ - width: 100%; - - flex-direction: column; - - border-radius: 0; -} -.modal-map__left, .modal-map__right{ - width: 100%; -} -.modal-map__map iframe { - width: 100%; - height: 528px; -} -.modal-map-form__button{ - display: none; -} -.modal-map-form__sub-button{ - margin-top: 64px; - - padding: 0 24px; - - display: flex; - } -/* modal */ - -/* cabinet */ -.cabinet{ - flex-direction: column; - - position: relative; -} -.cabinet__control{ - display: flex; - - position: relative; -} -.cabinet__orders, .cabinet__profile{ - width: calc(100% - 48px); -} -.cabinet__orders, .cabinet__profile{ - position: absolute; - opacity: 0; - - transition: opacity .2s ease-out; -} -.cabinet-content{ - pointer-events:none; -} -.cabinet__orders.active, .cabinet__profile.active{ - opacity: 1; -} -.cabinet__orders.hide, .cabinet__profile.hide{ - position: static; - display: block; - pointer-events:auto; - - width: 100%; -} -.cabinet__subscription-pc{ - display: none; -} -.cabinet__subscription-mobile{ - display: block; - - margin: 24px 24px 0 24px; -} -.cabinet__orders .cabinet-card:nth-child(2){ - margin-top: 0; - } -/* cabinet */ -} - -@media only screen and (max-width: 980px) { -/* product */ -.product__item{ - width: calc(50% - 24px); -} -/* product */ - - -/* detail */ -.detail{ - flex-direction: column; -} -.detail__images{ - display: none; -} -.detail__content{ - width: 100%; -} -.detail__content{ - margin-left: 0; -} - -.detail__images-phone{ - display: block; - - margin-top: 48px; - margin-bottom: 48px; - - position: relative; - - overflow: hidden; -} -.detail__images-phone .swiper-slide{ - display: flex; - justify-content: center; -} -.detail-images-phone__image-block{ - width: 100%; - aspect-ratio: 1; - max-width: 500px; - - display: flex; - justify-content: center; - align-items: center; - - background: var(--background-grey); - border-radius: 16px; -} - -.detail__images-phone .swiper-pagination-bullet{ - width: 8px; - height: 8px; - - border-radius: 50%; - - border: 1px solid #666; - background-color: #666; - - opacity: 1; -} -.detail__images-phone .swiper-pagination-bullet.swiper-pagination-bullet-active{ - background-color: var(--background-white); -} - -.detail__images-phone .swiper-pagination{ - margin-bottom: 19px; -} -.detail__title{ - font-size: 26px; - line-height: 123%; -} -.gallery__slider .swiper-pagination { - display: block; -} -.gallery__pagination{ - display: none; -} - -.gallery__slider .swiper-pagination-bullet{ - width: 8px; - height: 8px; - border-radius: 50%; - border: 1px solid #666; - background-color: #666; - opacity: 1; -} -.gallery__wrapper .gallery-button{ - display: none; -} - -.gallery__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{ - background-color: var(--background-white); -} - -.gallery__slider{ - margin-left:0; - padding: 0px 0px 50px 0px; - /* padding: 40px; */ -} -.gallery__block { - width: 100%; - aspect-ratio: 1; - height: auto; -} -/* detail */ -} - -@media only screen and (max-width: 750px) { -/* cabinet */ -.cabinet-card-order__open-detail{ - margin-top: 144px; -} -.cabinet-card-order__detail-short{ - right: auto; - left: 0; - bottom: 48px; -} -.cabinet-card-order-detail-short__item{ - margin-left: -27px; -} -.cabinet-card-order-detail-short__item:first-child{ - margin-left: 0; -} -.cabinet-card__order.active .cabinet-card-order__open-detail{ - margin-top: 24px; -} -/* cabinet */ -} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-ultra.css b/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-ultra.css deleted file mode 100644 index c149baa..0000000 --- a/wp-content/themes/cosmopet/woocommerce/assets/css/gp-style-ultra.css +++ /dev/null @@ -1,4 +0,0 @@ -/* Стили для ультрашироких экранов */ -@media only screen and (min-width: 1400px) { - -} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff deleted file mode 100644 index e06b43d..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff2 b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff2 deleted file mode 100644 index a1a3337..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff2 and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff deleted file mode 100644 index d922e47..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2 b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2 deleted file mode 100644 index 0e03542..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2 and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff deleted file mode 100644 index cae3279..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2 b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2 deleted file mode 100644 index 5bcac6c..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2 and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff deleted file mode 100644 index a3b3cb0..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2 b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2 deleted file mode 100644 index a28684e..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2 and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-bold.ttf b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-bold.ttf deleted file mode 100644 index 2068cf4..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-bold.ttf and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-medium.ttf b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-medium.ttf deleted file mode 100644 index 5006ac0..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-medium.ttf and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-regular.ttf b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-regular.ttf deleted file mode 100644 index ef2dbf4..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-regular.ttf and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf b/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf deleted file mode 100644 index e866547..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.ttf b/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.ttf deleted file mode 100644 index 02f3aa3..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.ttf and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.woff b/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.woff deleted file mode 100644 index 7e32bd6..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.woff and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.woff2 b/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.woff2 deleted file mode 100644 index 2659c5e..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-demi.woff2 and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.ttf b/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.ttf deleted file mode 100644 index ef964ec..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.ttf and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.woff b/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.woff deleted file mode 100644 index ed3b1ac..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.woff and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.woff2 b/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.woff2 deleted file mode 100644 index cb6110c..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/din-2014/din-2014-rounded-regular.woff2 and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Medium.woff b/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Medium.woff deleted file mode 100644 index 561ec78..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Medium.woff and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Medium.woff2 b/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Medium.woff2 deleted file mode 100644 index 3e9c1c7..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Medium.woff2 and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Regular.woff b/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Regular.woff deleted file mode 100644 index bf7bb7c..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Regular.woff and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Regular.woff2 b/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Regular.woff2 deleted file mode 100644 index 3374d82..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/Roboto-Regular.woff2 and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/roboto-medium.ttf b/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/roboto-medium.ttf deleted file mode 100644 index 8798341..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/roboto-medium.ttf and /dev/null differ diff --git a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/roboto-regular.ttf b/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/roboto-regular.ttf deleted file mode 100644 index 7d9a6c4..0000000 Binary files a/wp-content/themes/cosmopet/woocommerce/assets/fonts/roboto/roboto-regular.ttf and /dev/null differ