/* Start:/local/templates/peptides/fonts/manrope/manrope.css?17921003162923*/ /* PEPTIDES: шрифт сайта — Manrope (OFL) вместо Roboto темы DressCode, 09.10.2026. Тема обращается к шрифтам по своим именам — здесь под этими именами Manrope нужного веса. Подключается в header.php вместо fonts/roboto/roboto.css; откат — вернуть строку. */ /* основной текст (был Roboto Light) */ @font-face { font-family: 'roboto_ltregular'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 400 800; font-style: normal; font-display: swap; } /* обычный текст */ @font-face { font-family: 'robotoregular'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 400 800; font-style: normal; font-display: swap; } /* общее имя */ @font-face { font-family: 'roboto'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 400 800; font-style: normal; font-display: swap; } /* подписи, вкладки (был Roboto Condensed Light) */ @font-face { font-family: 'roboto_condensedlight'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 400 800; font-style: normal; font-display: swap; } /* узкий обычный */ @font-face { font-family: 'roboto_cnregular'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 400 800; font-style: normal; font-display: swap; } /* тонкий */ @font-face { font-family: 'roboto_thregular'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 300 800; font-style: normal; font-display: swap; } /* цены, кнопки (был Roboto Medium) */ @font-face { font-family: 'robotomedium'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 600 800; font-style: normal; font-display: swap; } /* заголовки (был Roboto Bold) */ @font-face { font-family: 'robotobold'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 700 800; font-style: normal; font-display: swap; } /* остатки другого шрифта в теме */ @font-face { font-family: 'Open Sans'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 400 800; font-style: normal; font-display: swap; } /* PEPTIDES [В-42], 16.10.2026: тот же Manrope под своим именем. Наши блоки стилей (В-11, В-13, В-14, В-17, В-19, В-21, В-24, В-35) пишут font-family: "Manrope" — без этого объявления у посетителя без установленного в систему Manrope там был системный шрифт (на Маке разработчика Manrope стоит, поэтому не было видно). */ @font-face { font-family: 'Manrope'; src: url('/local/templates/peptides/fonts/manrope/Manrope-Variable.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/peptides/themes/white/ocean/style.css?179191691141785*/ /* Base color: #27bfc1 Base color hover: #079fa1; Base color focus: #079fa1; */ body.index{ background-color: #ffffff; } #subHeaderLine.color_theme, #headerLine .headerLineTools .callBack, #subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine2 .callBack, #headerLine3 .callBack, #headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine3.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLayout.color_theme, #headerLine.color_theme, #topHeader.color_theme, #topHeader2.color_theme, #subHeader2.color_theme, #subHeader3.color_theme, #subHeader4.color_theme, #subHeader5.color_theme, #subHeader6.color_theme, #subHeader7.color_theme, #subHeader8.color_theme, #headerLine2.color_theme, #headerLine3.color_theme, #headerLine4.color_theme, #subHeader.color_theme, #subHeader.color_black #headerTools .cart ins.active, #subHeader2 .topCompare .text.active, #subHeader2 .topWishlist .text.active, #subHeader2 .cart .heading.active, #subHeader2.color_black .cart .heading.active, #subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader4.color_theme .topWishlist .value, #subHeader4.color_theme .topCompare .value, #subHeader4.color_theme .cart .count, #subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader5.color_theme .topWishlist .value, #subHeader5.color_theme .topCompare .value, #subHeader5.color_theme .cart .count, #subHeader6.color_theme .topWishlist .value, #subHeader6.color_theme .topCompare .value, #subHeader6.color_theme .cart .count, #subHeader7.color_theme .topWishlist .value, #subHeader7.color_theme .topCompare .value, #subHeader7.color_theme .cart .count, #subHeader8.color_theme .cart .count, #footer.variant_2 #leftFooter, #footer.variant_3 #rightFooter, #footer.variant_4 #leftFooter, #footer.variant_8 #rightFooter, #footerLine.color_theme{ background-color: #27bfc1; } #subHeader.color_black #headerTools .cart ins.active:hover, #headerLine .headerLineTools .callBack:hover, #headerLine2 .callBack:hover, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom{ background-color: #079fa1; } #subHeader.color_black #headerTools .tools .link, #subHeader2 #topCallback .link, #subHeader3 .cart .total, #subHeader3.color_theme .cart .active .count, #subHeader6 .cart .total, #subHeader6 .cart .active .count, #subHeader7 .cart .active .total, #subHeader7 .firstPhones .callBack, #subHeader4 #subMenu li .selected, #subHeader8 #subMenu li .selected, #subHeader5 .cart .heading .total, #headerLine #topAuth ul li a, #headerLine .user-geo-position-value-link, #headerLine2 .user-geo-position-value-link, #headerLine2 #subMenu li .selected, #headerLine2.color_black #subMenu li .selected, #headerLine3 #subMenu li .selected, #headerLine3.color_black #subMenu li a.selected, #headerLine4 #subMenu li .selected, #footerLine.color_white .item .callback, #footer.variant_5 #leftFooter .heading, #footer.variant_5 #rightFooter .email a, #footer.variant_5 #leftFooter .selected, #footer.variant_6 #leftFooter .heading, #footer.variant_6 #rightFooter .email a, #footer.variant_6 #leftFooter .selected, #footer.variant_7 #leftFooter .heading, #footer.variant_7 #rightFooter .email a, #footer.variant_7 #leftFooter .selected, #footer.variant_8 #leftFooter .heading, #footer.variant_8 #leftFooter .selected{ color: #27bfc1; } #footerLine.color_white .item .compare.active, #footerLine.color_white .item .wishlist.active, #footerLine.color_white .item .cart.active, #footerLine.color_white .item .compare.active .mark, #footerLine.color_white .item .wishlist.active .mark, #footerLine.color_white .item .cart.active .mark, #footerLine.color_theme .item .compare.active .mark, #footerLine.color_theme .item .wishlist.active .mark, #footerLine.color_theme .item .cart.active .mark{ color: #27bfc1 !important; } #headerLine4.color_black #subMenu li a:hover, #headerLine4.color_black #subMenu li .selected{ color: #27bfc1 !important; } #headerLine #topAuth ul li a:hover, #topHeader.color_default #topMenu li a:hover, #topHeader.color_default #topMenu li .selected, #topHeader.color_default #topService > li > a:hover, #topHeader.color_default .user-geo-position-value-link:hover, #subHeader.color_black #headerTools .tools .link:hover, #subHeader2 #topCallback .link:hover, #subHeader4 #subMenu li a:hover, #subHeader8 #subMenu li a:hover, #subHeader5 .cart .heading:hover .total, #subHeader6 .cart .heading:hover .total, #subHeader7 .firstPhones .callBack:hover, #headerLine .user-geo-position-value-link:hover, #headerLine .user-geo-position-value-link:hover, #headerLine2 .user-geo-position-value-link:hover, #headerLine2 #topAuth > ul li a:hover, #headerLine2 #subMenu li a:hover, #headerLine3 #subMenu li a:hover, #headerLine4 #subMenu li a:hover, #headerLine2.color_black #topAuth > ul li a:hover, #headerLine2.color_black #subMenu li a:hover, #headerLine3.color_black #topAuth > ul li a:hover, #headerLine3.color_black #subMenu li a:hover #headerLine4.color_black #subMenu li a:hover, #footerLine.color_white .item .callback:hover, #footer.variant_5 #leftFooter a:hover, #footer.variant_5 #rightFooter .email a:hover, #footer.variant_6 #leftFooter a:hover, #footer.variant_6 #rightFooter .email a:hover, #footer.variant_7 #leftFooter a:hover, #footer.variant_7 #rightFooter .email a:hover, #footer.variant_8 #leftFooter a:hover{ color: #079fa1; } #headerLine.color_theme .headerLineTools .callBack, #headerLine2.color_theme .callBack, #subHeader6.color_theme .callBack{ background-color: #079fa1; } #subHeader3 .cart .order.active, #subHeader6 .subPhones .callBack{ border: 1px solid #27bfc1; color: #27bfc1; } #subHeader6 .subPhones .callBack:hover{ border: 1px solid #079fa1; } #subHeader4 .topCompare .active .value, #subHeader4 .topWishlist .active .value, #subHeader4 .cart .active .count, #subHeader4.color_black .topCompare .active .value, #subHeader4.color_black .topWishlist .active .value, #subHeader4.color_black .cart .active .count, #subHeader5 .topCompare .active .value, #subHeader5 .topWishlist .active .value, #subHeader5 .cart .active .count, #subHeader6 .topCompare .active .value, #subHeader6 .topWishlist .active .value, #subHeader6 .cart .active .count, #subHeader7 .topCompare .active .value, #subHeader7 .topWishlist .active .value, #subHeader7 .cart .active .count, #subHeader8 .cart .active .count{ border: 2px solid #27bfc1; color: #27bfc1; } #subHeader3 .cart .active .count, #subHeader3.color_theme .cart .active .count, #subHeader3.color_black .cart .active .count{ background-color: #27bfc1; } #subHeader3 .user-geo-position-value-link, #subHeader6 .user-geo-position-value-link, #subHeader6 #topAuth > ul li a, #subHeader6 #topAuth > ul li:first-child:after, #subHeader6 .subPhones .callBack, #subHeader8 .telephoneContainer .callBack, #subHeader3 #topToolsLeft a, #headerLine4 .user-geo-position-value-link, #headerLine4 #topAuth ul li a{ color: #27bfc1; } #subHeader3 .user-geo-position-value-link:hover, #subHeader6 .user-geo-position-value-link:hover, #subHeader3 #topToolsLeft a:hover, #subHeader6 #topAuth > ul li a:hover, #subHeader6 .subPhones .callBack:hover, #subHeader8 .telephoneContainer .callBack:hover, #headerLine4 .user-geo-position-value-link:hover, #headerLine4 #topAuth ul li a:hover{ color: #079fa1; } #subHeader3 #topToolsLeft a:after, #subHeader3 .user-geo-position-value-link:after, #headerLine .user-geo-position-value-link:after, #headerLine #topAuth ul li a:after, #headerLine2 .user-geo-position-value-link:after, #subHeader6 #topAuth ul li a:after, #subHeader6 .user-geo-position-value-link:after, #subHeader7 .firstPhones .callBack:after, #subHeader8 .telephoneContainer .callBack:after, #headerLine4 .user-geo-position-value-link:after, #headerLine4 #topAuth ul li a:after{ border-bottom: 1px dashed #27bfc1; } #subHeader3 #topToolsLeft a:after:hover, #subHeader3 .user-geo-position-value-link:after:hover, #headerLine .user-geo-position-value-link:after:hover, #headerLine #topAuth ul li a:after:hover, #headerLine2 .user-geo-position-value-link:after:hover, #subHeader6 #topAuth ul li a:after:hover, #subHeader6 .user-geo-position-value-link:after:hover, #subHeader7 .firstPhones .callBack:after:hover, #subHeader8 .telephoneContainer .callBack:after:hover, #headerLine4 .user-geo-position-value-link:after:hover, #headerLine4 #topAuth ul li a:after:hover{ border-bottom: 1px dashed #079fa1; } @media all and (max-width: 800px){ #subHeader6 .user-geo-position-value-link{ background-color: #079fa1; } } #topHeader{ border-bottom: 1px solid #404040; background: #3a3a3a; } #topService{ color: #cccccc; border-left: 1px solid #313131; } #topService li{ border-right: 1px solid #313131; } #topService li a{ color: #cccccc; } #topService li:hover a:hover{ color: #079fa1; } #topService li a:focus{ color: #079fa1; } #topService .selected{ color: #079fa1; } #subHeader{ background: #ffffff; border-bottom: 1px solid #eaeaea; } #logo{ border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; } #topHeading{ border-right: 1px solid #f6f6f6; } #topHeading p{ color: #000000; } #headerTools{ border-right: 1px solid #f6f6f6; } #headerTools .tools .heading{ color: #000000; } #headerTools .tools .link{ color: #27bfc1; } #headerTools .tools .link:hover{ color: #079fa1; } #headerTools .tools li{ border-left: 1px solid #f6f6f6; } #headerTools .text{ color: #000000; } #headerTools .telephone .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/callbackHead.png) 0 0 no-repeat transparent; background-size: cover } #headerTools .telephone .icon:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/callbackHead.png) -35px 0 no-repeat transparent; background-size: cover } #headerTools .telephone1 .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/callbackHead.png) 0 0 no-repeat transparent; background-size: cover } #headerTools .telephone1 .icon:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/callbackHead.png) -40px 0 no-repeat transparent; background-size: cover } #headerTools .telephone2 .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/callbackHead.png) 0 0 no-repeat transparent; background-size: cover } #headerTools .telephone2 .icon:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/callbackHead.png) -40px 0 no-repeat transparent; background-size: cover } #headerTools .message .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/message.png) 0 0 no-repeat transparent; background-size: cover } #headerTools .message .icon:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/message.png) -40px 0 no-repeat transparent; background-size: cover } #headerTools .search .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/searchHeadW.png) 0 0 no-repeat transparent; background-size: cover } #headerTools .search .icon:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/searchHeadW.png) -35px 0 no-repeat transparent; background-size: cover } #headerTools .wishlist .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/wishlistHead.svg) 0 0 no-repeat transparent; background-size: cover } #headerTools .wishlist .icon.active{ background: url(/local/templates/peptides/themes/white/ocean/images/wishlistHead.svg) -36px 0 no-repeat transparent; background-size: cover } #headerTools .wishlist .icon.active:hover{ background-position: -72px 0; } #headerTools .compare .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/compareHeadW.svg) 0 0 no-repeat transparent; background-size: 105px 40px; } #headerTools .compare .icon.active{ background: url(/local/templates/peptides/themes/white/ocean/images/compareHeadW.svg) -35px 0 no-repeat transparent; background-size: 105px 40px; } #headerTools .compare .icon.active:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/compareHeadW.svg) -70px 0 no-repeat transparent; background-size: 105px 40px; } #headerTools .cart .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/cartHeadW.svg) 0 0 no-repeat transparent; background-size: cover; } #headerTools .cart .icon.active{ background: url(/local/templates/peptides/themes/white/ocean/images/cartHeadW.svg) -44px 0 no-repeat transparent; background-size: cover; } #headerTools .cart .icon.active:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/cartHeadW.svg) -88px 0 no-repeat transparent; background-size: cover; } #headerTools .cart ins{ background: #f6f6f6; color: #888888; } #headerTools .cart ins.active{ color: #079fa1; } #changeYouCity{ background: url(/local/templates/peptides/themes/white/ocean/images/modalBg.png) 0 0 repeat #232323; } #changeYouCity .heading{ color: #079fa1; } #changeYouCity .list li a{ color: #000000; } #changeYouCity .list li a:hover{ color: #079fa1; } #changeYouCity #cityClose{ background: rgba(0, 0, 0, 0.1); border: 1px solid #000000; color: #ffffff; } #changeYouCity #cityClose:hover{ color: #079fa1; } #changeYouCity #cityClose ins{ background: url(/local/templates/peptides/themes/white/ocean/images/exit.png) 0 0 no-repeat transparent; } #changeYouCity #cityClose:hover ins{ background-position: -11px 0px; } #changeYouCity #cityClose:active ins{ background-position: -22px 0px; } #left .heading{ color: #ffffff; } #left .opener{ background: #27bfc1; } #left .heading ins{ background: url(/local/templates/peptides/themes/white/ocean/images/iconMenu.png) 0 50% no-repeat transparent; } #left .sideBlock .heading{ background-color: #2b2b2b; } #left #subscribe .sideBlockContent{ border: 1px solid #e7e8ea; } #left #leftMenu .menuItems a:hover span{ color: #27bfc1 !important; } #main.color_white #subLeftMenu a:hover{ color: #27bfc1 !important; } #main.color_white #leftMenu .menuItems a:hover{ color: #27bfc1 !important; } #left #subscribe .copy{ color: #888888; } #brandSearch td{ border-left: 1px solid #313131; background: #424242; color: #ffffff; } #brandSearch td a{ color: #ffffff; } #brandSearch td:hover a{ color: #079fa1; } #brandSearch a{ color: #000000; } #slider ol li{ background: url(/local/templates/peptides/themes/white/ocean/images/slideButton.png) 0 0 no-repeat transparent; } #slider ol li:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/slideButton.png) -18px 0 no-repeat transparent; } #slider ol li:active{ background: url(/local/templates/peptides/themes/white/ocean/images/slideButton.png) -36px 0 no-repeat transparent; } #slider ol li.selected{ background: url(/local/templates/peptides/themes/white/ocean/images/slideButton.png) -54px 0 no-repeat transparent; } #slider ol li.selected:hover{ background: url(/local/templates/peptides/themes/white/ocean/images/slideButton.png) -72px 0 no-repeat transparent; } #slider ol li.selected:active{ background: url(/local/templates/peptides/themes/white/ocean/images/slideButton.png) -90px 0 no-repeat transparent; } #popCats .sideBlockContent { border: 1px solid #e7e8ea; background-color: #ffffff; } #popCats li span, #popCats li a { background-color: #e7e8ea; color: #000000; } #popCats li a:hover { background-color: #079fa1; border-color: #27bfc1; color: #fff; } #collectionList .collection .wrap { border: 1px solid #cccccc; background-color: #ffffff; } #collectionList .collection .heading { background-color: #ffffff; color: #000000; } #collectionList .goTo { border: 1px solid #cccccc; background-color: #f7f7f7; color: #000000; } #collectionList .goTo:hover { background-color: #079fa1; border-color: #27bfc1; color: #ffffff; } #right .heading{ background: #2b2b2b; color: #ffffff; } #footer{ background-color: #f9f9f9; } #catalogLine{ border: 1px solid #e7e8ea; } #catalogLine select{ border: 1px solid #e7e8ea; color: #888888; } #catalogLine .viewList .element a{ background: url(/local/templates/peptides/themes/white/ocean/images/catalogView.png) 0 0 no-repeat transparent; } #leftFooter{ background: #2b2b2b; } #leftFooter .heading{ border-bottom: 1px solid #3e3e3e; color: #ffffff; } #leftFooter ul li{ border-top: 1px solid #313131; } #leftFooter a{ color: #999999; } #leftFooter a:hover{ color: #27bfc1; } #leftFooter .selected{ color: #27bfc1; } #rightFooter{ background: #202020; } #rightFooter .list li{ color: #888888; } #rightFooter .email a{ color: #ffffff; } #rightFooter p{ color: #888888; } #rightFooter .hr{ border-top: 1px solid #575757; } #rightFooter .telephone{ color: #27bfc1; } #rightFooter .email{ color: #ffffff; } #rightFooter .showMap{ color: #27bfc1; } #rightFooter .showMap:hover{ color: #079fa1; } #footerBottom{ border-top: 3px solid #101010; background: #191919; color: #ffffff; } #footerBottomCopy{ border-top: 3px solid #101010; background: #191919; color: #27bfc1; } #appBasketContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; } #appBasket .heading{ background-color: #424242; color: #ffffff; } #appBasket .close{ background: url(/local/templates/peptides/themes/white/ocean/images/exit.png) 0 0 no-repeat transparent; } #appBasket .close:hover{ background-position: 0 -21px ; } #appBasket .close:active{ background-position: 0 -42px ; } #appBasket .markerContainer .marker { background-color: #424242; color: #ffffff; } #appBasket .name{ color: #000000; } #appBasket .name:hover{ color: #27bfc1; } #appBasket .price{ color: #000000; } #appBasket .price .discount { color: #888888; } #appBasket .plus, #appBasket .minus{ background: url(/local/templates/peptides/themes/white/ocean/images/plusMinus2.png) 0 0 no-repeat #424242; } #appBasket .plus{ background-position: 0 -30px; } #appBasket .plus:hover{ background-position: -30px -30px; } #appBasket .plus:active{ background-position: -60px -30px; } #appBasket .minus:hover{ background-position: -30px 0x; } #appBasket .minus:active{ background-position: -60px 0px; } #appBasket .qty{ background-color: #e7e8ea; color: #000000; } #appBasket .sum{ background-color: #fbfbfb; } #appBasket .sum .discount{ color: #888888; } #appBasket .lower{ background-color: #424242; } #appBasket .lower .tools .icon{ border-right: 1px solid #4c4c4c; } #appBasket .lower .tools .icon:hover{ background: #2b2b2b; } #appBasket .lower .tools .continue{ border-right: 1px solid #4c4c4c; } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a{ color: #ffffff; } #appBasket .lower .tools .goToBasket{ background-color: #27bfc1; } #appBasket .lower .tools .goToBasket:hover{ background-color: #079fa1; } #appBasket .lower .tools .continue:hover{ background: #2b2b2b; } #appFastBuyContainer .heading{ background-color: #424242; color: #ffffff; } #appFastBuyContainer input{ background-color: #f3f3f3; color: #000000; } #appFastBuyContainer textarea{ background-color: #f3f3f3; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus{ background-color: #e9e9e9; } #appFastBuyContainer input.error, #appFastBuyContainer textarea.error{ border: 1px solid #ff0000; } #appFastBuyContainer #fastBuyFormSubmit{ background-color: #27bfc1; color: #ffffff; } #appFastBuyContainer #fastBuyFormSubmit:hover{ background-color: #079fa1; } #appFastBuyContainer #fastBuyFormSubmit.loading{ background: url(/local/templates/peptides/themes/white/ocean/images/loading.gif) 24px 50% no-repeat #079fa1 !important; } #fastBuyResult #fastBuyResultClose{ background-color: #27bfc1; color: #ffffff; } #fastBuyResult #fastBuyResultClose:hover{ background-color: #079fa1; } #appFastBuyContainer .marker { background-color: #424242; color: #ffffff; } #appFastBuyContainer .name{ color: #000000; } #appFastBuyContainer .name:hover{ color: #27bfc1; } #appFastBuyContainer .price{ color: #000000; } #appFastBuyContainer .price .discount{ color: #888888; } #appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit{ background: url(/local/templates/peptides/themes/white/ocean/images/exit.png) 0 0 no-repeat transparent; } #appFastView .appFastViewExit:hover, #fastViewStores .fastViewStoresExit:hover{ background-position: 0 -21px ; } #appFastView .appFastViewExit:active, #fastViewStores .fastViewStoresExit:active{ background-position: 0 -42px ; } #appProductPriceVariant .appPriceVariantExit{ background: url(/local/templates/peptides/themes/white/ocean/images/exit2.png) 0 0 no-repeat transparent; } #appProductPriceVariant .appPriceVariantExit:hover{ background-position: 0 -21px ; } #appProductPriceVariant .appPriceVariantExit:active{ background-position: 0 -42px ; } #footerTabsCaption{ border-top: 1px solid #e7e8ea; background-color: #f9f9f9; } #footerTabsCaption .item a{ color: #888888; } #footerTabsCaption .item .selected{ border-bottom: 1px dashed #000000; color: #000000; } #footerTabsCaption .item .selected:hover{ color: #000000; } #footerTabsCaption .item a:hover{ color: #27bfc1; } #footerTabs{ background-color: #f9f9f9; } #footerLine{ background-color: #2b2b2b; border-top: 2px solid #202020; box-shadow: 1px 1px 12px #000000; } #footerLine .item .callback{ color: #27bfc1; } #footerLine .item .wishlist .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/wishlistFooterMin.svg) 0 0 no-repeat; background-size: cover; } #footerLine .item .cart .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/cartFooterMin.svg) 0 0 no-repeat; background-size: cover; } #footerLine .item .wishlist.active .icon{ background-position: -21px 0; } #footerLine .item .wishlist.active:hover .icon{ background-position: -42px; } #footerLine .item .cart.active .icon{ background-position: -26px 0; } #footerLine .item .cart.active:hover .icon{ background-position: -52px; } #footerLine .item .callback .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/callbackFooterMin.png) 0 0 no-repeat; } #footerLine .item .callback:hover{ color: #079fa1; } #footerLine .callback:hover .icon{ background-position: -21px 0; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark{ background-color: #313131; color: #888888; } #footerLine .item .compare .icon{ background: url(/local/templates/peptides/themes/white/ocean/images/compareFooterMin.svg) 0 0 no-repeat; background-size: cover; } #footerLine .item .compare.active .icon{ background-position: -21px 0; } #footerLine .item .compare.active:hover .icon{ background-position: -42px; } #footerLine .item .compare:hover, #footerLine .item .wishlist:hover, #footerLine .item .cart:hover{ color: #888888; } #footerLine .item .compare.active, #footerLine .item .wishlist.active, #footerLine .item .cart.active, #footerLine .item .compare.active .mark, #footerLine .item .wishlist.active .mark, #footerLine .item .cart.active .mark{ color: #27bfc1; } #footerLine .item .compare.active:hover, #footerLine .item .wishlist.active:hover, #footerLine .item .cart.active:hover, #footerLine .item .compare.active:hover .mark, #footerLine .item .wishlist.active:hover .mark, #footerLine .item .cart.active:hover .mark{ color: #079fa1; } #footerLine .item a{ color: #888888; } #footerLine .item a:hover{ color: #ffffff; } #authMenu{ border-bottom: 1px solid #e7e8ea; } #authMenu li a{ color: #000000; } #authMenu li a:hover{ color: #27bfc1; } #authMenu li .selected{ border-bottom: 1px dashed #000000; } #authMenu li .selected:hover{ color: #000000; } #empty .emptyWrapper{ border-bottom: 1px solid #e7e8ea; } #empty p a{ border-bottom: 1px dashed #000000; } #empty p a:hover{ border-bottom: 1px dashed #27bfc1; } #empty a{ color: #000000; } #empty a:hover{ color: #27bfc1; } #empty .back{ border-bottom: 1px dashed #27bfc1; color: #27bfc1; } #empty .back:hover{ color: #079fa1; } .product{ border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5){ border-top: 1px solid #e7e8ea; } .product:nth-child(5n+1){ border-left: 1px solid #e7e8ea; } .product.last{ background: #f9f9f9; } .product .tabloid{ background-color: #ffffff; } .product .marker { background-color: #424242; color: #ffffff; } .product .name{ color: #000000; } .product .name:hover{ color: #27bfc1; } .product .price{ color: #000000; } .product .price .discount{ color: #888888; } .product .addCart{ background: #27bfc1; color: #ffffff; } .product .addCart:hover{ background-color: #079fa1; } .product .label{ color: #717171; } .product .label:hover{ color: #000000; } .product .skuPropertyName{ color: #888888; } .product .skuProperty .selected .skuPropertyLink{ border: 1px solid #27bfc1; } .product .skuPropertyLink{ border: 1px solid #dddddd; color: #000000; } .product:hover .tabloid{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ box-shadow: 1px 1px 6px rgba(0,0,0, 0.2); border-bottom: 1px solid #cccccc; } .product.last .showMore{ color: #000000; } .product.last .showMore:hover{ color: #27bfc1; } .addCart.added{ background: #2b2b2b !important; } .addCart.added:hover{ background: #3b3b3b !important; } .sideBlock .heading{ background-color: #424242; } .heading.collapsed{ color: #ffffff; } .heading.collapsed ins{ background: url(/local/templates/peptides/themes/white/ocean/images/iconMenu.png) 50% 50% no-repeat #27bfc1; border-right: 1px solid #27bfc1; } .heading.orange{ background: #27bfc1; } .mfeedback input, .mfeedback textarea{ background-color: #f3f3f3; color: #000000; } .mfeedback input:focus, .mfeedback textarea:focus{ background-color: #eeeeee; } .mfeedback input[type="submit"]{ background-color: #27bfc1; color: #ffffff; } .mfeedback input[type="submit"]:hover{ background-color: #079fa1; } .bx-auth .alert{ border: 1px solid #e7e8ea; background-color: #f3f3f3; } .bx-auth .alert.alert-danger{ border: 1px solid #ff0000; background-color: #ffffff; } .bx-auth .alert.small{ color: #000000; } .bx-authform-label-container{ color: #333333; } .bx-auth .registerText{ border-bottom: 1px solid #e7e8ea; } .bx-auth input.error{ border: 1px solid #ff0000 !important; } .bx-auth input[type="text"], .bx-auth input[type="password"] { background-color: #f3f3f3; } .bx-auth input[type="text"]:focus, .bx-auth input[type="password"]:focus { background-color: #eeeeee; } .bx-auth .submit, .popup-window .btn { background: #27bfc1; color: #ffffff; } .bx-auth .submit:hover, .popup-window .btn:hover { background: #079fa1; } .bx-auth .clear{ border: 1px solid #e7e8ea; color: #000000; } .bx-auth .clear:hover { border: 1px solid #cccccc; } .bx-auth .forgot, .bx-auth .registerLink{ color: #000000; } .bx-auth .forgot:hover, .bx-auth .registerLink:hover{ color: #27bfc1; } .blackLink, .backToIndexPage{ color: #000000; } .blackLink:hover, .backToIndexPage:hover{ color: #27bfc1; } .sn li:first-child{ border-left: 1px solid #313131; } .sn li{ border-right: 1px solid #313131; } div[id^="wait_comp_"]{ border: 1px solid #e7e8ea !important; background-color: #ffffff !important; } .contactList a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } .contactList a:hover{ color: #27bfc1; } @media all and (max-width: 1800px) { .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+4){ border-top: 1px solid #e7e8ea !important; } .product:nth-child(4n+1){ border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item{ border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4){ border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1){ border-left: 1px solid #e7e8ea !important; } } @media all and (max-width: 1200px) { #homeCatalog .item:nth-child(5n){ border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(4n){ border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(3n){ border-right: 1px solid #e7e8ea; } #catalogLineList .column:last-child{ background-color: #f9f9f9; } } @media all and (max-width: 1100px) { .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+2){ border-top: 1px solid #e7e8ea !important; } .product:nth-child(2n+1){ border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item{ border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+2), #popSection .item:nth-child(-n+2){ border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1){ border-left: 1px solid #e7e8ea !important; } } @media all and (max-width: 700px) { .copyright{ border-left: 1px solid #313131; border-right: 1px solid #313131; } } @media all and (max-width: 480px) { .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+1){ border-top: 1px solid #e7e8ea !important; } .product:nth-child(1n+1){ border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item{ border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+1), #popSection .item:nth-child(-n+1){ border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(1n+1), #popSection .item:nth-child(1n+1){ border-left: 1px solid #e7e8ea !important; } } #ORDER_CONFIRM_BUTTON{ background: #079fa1 !important; } .addCart.disabled{ background-color: #cccccc !important; border: 1px solid #e7e8ea; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"]{ background-color: #27bfc1; color: #ffffff; } .sale_order_full_table input[name="BuyButton"]:hover, .sale_order_full_table input[type="submit"]:hover{ background-color: #079fa1; } /* components colors */ /*breadcrumbs*/ #breadcrumbs{ color: #999999; } #breadcrumbs ul li a{ color: #000000; } #breadcrumbs ul li a:hover{ color: #888888; } #breadcrumbs .arrow{ color: #888888; } /*end breadcrumbs*/ /*section.list.default*/ #catalogSection .sectionItems .item:first-child{ border-top: 1px solid #e7e8ea; } #catalogSection .sectionItems .item{ border-bottom: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; } #catalogSection .sectionItems .item .itemContainer .bigPicture .marker { background-color: #424242; color: #ffffff; } #catalogSection .sectionItems .item .itemContainer .bigTitle{ color: #000000; } #catalogSection .sectionItems .item .itemContainer .bigTitle:hover{ color: #27bfc1; } #catalogSection .sectionItems .item .itemContainer .description{ color: #888888; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a{ border-bottom: 1px solid #e7e8ea; color: #000000; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{ border-bottom: 1px solid #e7e8ea; color: #888888; } /*end section.list.default*/ /*section.list.cast*/ #sectionList .tabloid{ border: 1px solid #e7e8ea; background: #ffffff; } #sectionList .tabloid .name{ color: #000000; } #sectionList .tabloid .name:hover{ color: #079fa1; } #sectionList .tabloid .marker { background-color: #424242; color: #ffffff; } #sectionList .item:hover .tabloid{ box-shadow: 1px 1px 12px rgba(0,0,0,0.1); border: 1px solid #dddddd; } #sectionList .element .name:hover{ color: #079fa1; } /*end section.list.cast*/ /*section.list.level2*/ #nextSection{ border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; border-top: 1px solid #e7e8ea; } #nextSection .title{ background-color: #f3f3f3; } #nextSection li, #nextSection .title{ border-bottom: 1px solid #e7e8ea; } #nextSection li a{ color: #000000; } #nextSection li a:hover, #nextSection li .selected{ color: #079fa1; } #nextSection li .cnt{ color: #888888; } /*end section.list.level2*/ /*catalog.element*/ #elementSmallNavigation .tab{ border-right: 1px solid #e7e8ea; } #elementSmallNavigation .tab.active a{ color: #27bfc1; } #elementSmallNavigation .tab.active span{ border-bottom: 1px dashed #27bfc1; } #elementTools .addCart, #smallElementTools .addCart{ background: #27bfc1; } #elementTools .addCart:hover, #smallElementTools .addCart:hover{ background-color: #079fa1; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{ border: 1px solid #27bfc1; } .elementProperties a:hover{ color: #27bfc1; } #elementProperties .stats a:hover{ color: #27bfc1; } #files .item .info .name:hover{ color: #27bfc1; } /*reviews*/ #catalogReviews .heading .reviewAddButton:hover{ border-color: #27bfc1; color: #27bfc1; } #showallReviews:hover{ color: #27bfc1; } #catalogElement #newReview .usedSelect li a.selected { background: #27bfc1; } #catalogElement #newReview .submit { background: #27bfc1; } #catalogElement #newReview .submit:hover { background: #079fa1; } /*set*/ #set .setTools .addCart{ background: #27bfc1; } #set .setTools .addCart:hover{ background-color: #079fa1; } #set .setElement .name:hover{ color: #27bfc1; } #setWindowPrice .addCart{ background: #27bfc1; } #setWindowPrice .addCart:hover{ background-color: #079fa1; } /*end.catalog.element*/ /* catalog.section */ #catalogLineList .name:hover{ color: #27bfc1; } #catalogLineList .addCart{ background: #27bfc1; } #catalogLineList .addCart:hover{ background-color: #079fa1; } #catalogLineList .skuProperty .selected .skuPropertyLink{ border: 1px solid #27bfc1; } #catalogLineList .prop a:hover{ color: #27bfc1; } /* table */ #catalogTableList .name:hover{ color: #079fa1; } #catalogTableList .addCart, #catalogTableList .more{ background-color: #27bfc1; } #catalogTableList .addCart:hover, #catalogTableList .more:hover{ background-color: #079fa1; } /* end.catalog.section /*smart filter */ #smartFilter .showALL { color: #27bfc1; } #smartFilter .showALL:hover{ color: #079fa1; } #smartFilter .radio label:hover, #smartFilter .checkbox label:hover{ color: #27bfc1; } #smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover { background-color: #079fa1; } #smartFilter .handler { background: url(/local/templates/peptides/themes/white/ocean/images/handlerActive.png) 0 0 no-repeat transparent; } #set_filter { background-color: #27bfc1; } #set_filter:hover{ background-color: #079fa1; } #smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon { border-color: #27bfc1; } #smartFilter .hint { background: url(/local/templates/peptides/themes/white/ocean/images/question.png) 0 0 no-repeat transparent; } #smartFilter .hintValue .close { color: #27bfc1; } #smartFilter .hintValue .close:hover { color: #079fa1; } #smartFilter input[type="submit"], #smartFilter input[type="reset"], #smartFilter button { border: 1px solid #27bfc1; background-color: #27bfc1; } #smartFilter input[type="submit"]:hover, #smartFilter button:hover { background-color: #079fa1; } #modef { background: url(/local/templates/peptides/themes/white/ocean/images/modef.png) 0 0 no-repeat; } /* end smart filter */ /* menu */ #topMenu li a:hover{ color: #079fa1; } #topMenu li .selected{ color: #079fa1; } #topMenu .bar > a{ background: url(/local/templates/peptides/themes/white/ocean/images/menuMore.png) 0 50% no-repeat transparent; } #topMenu .bar > a:hover, #topMenu .bar.active > a{ background: url(/local/templates/peptides/themes/white/ocean/images/menuMore.png) -21px 50% no-repeat transparent; } #topMenu .sub li:hover a{ color: #079fa1; } #personalMenu li a:hover{ color: #27bfc1; } #subLeftMenu .selected a{ color: #079fa1; } /* end menu */ /* news */ #newsDetail .more{ background: #27bfc1; } #newsDetail .more:hover{ background-color: #079fa1; } #newsContainer .column .item .title a:hover{ color: #27bfc1; } #newsContainer .column .item .more{ background: #27bfc1; } #newsContainer .column .item .more:hover{ background-color: #079fa1; } #newsContainer .column .item .title a:hover{ color: #27bfc1; } #newsContainer .column .item .more{ background: #27bfc1; } #newsContainer .column .item .more:hover{ background-color: #079fa1; } .backToList:hover{ color: #27bfc1; } #brandList .name:hover{ color: #079fa1; } #newsContainer .column .item .title a:hover{ color: #27bfc1; } #newsContainer .column .item .more{ background: #27bfc1; } #newsContainer .column .item .more:hover{ background-color: #079fa1; } #collectionBlock .name:hover{ color: #079fa1; } #collectionBlock .link{ color: #079fa1; } #newsBlock .newsTitle:hover { color: #27bfc1; } #serviceBlock .name:hover{ color: #079fa1; } #serviceBlock .link{ color: #079fa1; } /* end news */ /* order cancel */ .bx_my_order_cancel a:hover{ color: #27bfc1; } .bx_my_order_cancel input[type="submit"]{ background:#27bfc1; } .bx_my_order_cancel input[type="submit"]:hover { background: #079fa1; } .bx_my_order_cancel input[type="submit"]:active { background: #079fa1; } input[name="BuyButton"]{ background-color: #27bfc1; } .bx_my_order_switch .bx_mo_link:hover{ color: #27bfc1; } /* end order cancel */ /* #subscribe */ #subscribeEdit a:hover{ color: #27bfc1; } #subscribeEdit .submit { background: #27bfc1; } #subscribeEdit .submit:hover { background: #079fa1; } #subscribe .submit{ background-color: #079fa1; } #subscribe .submit:hover{ background-color: #079fa1; } /* end #subscribe */ /* navigation */ .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #27bfc1; color: #fff; } /* end navigation */ #brandList .name:hover{ color: #079fa1; } #brandList .last .showMore:hover{ color: #079fa1; } #brandList .last .ps:hover{ color: #079fa1; } #homeCatalog .caption.selected{ background-color: #27bfc1; } #mainProfile .profileSettings .heading { color: #27bfc1; } #mainProfile .profileSettings .submit { background: #27bfc1; } #mainProfile .profileSettings .submit:hover { background: #079fa1; } #main input[name="BuyButton"], #main input[type="submit"]{ background-color: #27bfc1; } #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover{ background-color: #079fa1; } #newOrder{ background-color: #27bfc1; } #newOrder:hover{ background-color: #079fa1; } #orderSuccess a{ color: #27bfc1; } #orderSuccess a:hover{ color: #079fa1; } #personalCart #basketView .item a{ background: url(/local/templates/peptides/themes/white/ocean/images/cartView.png) 0 0 no-repeat transparent; } #personalCart #tabsControl .item a:hover{ color: #27bfc1; } #personalCart #tabsControl .item .selected:hover{ border-bottom: 1px dashed #27bfc1; } #personalCart .productTable .clear a:hover { color: #27bfc1; } #personalCart .productTable .name a:hover { color: #27bfc1; } #orderMake{ background-color: #27bfc1; } #orderMake:hover{ background-color: #079fa1; } .orderLoad { background: url(/local/templates/peptides/themes/white/ocean/images/orderLoad.gif) 24px 50% no-repeat #27bfc1 !important; } #wishlist .prop a:hover{ color: #079fa1; } #popSection .name:hover{ color: #27bfc1; } #popSection .last .showMore:hover{ color: #27bfc1; } #popSection .last .ps:hover{ color: #27bfc1; } #storesList .storesListTableLink, #storeDetail .storesMoreLink{ color: #27bfc1; } #storeDetail .showByMapLink{ color: #000000; } #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover, #storeDetail .storesMoreLink:hover, #storeDetail .showByMapLink:hover{ color: #079fa1; } #complect .complectListItemLink{ color: #000000; } #complect .complectListItemLink:hover{ color: #079fa1; } #complect .complectResultEconomyValue{ color: #ff305c; } #appFastView .addCart, #geo-location-window .geo-location-window-button{ background: #27bfc1; } #appFastView .addCart:hover, #geo-location-window .geo-location-window-button:hover{ background-color: #079fa1; } #geo-location-window .geo-location-window-list-item .selected span{ border-bottom: 1px dashed #27bfc1; color: #27bfc1; } #geo-location-window .geo-location-window-list-item a:hover{ color: #27bfc1; } .information-feedback, .shop-review-top-new-button{ border: 1px solid #27bfc1; color: #27bfc1; } .information-feedback:hover, .shop-review-top-new-button:hover{ border: 1px solid #ff7300; color: #ff7300; } .webFormTools input[type="submit"] { background-color: #27bfc1; } .webFormTools input[type="submit"]:hover { background-color: #079fa1; } #bx-soa-order-form .bx-blue .btn.btn-default { background-color: #27bfc1; border: 1px solid #ff7300; color: #ffffff; } #bx-soa-order-form textarea{ outline: none; } #bx-soa-order-form a{ color: #27bfc1; } #bx-soa-order-form a:hover{ color: #27bfc1; } #bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag{ color: #23527c; } #bx-soa-order-form .bx-blue .btn.btn-default:hover{ background-color: #079fa1; } #appProductPriceVariant .linkMore{ background: #27bfc1; } #appProductPriceVariant .linkMore:hover{ background-color: #079fa1; } #requestPrice #requestPriceSubmit, #requestPrice #requestPriceResultClose, #compareBlock .leftTools .all, #compareTools .hide, #scrollTable .addCart, #scrollTable .addSku, #specialProduct .specialTimeItem, #specialProduct .more, #slider .sliderContent .cButton{ background-color: #27bfc1; } #requestPrice #requestPriceSubmit:hover, #requestPrice #requestPriceResultClose:hover, #compareBlock .leftTools .all:hover, #compareTools .hide:hover, #scrollTable .addCart:hover, #specialProduct .more:hover, #slider .sliderContent .cButton:hover{ background-color: #079fa1; } #requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover{ color: #079fa1; } #requestPrice #requestPriceSubmit.loading { background: url(/local/templates/peptides/themes/white/ocean/images/loading.gif) 24px 50% no-repeat #079fa1 !important; } #slider .sliderContent .bigTextColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor, #slider .sliderContent .bigTextLightColor{ color: #27bfc1; } /*end*/ ::selection { background: #eca712; color: #fff; } ::-moz-selection { background: #eca712; color: #fff; } ::-webkit-selection { background: #eca712; color: #fff; } /* End */ /* Start:/local/templates/peptides/headers/header1/css/style.css?179191691110464*/ li.price { height: 102px; } .button-cover, .knobs, .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .button { position: relative; top: calc(50% - 20px); width: 95px; height: 40px; margin: 0 auto; overflow: hidden; } .button.r, .button.r .layer { border-radius: 100px; } .checkbox { position: relative; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 3; } .knobs, .layer { background-size: auto; background-position-y: center; background-repeat: no-repeat; transition: background-image .3s ease-in-out; } .knobs { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%23828282' stroke-width='2'/%3E%3Cpath d='M28.1928 15.1204V14.4277C28.1928 10.9895 25.3959 8.19275 21.9578 8.19275C18.5197 8.19275 15.7229 10.9895 15.7229 14.4277V19.2771H11.5663V22.0482H15.5595C15.2348 24.2425 14.4299 26.3396 13.1846 28.2073C12.9011 28.6322 12.8747 29.1788 13.1156 29.6294C13.3571 30.08 13.8266 30.3614 14.3374 30.3614H26.8072V27.5903H16.7214C17.5647 25.844 18.1056 23.9743 18.3456 22.0482H22.6506V19.2771H18.494V14.4277C18.494 12.5178 20.048 10.9638 21.9578 10.9638C23.8677 10.9638 25.4217 12.5178 25.4217 14.4277V15.1204H28.1928Z' fill='%23828282'/%3E%3C/svg%3E"); background-position-x: right; } .layer { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%2322C2C2' stroke-width='2'/%3E%3Cpath d='M24.9239 26.1461C23.7282 27.4037 22.1975 28.0964 20.6134 28.0964C18.0171 28.0964 15.7692 26.2732 14.7112 23.6378H21.9227C22.5481 23.6378 23.0551 23.1307 23.0551 22.5054C23.0551 21.8801 22.5481 21.3731 21.9227 21.3731H14.1358C14.0912 21.0029 14.0669 20.6252 14.0669 20.2407C14.0669 19.8069 14.0975 19.3817 14.1544 18.9668H21.9227C22.5481 18.9668 23.0551 18.4598 23.0551 17.8344C23.0551 17.2091 22.5481 16.702 21.9227 16.702H14.7714C15.8521 14.1437 18.0642 12.3849 20.6134 12.3849C22.1975 12.3849 23.7282 13.0777 24.9239 14.3352C25.3543 14.7882 26.0706 14.8068 26.5246 14.376C26.9779 13.945 26.9959 13.2283 26.5655 12.7751C24.9383 11.0632 22.8245 10.1205 20.6137 10.1205C16.8386 10.1205 13.6117 12.8622 12.3595 16.7024H9.32512C8.69978 16.7024 8.19278 17.2094 8.19278 17.8347C8.19278 18.46 8.69978 18.967 9.32512 18.967H11.8743C11.8284 19.3849 11.8022 19.8093 11.8022 20.241C11.8022 20.6241 11.8222 21.0012 11.8588 21.3734H9.32512C8.69978 21.3734 8.19278 21.8804 8.19278 22.5057C8.19278 23.131 8.69978 23.638 9.32512 23.638H12.3146C13.5326 27.5524 16.7922 30.3614 20.6134 30.3614C22.8245 30.3614 24.9377 29.4185 26.5649 27.7069C26.9956 27.2536 26.9779 26.5369 26.5243 26.106C26.0712 25.675 25.3543 25.693 24.9239 26.1461Z' fill='%2322C2C2'/%3E%3C/svg%3E"); background-position-x: left; } @media all and (max-width: 682px) { .knobs{ background-position-y: 52px; } .layer { background-position-y: 8px; } .button { position: sticky; width: 40px; height: 102px; } } /* Button 10 */ #button-10 .knobs span { display: none; } #button-10 .checkbox:checked + .knobs { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%2322C2C2' stroke-width='2'/%3E%3Cpath d='M28.1928 15.1204V14.4277C28.1928 10.9895 25.3959 8.19275 21.9578 8.19275C18.5197 8.19275 15.7229 10.9895 15.7229 14.4277V19.2771H11.5663V22.0482H15.5595C15.2348 24.2425 14.4299 26.3396 13.1846 28.2073C12.9011 28.6322 12.8747 29.1788 13.1156 29.6294C13.3571 30.08 13.8266 30.3614 14.3374 30.3614H26.8072V27.5903H16.7214C17.5647 25.844 18.1056 23.9743 18.3456 22.0482H22.6506V19.2771H18.494V14.4277C18.494 12.5178 20.048 10.9638 21.9578 10.9638C23.8677 10.9638 25.4217 12.5178 25.4217 14.4277V15.1204H28.1928Z' fill='%2322C2C2'/%3E%3C/svg%3E"); } #button-10 .checkbox:checked ~ .layer { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%23828282' stroke-width='2'/%3E%3Cpath d='M24.9239 26.1461C23.7282 27.4037 22.1975 28.0964 20.6134 28.0964C18.0171 28.0964 15.7692 26.2732 14.7112 23.6378H21.9227C22.5481 23.6378 23.0551 23.1307 23.0551 22.5054C23.0551 21.8801 22.5481 21.3731 21.9227 21.3731H14.1358C14.0912 21.0029 14.0669 20.6252 14.0669 20.2407C14.0669 19.8069 14.0975 19.3817 14.1544 18.9668H21.9227C22.5481 18.9668 23.0551 18.4598 23.0551 17.8344C23.0551 17.2091 22.5481 16.702 21.9227 16.702H14.7714C15.8521 14.1437 18.0642 12.3849 20.6134 12.3849C22.1975 12.3849 23.7282 13.0777 24.9239 14.3352C25.3543 14.7882 26.0706 14.8068 26.5246 14.376C26.9779 13.945 26.9959 13.2283 26.5655 12.7751C24.9383 11.0632 22.8245 10.1205 20.6137 10.1205C16.8386 10.1205 13.6117 12.8622 12.3595 16.7024H9.32512C8.69978 16.7024 8.19278 17.2094 8.19278 17.8347C8.19278 18.46 8.69978 18.967 9.32512 18.967H11.8743C11.8284 19.3849 11.8022 19.8093 11.8022 20.241C11.8022 20.6241 11.8222 21.0012 11.8588 21.3734H9.32512C8.69978 21.3734 8.19278 21.8804 8.19278 22.5057C8.19278 23.131 8.69978 23.638 9.32512 23.638H12.3146C13.5326 27.5524 16.7922 30.3614 20.6134 30.3614C22.8245 30.3614 24.9377 29.4185 26.5649 27.7069C26.9956 27.2536 26.9779 26.5369 26.5243 26.106C26.0712 25.675 25.3543 25.693 24.9239 26.1461Z' fill='%23828282'/%3E%3C/svg%3E"); } #topHeader.color_default{ border-bottom: 1px solid #f3f3f3; background-color: #fbfbfb; color: #000000; } #subHeader.color_theme, #subHeader.color_black{ color: #ffffff; } #subHeader.color_black{ border-bottom: 1px solid #313131; background: #2b2b2b; } #topHeader.color_black{ background: #2b2b2b; color: #ffffff; } #topHeader.color_theme{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #topHeader.color_default #topMenu li a{ color: #000000; } #topHeader.color_theme #topMenu li a{ color: #ffffff; } #topHeader.color_theme #topMenu li a:hover{ opacity: 0.8; } #topHeader.color_theme #topMenu li .selected{ opacity: 0.7; } #topHeader.color_default #topMenu, #topHeader.color_default #topService{ border-left: 1px solid #f3f3f3; } #topHeader.color_default #topService li{ border-right: 1px solid #f3f3f3; } #topHeader.color_default #topService > li > a, #topHeader.color_default .user-geo-position-label, #topHeader.color_default .user-geo-position-value, #topHeader.color_default .user-geo-position-value-link{ color: #000000; } #topHeader.color_theme #topMenu, #topHeader.color_theme #topService{ border-left: 1px solid rgba(255, 255, 255, 0.2); } #topHeader.color_theme #topService li{ border-right: 1px solid rgba(255, 255, 255, 0.2); } #topHeader.color_theme #topService > li > a, #topHeader.color_theme .user-geo-position-label, #topHeader.color_theme .user-geo-position-value, #topHeader.color_theme .user-geo-position-value-link{ color: #ffffff; } #topHeader.color_theme #topService > li > a:hover, #topHeader.color_theme .user-geo-position-value-link:hover{ color: #ffffff; opacity: 0.8; } #subHeader.color_theme #logo{ border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); } #subHeader.color_black #logo{ border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); } #subHeader.color_theme #topHeading{ border-right: 1px solid rgba(255, 255, 255, 0.2); } #subHeader.color_black #topHeading{ border-right: 1px solid rgba(255, 255, 255, 0.1); } #subHeader.color_theme #topHeading p, #subHeader.color_black #topHeading p{ color: #ffffff; } #subHeader.color_theme #headerTools .tools .heading, #subHeader.color_black #headerTools .tools .heading{ color: #ffffff; } #subHeader.color_theme #headerTools .text, #subHeader.color_black #headerTools .text{ color: #ffffff; } #subHeader.color_theme #headerTools{ border-right: 1px solid rgba(255, 255, 255, 0.2); } #subHeader.color_black #headerTools{ border-right: 1px solid rgba(255, 255, 255, 0.1); } #subHeader.color_theme #headerTools .tools li{ border-left: 1px solid rgba(255, 255, 255, 0.2); } #subHeader.color_black #headerTools .tools li{ border-left: 1px solid rgba(255, 255, 255, 0.1); } #subHeader.color_theme #headerTools .tools .link{ color: #ffffff; } #subHeader.color_theme #headerTools .tools .link:hover, #subHeader.color_black #headerTools .tools .link:hover{ opacity: 0.8; } #subHeader.color_theme #headerTools .cart ins, #subHeader.color_black #headerTools .cart ins{ background-color: rgba(255, 255, 255, 0.4); color: #000000; } #subHeader.color_theme #headerTools .cart ins.active{ background-color: rgba(255, 255, 255, 0.6); } #subHeader.color_black #headerTools .cart ins.active:active{ position: relative; top: 1px; } #subHeader.color_black #headerTools .cart ins.active{ color: #ffffff; } #subHeader.color_theme #headerTools .search .icon, #subHeader.color_black #headerTools .search .icon{ background-image: url(/local/templates/peptides/headers/header1/css/images/searchHeadW-70x40.svg); } #subHeader.color_theme #headerTools .message .icon, #subHeader.color_black #headerTools .message .icon{ background-image: url(/local/templates/peptides/headers/header1/css/images/message.svg); } #subHeader.color_theme #headerTools .telephone .icon, #subHeader.color_black #headerTools .telephone .icon{ background-image: url(/local/templates/peptides/headers/header1/css/images/callBackHeadW.svg); } #subHeader.color_theme #headerTools .telephone1 .icon, #subHeader.color_black #headerTools .telephone1 .icon{ background-image: url(/local/templates/peptides/headers/header1/css/images/EU3.svg); } #subHeader.color_theme #headerTools .telephone2 .icon, #subHeader.color_black #headerTools .telephone2 .icon{ background-image: url(/local/templates/peptides/headers/header1/css/images/GB2.svg); } #subHeader.color_theme #headerTools .wishlist .icon, #subHeader.color_black #headerTools .wishlist .icon{ background-image: url(/local/templates/peptides/headers/header1/css/images/wishlistHeadW.svg); background-size: cover; } #subHeader.color_theme #headerTools .compare .icon, #subHeader.color_black #headerTools .compare .icon{ background-image: url(/local/templates/peptides/headers/header1/css/images/compareHeadW.svg); } #subHeader.color_theme #headerTools .cart .icon.active, #subHeader.color_black #headerTools .cart .icon.active{ background-image: url(/local/templates/peptides/headers/header1/css/images/cartHeadW.svg); background-size: cover; } #topService select { font: normal normal 13px "roboto_ltregular", arial, sans-serif; background: #27bfc1; border: none; color: #ffffff; } #topService select:hover { cursor: pointer;opacity: 0.8; } /* End */ /* Start:/local/templates/peptides/components/bitrix/menu/topMenu/style.css?17919169111273*/ #topMenu{ border-left: 1px solid #3a3a3a; float: left; padding: 0; margin: 0; } #topMenu ul{ padding: 0; margin: 0; } #topMenu li{ list-style: none; float: left; padding: 0; margin: 0; } #topMenu li a{ font: normal normal 12px "roboto_ltregular" , arial , sans-serif; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; letter-spacing: 0px; line-height: 30px; padding: 0 12px; color: #cccccc; display: block; } #topMenu .openEnder{ -webkit-transition: none; -o-transition: none; transition: none; } #topMenu .bar{ position: relative; padding: 0 12px; } #topMenu .bar > a{ height: 30px; width: 21px; padding: 0; border: 0; display: block; } #topMenu .sub{ position: absolute; display: none; background: #232323; min-width:180px; z-index: 99; left: -1px; top: 30px; } #topMenu .sub li{ border-top: 1px solid rgba(0, 0, 0, 0.149); border-bottom: 1px solid #303030; background: #232323; display: block; float: none; } #topMenu .sub li:first-child{ border-top: 0; } #topMenu .sub li:hover{ background: #1e1e1e; } #topMenu .sub li a{ border: none; line-height: 21px; padding: 4px 12px; } #topMenu .active .sub{ display: inline-block; } /* End */ /* Start:/local/templates/peptides/components/dresscode/search.line/.default/style.css?17919169116275*/ #topSearch{ background-color: #2b2b2b; position: absolute; line-height: 102px; min-width: 320px; height: 102px; display: none; width: 100%; z-index: 35; left: 0; } #topSearch form{ height: 95px; line-height: 95px; padding: 0 12px; } #topSearch table{ width: 100%; border-collapse: collapse; } #topSearch .submit{ width: 60px; padding-left: 12px; } #topSearch input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 50px; float: left; width: 100%; background: rgba(0, 0, 0, 0.298); border: 1px solid #000; padding: 0 1%; font-size: 18px; color: #ccc; font-weight: normal; margin-top: 22px; } #topSearch input[type="submit"]{ background: url(/local/templates/peptides/components/dresscode/search.line/.default/images/modalSearch.png) 0% 50% no-repeat rgba(0, 0, 0, 0.298); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000000; color: transparent; margin-top: 22px; cursor: pointer; font-size: 0px; height: 50px; width: 60px; float:right; } #topSearch input[type="submit"]:hover{ background-position: -60px 50%; } #topSearch input[type="submit"]:active{ background-position: -120px 50%; } #topSearch input[type="text"].loading{ background-color: rgba(0, 0, 0, 0.398); } #topSearch .searchField{ position: relative; } #topSeachCloseForm{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; position: absolute; color: #ffffff; right: 24px; } #topSeachCloseForm:hover{ color: #ffa900; } #searchResult{ background-color: #ffffff; position: absolute; display: none; height: auto; z-index: 999; width: 100%; top: 133px; left: 0; } #searchResult h1{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; background-color: #ffffff; position: relative; text-align: center; line-height: 85px; font-size: 18px; height: 85px; margin: 0px; } #searchResult.visible{ display: block; } #searchResult .productList{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; padding: 0 24px; } #searchResult .item{ width: 16.666666%; } #searchResult .product{ border: 0; /* clear */ border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #searchResult .product:nth-child(6n+1) { border-left: 1px solid #e7e8ea; } #searchResult .product:nth-child(1), #searchResult .product:nth-child(2), #searchResult .product:nth-child(3), #searchResult .product:nth-child(4), #searchResult .product:nth-child(5), #searchResult .product:nth-child(6) { border-top: 1px solid #e7e8ea; height: 347px; } #searchResult .searchAllResult{ -webkit-transition: all 0.2 ease-in-out; -o-transition: all 0.2 ease-in-out; transition: all 0.2 ease-in-out; border-top: 1px solid #e7e8ea; background-color: #f3f3f3; font-family: 'robotobold'; text-transform: uppercase; text-decoration: none; position: relative; text-align: center; line-height: 85px; font-size: 14px; display: block; color: #000000; height: 85px; } #searchResult .searchAllResult:hover{ background-color: #eeeeee; } #searchResult .searchAllResult span{ border-bottom: 1px dashed #000000; padding-bottom: 4px; } #searchResult .errorMessage{ margin: 24px 36px 24px 36px; text-align: center; font-size: 14px; } #searchProductsClose{ background: url(/local/templates/peptides/components/dresscode/search.line/.default/images/exit.png) 0 0 no-repeat transparent; position: absolute; margin-top: -9px; display: block; height: 18px; width: 18px; right: 24px; top: 50%; } #searchProductsClose:hover{ background-position: -18px 0; } #searchProductsClose:active{ background-position: -36px 0; } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ /* background: #ff9601; color: #fff;*/ } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /* End */ /* Start:/local/templates/peptides/components/dresscode/message.line/.default/style.css?17919169117634*/ #topMessage{ background-color: #2b2b2b; position: absolute; min-width: 320px; height: 102px; display: none; width: 100%; z-index: 35; left: 0; } #topMessage form{ height: 102px; } #topMessageForm .wrap{ margin-top: 10px; vertical-align: middle; display: inline-block; line-height: 21px; } #topMessageForm { height: 102px; position: relative; text-align: center; } #topMessageForm .tools{ list-style: none; display: inline-flex; padding: 0; margin: 0; border-right: 1px solid rgba(255, 255, 255, 0.1); } #topMessageForm .tools li{ line-height: 102px; list-style: none; padding: 0 18px; float: left; margin: 0; } #topMessageForm .tools .icon{ float: left; } #topMessageForm .skype .wrap{ padding: 0 8px; } #topMessageForm .skype .icon{ width: 60px; margin: 0; } #topMessageForm .skype .text{ position: absolute; width: 60px; padding: 0 8px; line-height: 25px; color: #27bfc1; } #topMessageForm .skype .icon{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/Skype_new.svg) 0 0 no-repeat transparent; background-size: cover; } #topMessageForm .skype .icon:hover{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/Skype_new.svg) -60px 0 no-repeat transparent; background-size: cover } #topMessageForm .whatsapp .wrap{ padding: 0 8px; } #topMessageForm .whatsapp .icon{ width: 60px; margin: 0; } #topMessageForm .whatsapp .text{ position: absolute; width: 60px; padding: 0 8px; line-height: 25px; color: #27bfc1; } #topMessageForm .whatsapp .icon{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/Whatsapp.svg) 0 0 no-repeat transparent; background-size: cover; } #topMessageForm .whatsapp .icon:hover{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/Whatsapp.svg) -60px 0 no-repeat transparent; background-size: cover } #topMessageForm .viber .wrap{ padding: 0 8px; } #topMessageForm .viber .icon{ width: 54px; margin: 0; } #topMessageForm .viber .text{ position: absolute; width: 54px; padding: 0 8px; line-height: 25px; color: #27bfc1; } #topMessageForm .viber .icon{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/viber.svg) 0 0 no-repeat transparent; background-size: cover; } #topMessageForm .viber .icon:hover{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/viber.svg) -54px 0 no-repeat transparent; background-size: cover } #topMessageForm .telegram .wrap{ padding: 0 8px; } #topMessageForm .telegram .icon{ width: 80px; margin: 0; } #topMessageForm .telegram .text{ position: absolute; width: 80px; padding: 0 8px; line-height: 25px; color: #27bfc1; } #topMessageForm .telegram .icon{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/telegram_new.svg) 0 0 no-repeat transparent; background-size: cover; } #topMessageForm .telegram .icon:hover{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/telegram_new.svg) -80px 0 no-repeat transparent; background-size: cover } #topMessageForm .icon{ margin: 0 4px; height: 60px; } #topMessageForm .tools li{ border-left: 1px solid rgba(255, 255, 255, 0.1) } #topMessage form li{ line-height: 102px; list-style: none; padding: 0 26px; float: left; margin: 0; } #topMessage form li{ border-right: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(255, 255, 255, 0.1); height: 102px; } #topMessage form li{ list-style: none; padding: 0 18px; float: left; margin: 0; } #topMessage .submit{ width: 60px; padding-left: 12px; } #topMessage input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 50px; float: left; width: 100%; background: rgba(0, 0, 0, 0.298); border: 1px solid #000; padding: 0 1%; font-size: 18px; color: #ccc; font-weight: normal; margin-top: 22px; } #topMessage input[type="submit"]{ background: url(/local/templates/peptides/components/dresscode/message.line/.default/images/modalSearch.png) 0% 50% no-repeat rgba(0, 0, 0, 0.298); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000000; color: transparent; margin-top: 22px; cursor: pointer; font-size: 0px; height: 50px; width: 60px; float:right; } #topMessage input[type="submit"]:hover{ background-position: -60px 50%; } #topMessage input[type="submit"]:active{ background-position: -120px 50%; } #topMessage input[type="text"].loading{ background-color: rgba(0, 0, 0, 0.398); } #topMessage .messageField{ position: relative; } #topMessageCloseForm{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; position: absolute; color: #ffffff; right: 24px; } #topMessageCloseForm:hover{ color: #ffa900; } @media (max-width:470px) { #topMessageForm .tools li{ padding: 0 10px; } } @media (max-width:400px) { #topMessageForm .tools li{ padding: 0 5px; } } @media (max-width:360px) { #topMessageForm .tools li{ padding: 0; } } @media (max-width:322px) { #topMessageForm .tools li{ padding: 1px; } #topMessageForm .skype .wrap { padding: 0 3px; } #topMessageForm .whatsapp .wrap { padding: 0 3px; } #topMessageForm .viber .wrap { padding: 0 3px; } #topMessageForm .telegram .wrap { padding: 0 3px; } #topMessageForm .skype .text{ padding: 0 3px; } #topMessageForm .whatsapp .text{ padding: 0 3px; } #topMessageForm .viber .text{ padding: 0 3px; } #topMessageForm .telegram .text{ padding: 0 3px; } } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ /* background: #ff9601; color: #fff;*/ } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /* End */ /* Start:/local/templates/peptides/components/bitrix/menu/leftMenu/style.css?17919169114974*/ .priceGBP{ font-family: 'robotobold'; font-size: 18px; display: none; text-decoration: none; margin-bottom: 12px; color: black; } #leftMenu{ background: #2b2b2b; padding: 12px 0 12px 0; position:relative; list-style: none; z-index: 33; margin: 0; } #leftMenu li{ list-style: none; } #leftMenu > li:first-child{ border: 0; } #leftMenu > li{ -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition: all 0.1s ease; background: #2b2b2b; display: block; } #leftMenu > li:hover, #leftMenu .activeDrop{ background: #ffffff; } #leftMenu > li:hover > a{ background: #f5f5f5; } #leftMenu li:hover .menuLink, #leftMenu .activeDrop .menuLink{ color: #000000; } #leftMenu li .menuLink{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; padding-right: 8px; position: relative; line-height: 18px; font-size: 13px; display: block; color: #ffffff; } #leftMenu .menuLink img{ vertical-align:middle; width: 100%; height: auto; } #leftMenu li .tb{ display: table; width: 100%; } #leftMenu .pc, #leftMenu .tx{ vertical-align: middle; display: table-cell; padding: 8px; } #leftMenu li .pc{ -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -o-transition:all 0.1s; transition: all 0.1s; padding-left: 18px; text-align:center; height: 21px; width: 24px; } #leftMenu .pc img{ max-width: fit-content; } #leftMenu ul{ padding: 0; margin: 0; } #leftMenu .drop{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); border-collapse: collapse; background: #ffffff; table-layout: fixed; position: absolute; min-height: 400px; overflow: hidden; z-index: 999999; display: none; left: 100%; width: 1%; top: 0%; } #leftMenu .menuItems{ border-right: 1px solid #e7e8ea; background-color: #ffffff; display: table-cell; vertical-align: top; padding: 12px; width: 245px; } #leftMenu .menuItems > li:first-child{ margin-top: 0px; } #leftMenu .menuItems > li{ position: relative; margin-top: 8px; } #leftMenu .menuItems span{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'robotobold'; font-size: 14px; color: #444444; } #leftMenu .menuItems small{ position: absolute; margin-top: -11px; line-height: 22px; height: 22px; color: #888; right: 0px; top: 50%; } #leftMenu .menuItems a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 21px; display: block; color: #000; } #leftMenu .menuItems a:hover{ color: #999; } #leftMenu .menuItems a img{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #leftMenu .menuItems a:hover img{ opacity: 0.8; } #leftMenu .menuSlider{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ vertical-align: middle; display: table-cell; position: relative; overflow: hidden; width: 295px; } #leftMenu .menuSlider > ul{ position: relative; list-style: none; padding: 0; margin: 0; } #leftMenu .menuSlider > ul > li{ position: relative; float: left; } #leftMenu .menuSlider .slideBtnLeft, #leftMenu .menuSlider .slideBtnRight{ background: url(/local/templates/peptides/components/bitrix/menu/leftMenu/images/slideArrow.png) 0 0 no-repeat transparent; position: absolute; margin-top: 3px; z-index: 99; height: 16px; opacity: 0.5; width: 14px; top: 30%; } #leftMenu .menuSlider .slideBtnLeft:hover, #leftMenu .menuSlider .slideBtnRight:hover{ opacity: 0.8; } #leftMenu .menuSlider .slideBtnLeft:active, #leftMenu .menuSlider .slideBtnRight:active{ opacity: 1; } #leftMenu .menuSlider .slideBtnLeft{ left: 12px; } #leftMenu .menuSlider .slideBtnRight{ background-position: -14px 0; right: 12px; } #leftMenu .product{ position: relative !important; height: auto !important; width: 100% !important; border: 0 !important; } #leftMenu .product .tabloid{ border: 0 !important; height: auto !important; position: static !important; background: transparent !important; } #leftMenu .product:hover .tabloid{ box-shadow: none; } /* End */ /* Start:/local/templates/peptides/components/bitrix/menu/leftSubMenu/style.css?1791916911284*/ #subLeftMenu{ border-top: 1px solid #484848; background: #2b2b2b; margin: 0 0 24px 0; padding: 12px 24px; list-style: none; } #subLeftMenu a{ text-decoration: none; font-size: 13px; padding: 4px 0; color: #888888; display: block; } #subLeftMenu a:hover{ color: #ffffff; } /* End */ /* Start:/local/templates/peptides/components/bitrix/news.list/leftNews/style.css?17919169111402*/ #newsBlock { position: relative; overflow: hidden; color: #888; font-size: 12px; line-height: 16px; } #newsBlock .newsTitle { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; display: inline-block; color: #000; margin: 4px 0; } #newsBlock .newsPreview { border-bottom: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; padding: 12px; position: relative; background-color: #f9f9f9; overflow: hidden; } #newsBlock .newsPic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* float: left;*/ width: 100%; display: none; } #newsBlock .newsPic img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; } #newsBlock .newsPic:hover img{ opacity: 0.9; } #newsBlock .newsPic:active{ position: relative; top: 1px; } #newsBlock .newsTitle { display: block; } #newsBlock .preText { font-size: 12px; height: 79px; overflow: hidden; display: none; } #newsBlock .newsPreview:first-child { background-color: #fff; } #newsBlock .newsPreview:first-child .newsPic, #newsBlock .newsPreview:first-child .preText { display: block; } #newsBlock .newsPreview:first-child .newsPic + .newsOverview { /* float: right;*/ width: 100%; } /* End */ /* Start:/local/templates/peptides/components/bitrix/news.list/leftAboutproducts/style.css?17919169111402*/ #newsBlock { position: relative; overflow: hidden; color: #888; font-size: 12px; line-height: 16px; } #newsBlock .newsTitle { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; display: inline-block; color: #000; margin: 4px 0; } #newsBlock .newsPreview { border-bottom: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; padding: 12px; position: relative; background-color: #f9f9f9; overflow: hidden; } #newsBlock .newsPic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* float: left;*/ width: 100%; display: none; } #newsBlock .newsPic img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; } #newsBlock .newsPic:hover img{ opacity: 0.9; } #newsBlock .newsPic:active{ position: relative; top: 1px; } #newsBlock .newsTitle { display: block; } #newsBlock .preText { font-size: 12px; height: 79px; overflow: hidden; display: none; } #newsBlock .newsPreview:first-child { background-color: #fff; } #newsBlock .newsPreview:first-child .newsPic, #newsBlock .newsPreview:first-child .preText { display: block; } #newsBlock .newsPreview:first-child .newsPic + .newsOverview { /* float: right;*/ width: 100%; } /* End */ /* Start:/local/templates/peptides/components/bitrix/subscribe.form/.default/style.css?17919169111070*/ #subscribe{ background-color: #ffffff; margin-top: 24px; overflow: hidden; } #subscribe form{ padding: 0 12px; } #subscribe input::-webkit-input-placeholder{ color: #888888; } #subscribe input::-moz-placeholder{ color: #888888; } #subscribe input:focus::-webkit-input-placeholder{ color: transparent; } #subscribe input:focus::-moz-placeholder{ color: transparent; } #subscribe input:focus:-moz-placeholder{ color: transparent; } #subscribe input:focus:-ms-input-placeholder{ color: transparent; } #subscribe input{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #e7e8ea; text-align: center; margin: 12px auto; padding-left: 8px; line-height: 50px; font-size: 14px; color: #888888; display: block; height: 50px; width: 100%; border: 0; } #subscribe input[type="text"]:focus{ background-color: #f3f3f3; } #subscribe .submit{ cursor: pointer; color: #ffffff; } /* End */ /* Start:/local/templates/peptides/components/bitrix/breadcrumb/.default/style.css?1791916911544*/ #breadcrumbs{ margin-bottom: 12px; line-height: 21px; overflow: hidden; font-size: 12px; } #breadcrumbs ul{ overflow: hidden; list-style: none; padding: 0; margin: 0; } #breadcrumbs ul li{ vertical-align: middle; display: inline-block; } #breadcrumbs ul li a{ text-decoration: none; display: inline-block; line-height: 21px; } #breadcrumbs ul li span{ display: inline-block; line-height: 21px; } #breadcrumbs .arrow{ vertical-align: middle; display: inline-block; font-family: arial; font-size: 18px; margin: 0 12px; } /* End */ /* Start:/local/templates/peptides/styles.css?17919169111272*/ .information-feedback:hover, .shop-review-top-new-button:hover { border: #079fa1; color: #fff; background-color: #079fa1; } .information-feedback, .shop-review-top-new-button { border: #27bfc1; color: #fff; background-color: #27bfc1; } .cookie_warning { position: fixed; z-index: 998; bottom: 56px; padding: 20px; padding-left: 40px; background-color: #2b2b2b; box-shadow: 0px 0px 20px rgba(0,0,0,0.5); max-width: 700px; } .cookie_warning_text { color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); text-align: center; } .cookie_warning_link { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 40px; height: 40px; /*width: 200px;*/ width: 220px; font-size: 16px; text-align: center; display: block; text-decoration: none; margin-left: auto; margin-right: auto; margin-top: 24px; margin-bottom: 12px; border-radius: 4px; background: #27bfc1; color: #ffffff; } .cookie_warning_link:hover { background-color: #079fa1; } .cookie_warning_close { width: 20px; height: 20px; position: absolute; left: 8px; top: 8px; cursor: pointer; background: url(/local/templates/peptides/images/close_white.png) center center no-repeat; background-size: 100% 100%; } /* End */ /* Start:/local/templates/peptides/template_styles.css?1792191887328051*/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } body { font: normal normal 14px "roboto_ltregular", arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background-color: #ffffff; line-height: 21px; margin: 0; overflow-x: hidden; } img { border: 0; } .secure{ width: 60%; padding-top: 5px; } button2 { transition: all 0.2s ease-in-out; /* line-height: 60px; */ border-radius: 4px; color: #ffffff; font-size: 16px; text-align: center; display: block; text-decoration: none; background: #27bfc1; display: inline-block; padding: 20px; margin-bottom: 10px; } button2:hover { background: #079fa1; color: #ffffff; text-decoration: none; } button2:focus { background: ##27bfc1; color: #ffffff; text-decoration: none; } .sub { padding: 0 10px; border: none; font: 12px arial; line-height: 23px; color: #ffffff; font-weight: bold; text-align: center; background: #728672 url('/local/templates/peptides/../dresscode/images/sub_1.png') repeat-x 0 bottom; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; -webkit-box-shadow: 0px 2px 4px #728672; -moz-box-shadow: 0px 2px 4px #728672; box-shadow: 0px 2px 4px #728672; height: 24px; text-decoration: none; display: inline-block; *display: inline; *zoom: 1; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } hr.style-one { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } input { font: normal normal 13px "roboto_ltregular", arial, sans-serif; outline: none; } input[placeholder] { text-overflow: ellipsis; } input::-moz-placeholder { text-overflow: ellipsis; } input:-moz-placeholder { text-overflow: ellipsis; } input:-ms-input-placeholder { text-overflow: ellipsis; } a:not([href]) { cursor: default; } :focus::-webkit-input-placeholder { color: transparent; } :focus::-moz-placeholder { color: transparent; } :focus:-moz-placeholder { color: transparent; } :focus:-ms-input-placeholder { color: transparent; } input:focus { outline: none; } a { outline: none; } h1 { font-family: "roboto_ltregular"; line-height: 36px; font-weight: 400; text-align: left; margin: 0 0 24px; font-size: 24px; color: #000000; display: block; } h2 { font-family: "roboto_ltregular"; font-weight: 400; font-size: 18px; } h3 { font-family: "roboto_ltregular"; font-weight: 400; font-size: 16px; } b, strong { font-family: 'robotobold'; font-weight: 400; } * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #topHeader { position: relative; min-width: 320px; height: 30px; z-index: 35; } .loading #topHeader, .loading #topHeader2, .loading #topHeader3, .loading #topHeader4, .loading #topHeader5, .loading #topHeader6, .loading #topHeader7, .loading #topHeader8, .loading #topHeader9 { overflow: hidden; } .loading #topMenu { opacity: 0; } .bold { font-family: 'robotobold'; } /* auth register city block */ #topService { float: right; padding: 0; margin: 0; } #topService div[id^=bx_incl_area_] { float: left; } #topService li { line-height: 30px; list-style: none; padding: 0 12px; float: left; margin: 0; } #topService .null { display: inline-block; line-height: 0px; padding: 0px; height: 0px; width: 0px; } #topService li:not(.null) a { font: normal normal 13px "roboto_ltregular", arial, sans-serif; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; text-decoration: none; display: inline-block; } #topService li:not(.null) a:active { position: relative; top: 1px; } #topService li:not(.null) a:focus { transition: all 0.7s; } /* Sub Header */ #subHeader { min-width: 320px; height: 102px; z-index: 3; } .loading #subHeader, .loading #subHeader2, .loading #subHeader3, .loading #subHeader4, .loading #subHeader5, .loading #subHeader6, .loading #subHeader7, .loading #subHeader8, .loading #subHeader9, .loading #subHeaderV2 { overflow: hidden; } #subHeaderV2 { background-color: #ffffff; } #subHeaderV2 .subHeaderContainer { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #subHeaderV2 .subHeaderLeft, #subHeaderV2 .subHeaderCenter, #subHeaderV2 .subHeaderRight { vertical-align: middle; display: table-cell; } #subHeaderV2 .subHeaderLeft { width: 680px; } #subHeaderV2 .subHeaderCenter { text-align: center; } #subHeaderV2 .subHeaderRight { text-align: right; } #logo { line-height: 102px; text-align: center; max-height: 102px; overflow: hidden; width: 229px; float: left; } #logo a { display: block; } #logo a:active { position: relative; top: 1px; } #logo img { vertical-align: middle; max-height: 102px; max-width: 100%; } #topHeading { padding: 0 18px; float: left; } #topHeading .vertical { line-height: 102px; } #topHeading p { font: normal normal 16px "roboto_ltregular", arial, sans-serif; vertical-align: middle; display: inline-block; line-height: 21px; text-align: center; margin: 0; } #headerTools { float: right; height: 96px; } #headerTools .tools { list-style: none; padding: 0; margin: 0; } #headerTools .tools .icon { float: left; } #headerTools .tools .heading { text-decoration: none; font-size: 18px; display: block; } #headerTools .tools .link { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 13px; } #headerTools .tools .link:active { position: relative; top: 1px; } #headerTools .tools li { line-height: 102px; list-style: none; padding: 0 18px; float: left; margin: 0; } #headerTools .tools div[id*="bx_"] { float: left; } #headerTools .wrap { vertical-align: middle; display: inline-block; line-height: 21px; } #headerTools .icon { margin: 0 4px; height: 40px; } #headerTools .nf { float: left; margin-left: 12px; } #headerTools .text { font-size: 13px; } #headerTools .icon:active { position: relative; top: 1px; } #headerTools .telephone .icon { width: 35px; } #headerTools .telephone1 .icon { width: 40px; } #headerTools .telephone2 .icon { width: 40px; } #headerTools .message .wrap { padding: 0 8px; } #headerTools .message .icon { width: 40px; margin: 0; } #headerTools .search .wrap { padding: 0 8px; } #headerTools .search .icon { width: 35px; margin: 0; } #headerTools .wishlist .icon { width: 36px; } #headerTools .compare .icon { width: 35px; } #headerTools .cart .icon { width: 43px; } #headerTools .cart ins { display: inline-block; text-decoration: none; border-radius: 3px; text-align: center; margin-left: 4px; padding: 0px 6px; font-size: 13px; } #changeYouCity { position: relative; min-width: 320px; padding: 18px 0; display: none; } #changeYouCity .limiter { position: relative; } #changeYouCity .heading { font-size: 21px; display: block; } #changeYouCity .list { text-align: center; overflow: hidden; } #changeYouCity .list li { margin-top: 12px; text-align: left; float: left; width: 25%; } #changeYouCity .list li a { text-decoration: none; font-size: 14px; } #changeYouCity .list li a:hover { text-decoration: underline; } #changeYouCity #cityClose { text-decoration: none; position: absolute; padding: 4px 12px; font-size: 14px; display: block; right: 24px; top: 0; } #changeYouCity #cityClose ins { display: inline-block; margin-right: 6px; height: 10px; width: 10px; } #topMenu .bar>a { background: url(/local/templates/peptides/images/menuMore.png) 0 50% no-repeat transparent; } #topHeader.color_default #topMenu .bar>a { background-image: url(/local/templates/peptides/images/menuMore2.png) } #topHeader.color_default #topMenu .sub { background-color: #fbfbfb; } #topHeader.color_default #topMenu .sub li:hover { background: #f9f9f9; } #topHeader.color_default #topMenu .sub li { border-top: 1px solid #f3f3f3; border-bottom: 0px; } #topMenu .bar>a:hover, #topMenu .bar.active>a { background: url(/local/templates/peptides/images/menuMore.png) -21px 50% no-repeat transparent; } #main { margin-top: 24px; min-width: 320px; } #main .compliter { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #left { display: table-cell; vertical-align: top; width: 355px; } #left .heading { font-family: "roboto_ltregular"; text-decoration: none; padding-left: 24px; line-height: 65px; font-weight: 400; font-size: 18px; display: block; height: 65px; } #left .heading .arrow { background-position: -27px 50%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #left .heading.opened .arrow { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #left .menuRolled+.collapsed { display: none; } #left .heading ins { vertical-align: middle; display: inline-block; margin-right: 24px; line-height: 65px; height: 65px; float: right; width: 27px; } #left .sideBlock .heading { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; line-height: 60px; font-size: 16px; height: 60px; } #left .sideBlock a.heading:hover { opacity: 0.95; } #left #subscribe .copy { text-align: center; margin: 12px auto; line-height: 24px; font-size: 12px; display: block; width: 90%; } #left .banner { vertical-align: middle; max-height: 100%; max-width: 100%; text-align: center; margin-top: 24px; } #left .banner img { max-height: 100%; vertical-align: middle; max-width: 100%; } #left .banner promo { background: url(/local/templates/peptides/images/promo_eu.jpg) 0 0 no-repeat transparent; background-size: cover; max-height: 100%; vertical-align: middle; max-width: 100%; } #left .banner .promo:hover { background: url(/local/templates/peptides/images/promo_eu_red.jpg) 0 0 no-repeat transparent; background-size: cover; max-height: 100%; vertical-align: middle; max-width: 100%; } #right { display: table-cell; vertical-align: top; padding-left: 24px; } #brandSearch { border-collapse: collapse; table-layout: fixed; border-spacing: 0px; width: 100%; display: none; } #brandSearch td { line-height: 50px; height: 50px; } #brandSearch .label { width: 140px; } #brandSearch .label span { display: block; text-align: center; } #brandSearch .all { width: 60px; } #brandSearch .all a { text-align: center; display: block; } #brandSearch a { text-decoration: none; text-align: center; display: block; } #slider { position: relative; overflow: hidden; } #slider ul { position: relative; list-style: none; padding: 0; margin: 0; } #slider ul li { position: relative; float: left; } #slider ul li span { background-position: center center; background-size: contain; background-repeat: no-repeat; -moz-background-size: cover; display: block; height: 557px; } #slider ul li img { width: auto; display: inline-block; margin-left: -120px; } #slider ol { position: absolute; list-style: none; margin: 0px; padding: 0px; left: 50%; bottom: 12px; } #slider ol li { margin-right: 4px; cursor: pointer; height: 18px; width: 18px; float: left; } #main.color_black #slider .sliderContent { color: #ffffff; } #main.color_white #left #leftMenu { border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } #main.color_white #left #subLeftMenu { border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } #main.color_white #leftMenu { background-color: #ffffff !important; } #main.color_white #leftMenu>li { background-color: #ffffff !important; } #main.color_white #leftMenu li .menuLink { color: #000000 !important; } #main.color_white #leftMenu>li:hover, #leftMenu .activeDrop { color: #f6f6f6 !important; } #main.color_white #subLeftMenu { border-top: 1px solid #eeeeee !important; background-color: #ffffff !important; } #main.color_white #subLeftMenu a { color: #000000 !important; } #popCats { margin-top: 24px; } #popCats .sideBlockContent { padding: 12px; border-top: 0; } #popCats ul { list-style: none; padding: 0; margin: 0; } #popCats li { display: inline-block; margin-right: 8px; margin-bottom: 8px; } #popCats li span, #popCats li a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; padding: 4px 12px; line-height: 21px; display: block; } #collectionList { margin-top: 24px; position: relative; overflow: hidden; } #collectionCarousel { position: relative; overflow: hidden; margin: 0 -12px; } #collectionCarousel>ul { list-style: none; padding: 0; margin: 0; } #collectionCarousel>ul li { width: 33.3131313%; float: left; } #collectionList .collection { position: relative; padding: 0 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #collectionList .collection .wrap { border-bottom: none; overflow: hidden; padding: 12px; } #collectionList .collection .heading { text-decoration: none; margin-bottom: 12px; line-height: 24px; font-weight: 700; font-size: 18px; height: auto; padding: 0; } #collectionList .collectionDesc { line-height: 18px; font-size: 12px; } #collectionList .goTo { vertical-align: middle; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } #collectionList .pic { display: block; margin-bottom: 18px; text-align: center; line-height: 420px; height: 420px; } #collectionList .pic img { max-width: 100%; max-height: 100%; vertical-align: middle; } #promoBlock, #promoBlock>div[id*="bx_"] { width: 100%; display: table; overflow: hidden; table-layout: fixed; border-collapse: collapse; } #sliderBlock, #bannersBlock, #specialBlock { display: table-cell; vertical-align: top; } #bannersBlock, #specialBlock { padding-left: 12px; position: relative; overflow: hidden; width: 356px; } #specialBlock { padding-left: 24px; width: 344px; } #left #specialBlock { margin-bottom: 24px; padding-left: 0px; display: block; width: 100%; } #bannersBlock ul { list-style: none; padding: 0; margin: 0; } #bannersBlock ul li { float: left; } #bannersBlock ul a { display: block; line-height: 0; } #bannersBlock ul li:first-child { margin-bottom: 12px; float: none; } #bannersBlock ul li:first-child+li { padding-right: 12px; } #right .heading { margin-bottom: 24px; padding-left: 24px; line-height: 60px; font-size: 18px; display: block; height: 60px; } #footer { margin-bottom: 55px; padding-top: 24px; overflow: hidden; } #footer.variant_2 #leftFooter, #footer.variant_4 #leftFooter { color: #ffffff; } #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_7 #leftFooter, #footer.variant_7 #footerBottom, #footer.variant_8 #leftFooter, #footer.variant_8 #footerBottom { background-color: #ffffff; } #footer.variant_6 #leftFooter, #footer.variant_7 #rightFooter { background-color: #f3f3f3; } #footer.variant_5 #footerBottom, #footer.variant_6 #footerBottom, #footer.variant_8 #footerBottom { border-top: 1px solid #f1f1f1; } #footer.variant_7 #footerBottom { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_8 #footerBottom { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.15); } #footer.variant_2 #leftFooter a, #footer.variant_4 #leftFooter a { color: #ffffff; } #footer.variant_5 #leftFooter a, #footer.variant_6 #leftFooter a, #footer.variant_7 #leftFooter a, #footer.variant_8 #leftFooter a { color: #000000; } #footer.variant_2 #leftFooter a:hover, #footer.variant_4 #leftFooter a:hover { opacity: 0.8; } #footer.variant_2 #leftFooter .selected, #footer.variant_4 #leftFooter .selected { opacity: 0.7; } #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 #leftFooter .heading, #footer.variant_6 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #leftFooter ul li, #footer.variant_4 #leftFooter ul li { border-top: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 #leftFooter ul li, #footer.variant_6 #leftFooter ul li, #footer.variant_7 #leftFooter ul li, #footer.variant_8 #leftFooter ul li { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #leftFooter ul li:first-child, #footer.variant_6 #leftFooter ul li:first-child, #footer.variant_7 #leftFooter ul li:first-child, #footer.variant_8 #leftFooter ul li:first-child { border-top: 0px; } #footer.variant_3 #rightFooter, #footer.variant_3 #rightFooter p, #footer.variant_3 #rightFooter .list li, #footer.variant_3 #rightFooter .telephone, #footer.variant_3 #rightFooter .showMap, #footer.variant_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .telephone, #footer.variant_4 #rightFooter .showMap, #footer.variant_8 #rightFooter, #footer.variant_8 #rightFooter p, #footer.variant_8 #rightFooter .list li, #footer.variant_8 #rightFooter .telephone, #footer.variant_8 #rightFooter .showMap { color: #ffffff; } #footer.variant_8 #rightFooter .showMap:hover { opacity: 0.7; } #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email, #footer.variant_6 #rightFooter, #footer.variant_6 #rightFooter p, #footer.variant_6 #rightFooter .list li, #footer.variant_6 #rightFooter .email, #footer.variant_7 #rightFooter, #footer.variant_7 #rightFooter p, #footer.variant_7 #rightFooter .list li, #footer.variant_7 #rightFooter .email { color: #000000; } #footer.variant_5 #rightFooter .email a, #footer.variant_6 #rightFooter .email a, #footer.variant_7 #rightFooter .email a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #footer.variant_3 #rightFooter .showMap:hover, #footer.variant_4 #rightFooter .showMap:hover { opacity: 0.8; } #footer.variant_3 #rightFooter .telephone, #footer.variant_4 #rightFooter .telephone { font-family: "robotomedium"; margin-top: 12px; } #footer.variant_3 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_8 #rightFooter .hr { border-top: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 #rightFooter .hr, #footer.variant_6 #rightFooter .hr, #footer.variant_7 #rightFooter .hr { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 #footerBottom { border-top: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_4 #footerBottom .sn .vk { background: url(/local/templates/peptides/images/snC.svg) 0 0 no-repeat transparent; background-size: 420px 120px; } #footer.variant_4 #footerBottom .sn .fb { background: url(/local/templates/peptides/images/snC.svg) -60px 0 no-repeat transparent; background-size: 420px 120px; } #footer.variant_4 #footerBottom .sn .od { background: url(/local/templates/peptides/images/snC.svg) -120px 0 no-repeat transparent; background-size: 420px 120px; } #footer.variant_4 #footerBottom .sn .tw { background: url(/local/templates/peptides/images/snC.svg) -180px 0 no-repeat transparent; background-size: 420px 120px; } #footer.variant_4 #footerBottom .sn .go { background: url(/local/templates/peptides/images/snC.svg) -240px 0 no-repeat transparent; background-size: 420px 120px; } #footer.variant_4 #footerBottom .sn .yo { background: url(/local/templates/peptides/images/snC.svg) -300px 0 no-repeat transparent; background-size: 420px 120px; } #footer.variant_4 #footerBottom .sn .vk:hover { background-position: 0 -60px; } #footer.variant_4 #footerBottom .sn .fb:hover { background-position: -60px -60px; } #footer.variant_4 #footerBottom .sn .od:hover { background-position: -120px -60px; } #footer.variant_4 #footerBottom .sn .tw:hover { background-position: -180px -60px; } #footer.variant_4 #footerBottom .sn .go:hover { background-position: -240px -60px; } #footer.variant_4 #footerBottom .sn .yo:hover { background-position: -300px -60px; } #footer.variant_5 #footerBottom .sn .vk, #footer.variant_6 #footerBottom .sn .vk, #footer.variant_7 #footerBottom .sn .vk, #footer.variant_8 #footerBottom .sn .vk { background: url(/local/templates/peptides/images/snW.png) 0 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .fb, #footer.variant_6 #footerBottom .sn .fb, #footer.variant_7 #footerBottom .sn .fb, #footer.variant_8 #footerBottom .sn .fb { background: url(/local/templates/peptides/images/snW.png) -60px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .od, #footer.variant_6 #footerBottom .sn .od, #footer.variant_7 #footerBottom .sn .od, #footer.variant_8 #footerBottom .sn .od { background: url(/local/templates/peptides/images/snW.png) -120px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .tw, #footer.variant_6 #footerBottom .sn .tw, #footer.variant_7 #footerBottom .sn .tw, #footer.variant_7 #footerBottom .sn .tw { background: url(/local/templates/peptides/images/snW.png) -180px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .go, #footer.variant_6 #footerBottom .sn .go, #footer.variant_7 #footerBottom .sn .go, #footer.variant_8 #footerBottom .sn .go { background: url(/local/templates/peptides/images/snW.png) -240px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .yo, #footer.variant_6 #footerBottom .sn .yo, #footer.variant_7 #footerBottom .sn .yo, #footer.variant_8 #footerBottom .sn .yo { background: url(/local/templates/peptides/images/snW.png) -300px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .vk:hover, #footer.variant_6 #footerBottom .sn .vk:hover, #footer.variant_7 #footerBottom .sn .vk:hover, #footer.variant_8 #footerBottom .sn .vk:hover { background-position: 0 -60px; } #footer.variant_5 #footerBottom .sn .fb:hover, #footer.variant_6 #footerBottom .sn .fb:hover, #footer.variant_7 #footerBottom .sn .fb:hover, #footer.variant_8 #footerBottom .sn .fb:hover { background-position: -60px -60px; } #footer.variant_5 #footerBottom .sn .od:hover, #footer.variant_6 #footerBottom .sn .od:hover, #footer.variant_7 #footerBottom .sn .od:hover, #footer.variant_8 #footerBottom .sn .od:hover { background-position: -120px -60px; } #footer.variant_5 #footerBottom .sn .tw:hover, #footer.variant_6 #footerBottom .sn .tw:hover, #footer.variant_7 #footerBottom .sn .tw:hover, #footer.variant_8 #footerBottom .sn .tw:hover { background-position: -180px -60px; } #footer.variant_5 #footerBottom .sn .go:hover, #footer.variant_6 #footerBottom .sn .go:hover, #footer.variant_7 #footerBottom .sn .go:hover, #footer.variant_8 #footerBottom .sn .go:hover { background-position: -240px -60px; } #footer.variant_5 #footerBottom .sn .yo:hover, #footer.variant_6 #footerBottom .sn .yo:hover, #footer.variant_7 #footerBottom .sn .yo:hover, #footer.variant_8 #footerBottom .sn .yo:hover { background-position: -300px -60px; } #footer.variant_4 .sn li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 .sn li:first-child, #footer.variant_6 .sn li:first-child, #footer.variant_7 .sn li:first-child, #footer.variant_8 .sn li:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 .sn li { border-right: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 .sn li, #footer.variant_6 .sn li, #footer.variant_7 .sn li, #footer.variant_8 .sn li { border-right: 1px solid rgba(0, 0, 0, 0.1); } #catalogLine { margin-bottom: 24px; border-radius: 4px; line-height: 55px; padding: 0 12px; height: 55px; } #catalogLine .column { display: inline-block; margin-left: 12px; } #catalogLine .column:first-child { margin-left: 0; } #catalogLine .column:last-child { float: right; } #catalogLine .label { display: inline-block; margin-right: 12px; } #catalogLine select { border-radius: 4px; padding: 0 12px; height: 30px; } #catalogLine .viewList { vertical-align: middle; display: inline-block; overflow: hidden; } #catalogLine .viewList .element { margin-left: 12px; float: left; } #catalogLine .viewList .element:first-child { margin-left: 0px; } #catalogLine .viewList .element a { vertical-align: middle; display: inline-block; height: 55px; width: 30px; } #catalogLine .viewList .element .squares { background-position: 0 0; } #catalogLine .viewList .element .squares:hover { background-position: -30px 0; } #catalogLine .viewList .element .squares.selected { background-position: -60px 0; } #catalogLine .viewList .element .line { background-position: 0 -55px; } #catalogLine .viewList .element .line:hover { background-position: -30px -55px; } #catalogLine .viewList .element .line.selected { background-position: -60px -55px; } #catalogLine .viewList .element .table { background-position: 0 -110px; } #catalogLine .viewList .element .table:hover { background-position: -30px -110px; } #catalogLine .viewList .element .table.selected { background-position: -60px -110px; } #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #catalogLine .viewList .element .line:active { position: relative; top: 1px; } #rowFooter { display: table; width: 100%; table-layout: fixed; } #leftFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; display: table-cell; vertical-align: top; width: 60%; } #leftFooter .footerRow { overflow: hidden; list-style: none; } #leftFooter .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 48px; width: 33.33%; float: left; } #leftFooter .heading { padding-bottom: 12px; margin-bottom: 6px; font-size: 20px; display: block; } #leftFooter ul { list-style: none; padding: 0; margin: 0; } #leftFooter ul li:first-child { border: 0; } #leftFooter a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; font-size: 13px; padding: 6px 0; display: block; } #rightFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; vertical-align: top; display: table-cell; width: 40%; } #rightFooter .rightTable { border-collapse: collapse; table-layout: fixed; width: 100%; } #rightFooter .rightTable td { vertical-align: top; } #rightFooter .rightColumn { text-align: center; padding: 0 24px; } #rightFooter .rightColumn .wrap { display: inline-block; text-align: left; } #rightFooter .list { list-style: none; padding: 0; margin: 12px 0; } #rightFooter .list li { margin-bottom: 8px; line-height: 21px; list-style: none; font-size: 14px; display: block; } #rightFooter .email a { text-decoration: none; } #rightFooter p { font-size: 14px; display: block; } #rightFooter .hr { padding-top: 12px; } #rightFooter .telephone { margin-bottom: 24px; font-size: 22px; display: block; } #rightFooter .email { display: block; font-size: 18px; } #rightFooter .showMap { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: initial; margin-top: 12px; display: block; } #rightFooter .showMap:active { position: relative; top: 1px; } #rightFooter .link { text-decoration: initial; display: block; color: #2bbec0; } #rightFooter .link:hover { text-decoration: initial; display: block; color: #0f9ea0; } #rightFooter .logo img { vertical-align: middle; max-height: 100%; max-width: 100%; } #rightFooter .logo a:active { position: relative; top: 1px; } #Newfooter { border-top: 3px solid #101010; background: #191919; color: #ffffff; line-height: 60px; overflow: hidden; height: auto; } #Newfooter .container2 { margin: 0 auto; padding-left: 24px; padding-right: 24px; } #Newfooter .footer_payments { margin-right:50px; text-align: left; float: left; } #Newfooter .footer_payments_item { position: relative; z-index: 2; display: inline-block; vertical-align: middle; height: auto; margin: 5px 5px; box-sizing: border-box; } #Newfooter .social_block { margin-right:130px; float: right; height: auto; } #Newfooter .social_block_item { position: relative; z-index: 2; display: inline-block; vertical-align: middle; height: 60px; padding: 8px 10px; box-sizing: border-box; border-left: 1px solid #313131; } #Newfooter .social_block_item img { fill: #fff; height: 100%; } #Newfooter .fb { background: url(https://peptideproduct.eu/local/templates/peptides/images/sn.svg?250730) -60px 0px no-repeat transparent; background-size: 420px 120px; position: relative; z-index: 2; display: inline-block; vertical-align: middle; width: 60px; height: 60px; box-sizing: border-box; border-right: 1px solid #313131; border-left: 1px solid #313131; } #Newfooter .go { background: url(https://peptideproduct.eu/local/templates/peptides/images/sn.svg?250730) -240px 0px no-repeat transparent; background-size: 420px 120px; position: relative; z-index: 2; display: inline-block; vertical-align: middle; width: 60px; height: 60px; box-sizing: border-box; border-right: 1px solid #313131; } #Newfooter .yo { background: url(https://peptideproduct.eu/local/templates/peptides/images/sn.svg?250730) -300px 0px no-repeat transparent; background-size: 420px 120px; position: relative; z-index: 2; display: inline-block; vertical-align: middle; width: 60px; height: 60px; box-sizing: border-box; border-right: 1px solid #313131; } #Newfooter .fb:hover { background-position: -60px -60px; } #Newfooter .go:hover { background-position: -240px -60px; } #Newfooter .yo:hover { background-position: -300px -60px; } #footerBottom { line-height: 60px; overflow: hidden; height: 60px; clear: both; } #footerBottomCopy { overflow: hidden; aligh: center; padding-top: 18px; padding-bottom: 18px; text-align: center; height: auto; } #footerBottom .creator { padding-left: 24px; padding-right: 24px; float: left; } #footerBottomCopy .creator { padding-left: 24px; padding-right: 24px; float: left; } #footerBottom .creator a { display: block; line-height: 60px; } #footerBottom .creator a:active { position: relative; top: 1px; } #footerBottom .creator img { vertical-align: middle; } #footerBottom .social { padding-right: 124px; float: right; } #footerBottom ul { list-style: none; padding: 0; margin: 0; } #appBasket { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0px; top: 0px; display: none; } #appBasketContainer { margin-left: -350px; margin-top: -200px; position: absolute; height: 400px; width: 700px; left: 50%; top: 50%; } #appBasket .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; } #appBasket .close { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appBasket .container { position: relative; overflow: hidden; } #appBasket .markerContainer { position: absolute; top: 8px; left: 8px; } #appBasket .rating { position: absolute; right: 12px; top: 12px; z-index: 2; width: 79px; display: none; } #appBasket .rating i { background: url(/local/templates/peptides/images/rating.svg) repeat 0 0px transparent; background-size: 16px 30px; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #appBasket .rating i.m { background: url(/local/templates/peptides/images/rating.svg) repeat 0 -14px transparent; background-size: 16px 30px; width: 0px; z-index: 10; } #appBasket .markerContainer .marker { font: normal normal 12px "roboto_ltregular", arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appBasket .picture { position: relative; line-height: 280px; text-align: center; height: 280px; width: 300px; float: left; } #appBasket .picture:active { position: relative; top: 1px; } #appBasket .picture img { vertical-align: middle; max-height: 90%; max-width: 90%; } #appBasket .information { line-height: 280px; } #appBasket .information .wrapper { vertical-align: middle; display: inline-block; line-height: 21px; } #appBasket .name { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; max-width: 300px; margin-bottom: 18px; text-decoration: none; font-size: 14px; display: block; } #appBasket .price { font-family: 'robotobold'; margin-bottom: 18px; font-size: 18px; display: block; } #appBasket .price .discount { font-family: 'roboto_ltregular'; padding-left: 8px; font-size: 14px; } #appBasket .qtyBlock { margin-bottom: 18px; overflow: hidden; } #appBasket .qtyBlock .label { padding-right: 4px; } #appBasket .plus, #appBasket .minus { vertical-align: middle; display: inline-block; height: 30px; width: 30px; } #appBasket .qty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 30px; width: 40px; padding: 0 2px; border: 0; } #appBasket .qty.error { border: 1px solid #ff0000; } #appBasket .sum { font-family: 'robotobold'; line-height: 50px; padding: 0 24px; font-size: 18px; height: 50px; } #appBasket .sum .discount { font-family: 'roboto_ltregular'; padding-left: 8px; font-size: 14px; } #appBasket .lower { line-height: 60px; overflow: hidden; height: 60px; } #appBasket .lower .tools { border-collapse: collapse; table-layout: fixed; border-spacing: 0px; width: 100%; } #appBasket .lower tbody { vertical-align: top; } #appBasket .lower .tools td { padding: 0; } #appBasket .lower .tools .icon { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; vertical-align: top; text-align: center; line-height: 60px; height: 60px; width: 70px; } #appBasket .lower .tools .av:hover { background: unset; } #appBasket .lower .tools .icon a { text-decoration: none; color: transparent; display: block; } #appBasket .lower .tools .icon .ico { vertical-align: middle; display: inline-block; height: 16px; width: 17px; } #appBasket .lower .tools .addCompare .ico { background: url(/local/templates/peptides/images/compare.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addCompare.added .ico { background: url(/local/templates/peptides/images/compareActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist .ico { background: url(/local/templates/peptides/images/wishlist.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist.added .ico { background: url(/local/templates/peptides/images/wishlistActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .inStock .ico { background: url(/local/templates/peptides/images/inStock.png) 0 0 no-repeat transparent; border-bottom: 0 !important; } #appBasket .lower .tools .outOfStock .ico { background: url(/local/templates/peptides/images/outOfStock.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .onOrder .ico { background: url(/local/templates/peptides/images/onOrder.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .delete .ico { background: url(/local/templates/peptides/images/delete.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .continue { text-align: center; width: 50%; } #appBasket .lower .tools .continue, #appBasket .lower .tools .goToBasket { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a { line-height: 60px; text-decoration: none; font-size: 14px; display: block; } #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text { margin-top: 2px; display: inline-block; } #appBasket .lower .tools .goToBasket img { margin-top: -3px; } #appBasket .lower .tools .continue img, #appBasket .lower .tools .goToBasket img { vertical-align: middle; padding-right: 12px; } #appBasket .lower .tools .goToBasket { text-align: center; width: 50%; } #appFastBuy { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0px; top: 0px; display: none; } #appFastBuyContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 50%; top: 50%; } #appFastBuyContainer .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; /*padding: 0 24px;*/ width: 380px; float: left; } #appFastBuyContainer .column:first-child { text-align: center; width: 320px; } #appFastBuyContainer .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; height: 60px; } #appFastBuyContainer .title { margin-bottom: 12px; text-align: center; margin-right: 24px; font-size: 16px; display: block; } #appFastBuyContainer .formLine { margin-bottom: 12px; } #appFastBuyContainer input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; width: 354px; height: 50px; border: 0; } #appFastBuyContainer input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-right: 6px; margin-top: 0px; height: 14px; width: 14px; } #appFastBuyContainer input[type="checkbox"].error+label { border-bottom: 1px solid #ff0000 !important; } #appFastBuyContainer textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus { outline: none; } #appFastBuyContainer #fastBuyFormSubmit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; height: 50px; width: 354px; } #appFastBuyContainer #fastBuyFormSubmit:active { position: relative; top: 1px; } #appFastBuyContainer #fastBuyFormSubmit.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #appFastBuyContainer #fastBuyFormSubmit.loading img { display: none; } #appFastBuyContainer #fastBuyFormSubmit img { vertical-align: middle; padding-right: 4px; margin-top: -2px; } #appFastBuyContainer .markerContainer { position: absolute; top: 0px; left: 12px; } #appFastBuyContainer #fastBuyResult { transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #fastBuyResult #fastBuyResultTitle { text-align: center; margin-top: 24px; font-size: 16px; } #fastBuyResult #fastBuyResultMessage { text-align: center; margin-top: 24px; } #fastBuyResult #fastBuyResultClose { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; display: block; height: 50px; width: 254px; } #fastBuyResult #fastBuyResultClose:active { position: relative; top: 1px; } #appFastBuyContainer .marker { font: normal normal 12px "roboto_ltregular", arial, sans-serif; margin-bottom: 8px; padding: 3px 4px; line-height: 16px; z-index: 2; } #appFastBuyContainer .name { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } #appFastBuyContainer .middle { line-height: 21px; vertical-align: middle; display: inline-block; } #appFastBuyContainer .price { font-family: 'robotobold'; text-decoration: none; margin-bottom: 12px; font-size: 18px; display: block; } #appFastBuyContainer .price .discount { font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; } #appFastBuyContainer #fastBuyName { padding: 0 24px; } #appFastBuyContainer #fastBuyPicture { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 12px; position: relative; text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .url { text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .picture { vertical-align: middle; max-height: 90%; max-width: 90%; } #appFastBuy .close { background: url(/local/templates/peptides/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastBuy .close:hover { background-position: 0 -21px; } #appFastBuy .close:active { background-position: 0 -42px; } #appFastView { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; /*display: none;*/ } #appFastView .appFastViewContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; margin-left: -500px; margin-top: -275px; position: absolute; height: 550px; width: 1000px; left: 50%; top: 50%; } #appFastView .appFastViewColumnContainer { height: 490px; } #appFastView .appFastViewPictureColumn { border-right: 1px solid #dddddd; position: relative; height: 490px; width: 336px; float: left; } #appFastView .appFastViewDescriptionColumn { position: relative; overflow: hidden; height: 100%; width: 410px; float: left; } #appFastView .appFastViewDescriptionColumnContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 24px; padding-top: 24px; overflow-x: hidden; position: absolute; overflow-y: scroll; height: 100%; width: 100%; left: 24px; } #appFastView .appFastViewDescriptionColumn:after { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); pointer-events: none; position: absolute; display: block; height: 50px; content: ''; width: 100%; bottom: 0px; } #appFastView .appFastViewInformationColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; position: relative; padding: 0px 24px; height: 100%; width: 251px; float: left; } #appFastView .markerContainer { position: absolute; color: #ffffff; z-index: 88; left: 12px; top: 12px; } #appFastView .marker { font: normal normal 12px "roboto_ltregular", arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { -webkit-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; position: relative; overflow: hidden; } #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { left: 0px; } #appFastView .appFastViewPictureCarouselItems { padding-bottom: 12px; } #appFastView .appFastViewPictureCarousel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px 12px 12px; margin: 0 24px; } #appFastView .appFastViewPictureSliderItem, #appFastView .appFastViewPictureCarouselItem { text-align: center; float: left; } #appFastView .appFastViewPictureSliderItem { line-height: 380px; height: 380px; } #appFastView .appFastViewPictureSliderItemLayout { vertical-align: middle; display: inline-block; line-height: 0; } #appFastView .appFastViewPictureCarouselItem { line-height: 60px; height: 60px; } #appFastView .appFastViewPictureSliderItemPicture, #appFastView .appFastViewPictureCarouselItemPicture { vertical-align: middle; max-height: 100%; max-width: 100%; } #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton { background: url(/local/templates/peptides/images/carouselArrowSmall.png) 0 0 no-repeat transparent; position: absolute; margin-top: -14px; height: 16px; opacity: 0.5; z-index: 99; width: 14px; top: 50%; } #appFastView .appFastViewPictureCarouselLeftButton:hover, #appFastView .appFastViewPictureCarouselRightButton:hover { opacity: 0.8; } #appFastView .appFastViewPictureCarouselLeftButton:active, #appFastView .appFastViewPictureCarouselRightButton:active { opacity: 1; } #appFastView .appFastViewPictureCarouselLeftButton:active { left: 1px; } #appFastView .appFastViewPictureCarouselRightButton:active { right: 1px; } #appFastView .appFastViewPictureCarouselLeftButton { left: 0px; } #appFastView .appFastViewPictureCarouselRightButton { background-position: -14px 0; right: 0px; } #appFastView .appFastViewPictureSliderItemLink, #appFastView .appFastViewPictureCarouselItemLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItemLink img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItemLink { display: inline-block; position: relative; /*overflow: hidden;*/ line-height: 0; height: auto; } #appFastView .appFastViewPictureCarouselItemLink { position: relative; display: block; height: 60px; opacity: 0.3; } #appFastView .appFastViewPictureSliderItemLink:hover img, #appFastView .appFastViewPictureCarouselItemLink:hover { opacity: 0.9; } #appFastView .appFastViewPictureCarouselItemLink.active { pointer-events: none; position: relative; opacity: 1; } #appFastView .appFastViewPictureCarouselItemLink.active:hover { opacity: 1; } #appFastView .appFastViewPictureSliderItemLink:active, #appFastView .appFastViewPictureCarouselItemLink:active { position: relative; top: 1px; } #appFastView .appFastViewPictureCarouselItemLink.active:after { background: rgba(0, 0, 0, 1); transform: translateX(-50%); position: absolute; display: block; bottom: -4px; content: ''; height: 2px; width: 20%; left: 50%; } #appFastView .appFastViewPictureLoupe { background-repeat: no-repeat; border: 1px solid #000000; border-radius: 50%; position: absolute; margin-left: -75px; margin-top: -75px; cursor: crosshair; height: 150px; width: 150px; left: -9999px; top: -9999px; } #appFastView .appFastViewHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } #appFastView .appFastViewProductHeading { line-height: 33px; font-size: 21px; } #appFastView .appFastViewProductHeading a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } #appFastView .appFastViewProductHeading a:hover { color: #555555; } #appFastView .appFastViewProductHeading a:active { position: relative; top: 1px; } /*#appFastView .appFastViewProductHeading .appFastViewProductHeadingLinkLayout{ border-bottom: 1px solid #dddddd; padding-bottom: 4px; } */ #appFastView .appFastSkuProductPropertiesHeading, #appFastView .appFastViewProductPropertiesHeading { margin-top: 24px; font-size: 16px; } #appFastView .appFastViewProductPropertiesHeading { margin-bottom: 12px; } #appFastView .propertyTable { table-layout: fixed; display: table; width: 100%; } #appFastView .propertyTable { font-size: 13px; } #appFastView .propertyTable .propertyName, #appFastView .propertyTable .propertyValue { background-color: #ffffff; vertical-align: middle; display: table-cell; position: relative; overflow: hidden; padding: 4px 0; } #appFastView .propertyTable .propertyValue { padding-left: 12px; width: 40%; } #appFastView .propertyTable .propertyName:after { border-bottom: 1px dotted #cccccc; position: absolute; margin-left: 12px; height: 13px; content: ''; width: 100%; } #appFastView .propertyTable .propertyValue a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #555555; } #appFastView .propertyTable .propertyValue a:hover { color: #000000; } #appFastView .appFastViewDescription { display: none; } #appFastView .appFastViewDescription.visible { display: block; } #appFastView .appFastViewDescriptionHeading { margin-top: 24px; font-size: 16px; } #appFastView .appFastViewDescriptionText { line-height: 21px; margin-top: 12px; font-size: 13px; } #appFastView .skuPropertyList { margin: 0px 0px 0px -6px; overflow: hidden; list-style: none; padding: 0px; } #appFastView .skuProperty { overflow: hidden; margin: 12px 0; } #appFastView .skuProperty:last-child { margin-bottom: 0px !important; } #appFastView .skuPropertyName { padding-left: 2px; font-size: 13px; } #appFastView .skuProperty li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 12px; overflow: hidden; padding: 0px 6px; min-width: 18%; float: left; } #appFastView .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative; } #appFastView .skuProperty .disabled { display: none; } #appFastView .skuPropertyLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 28px; padding: 4px 6px; min-height: 28px; display: block; } #appFastView .skuPropertyLink:hover { opacity: 0.8; } #appFastView .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; } #appFastView .skuProperty .selected .skuPropertyLink { border: 1px solid #ff9601; } #appFastView .skuPropertyLink { border: 1px solid #dddddd; color: #000000; } #appFastView .appFastViewExit { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastView .appFastViewMoreLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-bottom: 24px; position: relative; margin-top: 24px; color: #000000; z-index: 0; } #appFastView .appFastViewMoreLink:hover { color: #555555; } #appFastView .appFastViewMoreLink:active { position: relative; top: 1px; } #appFastView .addCart { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; margin-bottom: 16px; border-radius: 4px; line-height: 60px; text-align: center; margin-top: 12px; font-size: 16px; display: block; color: #ffffff; height: 60px; } #appFastView .price { font-family: 'robotobold'; text-decoration: none; position: relative; line-height: 28px; margin-top: 12px; font-size: 21px; display: block; color: #000000; } #appFastView .getPriceWindow { line-height: 33px; } #appFastView .priceValue { border-bottom: 1px dashed #bbbbbb; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000000; } #appFastView .priceValue:hover { color: #333333; } #appFastView .priceValue:active { position: relative; top: 1px; } #appFastView .article { margin-top: 24px; color: #888888; } #appFastView .article.hidden { display: none; } #appFastView .discount { font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; color: #888888; } #appFastView .price .oldPriceLabel { font-family: 'roboto_ltregular'; text-decoration: none; margin-top: 6px; font-size: 14px; display: block; color: #888888; } #appFastView .price .discount, #appFastView .price .discount { font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; color: #888888; } #appFastView .icon { vertical-align: middle; display: inline-block; } #appFastView .addCart .icon { padding-right: 12px; margin-top: -4px; } #appFastView .rating { display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 15px; width: 79px; z-index: 2; } #appFastView .rating i { background: url(/local/templates/peptides/images/rating2.svg) repeat 0 0px transparent; background-size: 16px 30px; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #appFastView i.m { background: url(/local/templates/peptides/images/rating2.svg) repeat 0 -14px transparent; background-size: 16px 30px; width: 0px; z-index: 10; } #appFastView .icon { vertical-align: middle; display: inline-block; } #appFastView .appFastViewInformationColumn .row { margin-bottom: 12px; position: relative; } #appFastView .appFastViewInformationColumn .row img { vertical-align: middle; padding-right: 6px; margin-top: -4px; } #appFastView .appFastViewInformationColumn .label { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; text-decoration: none; line-height: 21px; font-size: 15px; color: #717171; } #appFastView .appFastViewInformationColumn a.label:hover { color: #000000; } #appFastView .appFastViewInformationColumn a.label:active { position: relative; top: 1px; } #appFastView .appFastViewInformationColumn a.inStock span { padding-bottom: 2px; } #personalCart input[name="BuyButton"] { margin-bottom: 24px; margin-top: 24px; display: block; } /*#appFastView .getPricesWindow .priceIcon{ margin-right: 0px; margin-left: 6px; }*/ #footerTabsCaption { line-height: 85px; margin-top: 24px; height: 85px; } #footerTabsCaption .items { text-align: center; overflow: hidden; } #footerTabsCaption .item:last-child { margin-right: 0px; } #footerTabsCaption .item { vertical-align: middle; display: inline-block; margin-right: 24px; } #footerTabsCaption .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; padding-bottom: 8px; font-size: 16px; } #footerTabs { overflow: hidden; } #footerTabs .tab { display: none; } #footerTabs .tab.selected { display: block; } #footerTabs .product:hover .wrap, #footerTabs .product:hover .tabloid, #personalCart .product:hover .wrap, #personalCart .product:hover .tabloid { box-shadow: none; } #footerTabs .product:hover .tabloid { border-color: transparent; } #personalCart .product:hover .tabloid { border-bottom-color: #e7e8ea; } #footerMessage { line-height: 60px; position: fixed; z-index: 997; bottom: 70px; right: 0; text-align: right; } #footerMessage .wrapper { box-sizing: border-box; text-align: right; } #footerMessage .item { vertical-align: middle; margin-top: 10px; } #footerMessage .item .skype .icon, #footerMessage .item .whatsapp .icon, #footerMessage .item .viber .icon, #footerMessage .item .telegram .icon { vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 60px; width: 60px; } #footerMessage .item .skype .icon { background: url(/local/templates/peptides/images/skype.png) 0 0 no-repeat; background-size: cover; } #footerMessage .item .skype .icon:hover { background: url(/local/templates/peptides/images/skype_sh.png) 0 0 no-repeat; background-size: cover; } #footerMessage .item .whatsapp .icon { background: url(/local/templates/peptides/images/whatsapp.png) 0 0 no-repeat; background-size: cover; } #footerMessage .item .whatsapp .icon:hover { background: url(/local/templates/peptides/images/whatsapp_sh.png) 0 0 no-repeat; background-size: cover; } #footerMessage .item .viber .icon { background: url(/local/templates/peptides/images/viber.png) 0 0 no-repeat; background-size: cover; } #footerMessage .item .viber .icon:hover { background: url(/local/templates/peptides/images/viber_sh.png) 0 0 no-repeat; background-size: cover; } #footerMessage .item .telegram .icon { background: url(/local/templates/peptides/images/telegram.png) 0 0 no-repeat; background-size: cover; } #footerMessage .item .telegram .icon:hover { background: url(/local/templates/peptides/images/telegram_sh.png) 0 0 no-repeat; background-size: cover; } #footerLine { line-height: 55px; position: fixed; z-index: 999; height: 55px; width: 100%; bottom: 0; } #footerLine.color_white { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25); background-color: #ffffff; border-color: #f3f3f3; } #footerLine.color_theme { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35); border-color: transparent; } #footerLine.color_white .item a { color: #000000; } #footerLine.color_theme .item a { color: #ffffff; opacity: 0.7; } #footerLine.color_theme .col:first-child .item a { opacity: 1; } #footerLine.color_theme .item .active { color: #ffffff; opacity: 1; } #footerLine.color_theme .item .active:hover { color: #ffffff; opacity: 0.85; } #footerLine.color_white .item a:hover, #footerLine.color_theme .col:first-child .item a:hover { opacity: 0.8; } #footerLine.color_white .item a:active { position: relative; top: 1px; } #footerLine.color_theme .col:first-child .item .callback:hover { color: #ffffff; opacity: 0.8; } #footerLine.color_white .item .compare .mark, #footerLine.color_white .item .wishlist .mark, #footerLine.color_white .item .cart .mark { background-color: #f6f6f6; color: #666666; } #footerLine.color_theme .item .compare .mark, #footerLine.color_theme .item .wishlist .mark, #footerLine.color_theme .item .cart .mark { background-color: #fcfcfc; color: #222222; } #footerLine.color_white .item .compare .icon, #footerLine.color_white .item .wishlist .icon, #footerLine.color_white .item .cart .icon { opacity: 0.8; } #footerLine.color_theme .item .compare .icon { background-image: url(/local/templates/peptides/images/compareFooterMinC.png); } #footerLine.color_theme .item .wishlist .icon { background-image: url(/local/templates/peptides/images/wishlistFooterMinC.png); } #footerLine.color_theme .item .cart .icon { background-image: url(/local/templates/peptides/images/cartFooterMinC.png); } #footerLine.color_theme .item .callback .icon { background-image: url(/local/templates/peptides/images/callbackFooterMinC.png); } #footerLine.color_white .item .compare:hover, #footerLine.color_white .item .wishlist:hover, #footerLine.color_white .item .cart:hover, #footerLine.color_white .item .compare:hover .mark, #footerLine.color_white .item .wishlist:hover .mark, #footerLine.color_white .item .cart:hover .mark { color: #000000; opacity: 1; } #footerLine.color_theme .item .compare:hover, #footerLine.color_theme .item .wishlist:hover, #footerLine.color_theme .item .cart:hover { color: #ffffff; opacity: 0.7; } #footerLine.color_white .item .compare.active:hover, #footerLine.color_white .item .wishlist.active:hover, #footerLine.color_white .item .cart.active:hover, #footerLine.color_white .item .compare.active:hover .mark, #footerLine.color_white .item .wishlist.active:hover .mark, #footerLine.color_white .item .cart.active:hover .mark { opacity: 0.8; } #footerLine .wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #footerLine .col { float: left; width: 50%; } #footerLine .col:last-child { text-align: right; } #footerLine .item .callback { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 14px; } #footerLine .item .callback .icon { vertical-align: middle; display: inline-block; margin-right: 4px; margin-top: -2px; height: 24px; width: 21px; } #footerLine .item .compare, #footerLine .item .wishlist, #footerLine .item .cart { text-transform: uppercase; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark { border-radius: 4px; margin-left: 12px; line-height: 20px; overflow: hidden; padding: 2px 12px; height: 20px; } #footerLine .item .compare .icon, #footerLine .item .wishlist .icon, #footerLine .item .cart .icon { vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 24px; width: 21px; } #footerLine .item .cart .icon { width: 26px; } #footerLine .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } /*#footerLine .col:first-child .item:first-child{ margin-left: 24px; } */ #footerLine .item { display: inline-block; vertical-align: middle; margin-right: 24px; } #footerLine .item a:active { position: relative; top: 1px; } #footerLine .item:last-child { margin-right: 0px; } #authMenu { margin-bottom: 24px; overflow: hidden; list-style: none; padding: 0; } #authMenu li { margin-bottom: 24px; margin-right: 24px; float: left; } #authMenu li:last-child { margin-right: 0; } #authMenu li a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 16px; } #authMenu li a:active { position: relative; top: 1px; } #authMenu li .selected { font-family: 'robotobold'; padding-bottom: 4px; } #empty { overflow: hidden; } #empty .emptyWrapper { padding-bottom: 24px; overflow: hidden; } #empty .pictureContainer { margin-right: 24px; float: left; } #empty h3 { font-family: 'robotobold'; text-transform: uppercase; font-weight: 400; font-size: 16px; padding: 0; margin: 0; } #empty p { font-size: 14px; } #empty a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } #empty a:active { position: relative; } #empty a img { vertical-align: middle; padding-right: 12px; } #empty .emptyTitle { text-transform: uppercase; font-family: 'robotobold'; margin-top: 24px; font-size: 14px; } #empty .emptyMenu { margin: 24px 0 0 0; list-style: none; overflow: hidden; padding: 0; } #empty .emptyMenu li { margin-bottom: 12px; width: 33.333333%; float: left; } #empty .back { padding-bottom: 2px; } #empty .back:active { position: relative; top: 1px; } #overlap { background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 33; left: 0px; top: 0px; } #searchOverlap { background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 34; left: 0px; top: 0px; } /* CLASSES */ /* The actual popup */ .popup .popuptext { visibility: hidden; width: 60px; text-align: center; /* border-radius: 6px; */ position: absolute; z-index: 1; bottom: 125%; /* left: 50%; */ margin-left: -70px; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} } .messicon { background: url(/local/templates/peptides/images/conversations-state.png) 0 0 no-repeat; background-size: cover; vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 60px; width: 60px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .messicon:hover{ background: url(/local/templates/peptides/images/conversations-mouseover.png) 0 0 no-repeat; background-size: cover; vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 60px; width: 60px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .top-auth-lang { color: #f9fafc; } .invoice_btm { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 55px; width: 240px; height: 55px; background: #27bfc1; border-radius: 4px; color: #ffffff; font-size: 16px; text-align: center; display: block; margin-top: 5px; margin-bottom: 5px; text-decoration: none; } .invoice_btm:hover { background: #079fa1; color: #ffffff; text-decoration: none; } .invoice_btm:focus { background: ##27bfc1; color: #ffffff; text-decoration: none; } .ajaxContainer { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ajaxContainer.loading { opacity: 0.5; } .personal-order-info { margin-bottom: 12px; } .personalInfoLabel { margin-top: 24px; font-size: 14px; } .productList { list-style: none; padding: 0; margin: 0; } .product { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; height: 346px; } .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5) { height: 347px; } .product.last { /* next page */ line-height: 346px; } .product .tabloid { -webkit-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: relative; overflow: hidden; padding: 12px; height: 345px; z-index: 1; } .product .markerContainer { position: absolute; z-index: 88; left: 8px; top: 8px; } .product .marker { font: normal normal 10px "roboto", arial, sans-serif; margin-bottom: 5px; line-height: 11px; padding: 3px 4px; z-index: 2; } .product .rating { position: absolute; width: 79px; z-index: 2; right: 8px; top: 8px; } .product .rating i { background: url(/local/templates/peptides/images/rating.svg) repeat 0 0px transparent; background-size: 16px 30px; position: absolute; display: block; height: 15px; width: 79px; left: 0px; top: 0px; } .product .rating i.m { background: url(/local/templates/peptides/images/rating.svg) repeat 0 -14px transparent; background-size: 16px 30px; z-index: 10; width: 0px; } .product .name { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } .product .middle { line-height: 21px; vertical-align: middle; display: inline-block; } .product .price { font-family: 'robotobold'; font-size: 18px; display: block; text-decoration: none; margin-bottom: 12px; } .product .price .measure { font-size: 16px; } .product .price .discount { font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; } .product .picture { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; display: block; text-align: center; height: 240px; line-height: 240px; } .product .picture img { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; max-height: 100%; max-width: 100%; } .product .picture:hover img { opacity: 0.85; } .product .picture:active { position: relative; top: 1px; } .loading .product .getFastView { pointer-events: none; } .product .getFastView, #catalogLineList .picture .getFastView, #specialProduct .productItem .getFastView { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; background-color: #2b2b2b; text-decoration: none; border-radius: 2px; visibility: hidden; position: absolute; text-align: center; margin-left: -75px; margin-top: -20px; line-height: 40px; cursor: pointer; color: #ffffff; /*display: none;*/ height: 40px; width: 150px; opacity: 0; z-index: 2; left: 50%; top: 50%; } .product:hover .getFastView, #catalogLineList .picture:hover .getFastView, #specialProduct .productItem .picture:hover .getFastView { visibility: visible; /*display: block;*/ opacity: 0.9; } .product .getFastView:hover, #catalogLineList .picture .getFastView:hover, #specialProduct .productItem .getFastView:hover { opacity: 1; } .product .addCart { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 60px; height: 60px; font-size: 16px; text-align: center; display: block; text-decoration: none; margin-top: 16px; margin-bottom: 12px; border-radius: 4px; } .product .icon { vertical-align: middle; display: inline-block; } .product .addCart .icon { padding-right: 12px; margin-top: -4px; } .product .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; overflow: hidden; } .product .label { font-family: 'roboto_condensedlight'; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; font-size: 14px; display: block; float: left; width: 55%; } .product .row .label:last-child { width: 45%; } .product .label .icon { padding-right: 6px; margin-top: -4px; } .inStock { color: #73b24e !important; text-decoration: none; } .inStock:hover { color: #73b24e !important; } a.inStock span { border-bottom: 1px dashed #73b24e !important; } a.inStock:hover span { opacity: 0.8; } .info_chat { background: url(/local/templates/peptides/images/peptides_infochat-topmenu.svg) no-repeat; background-size: contain; border: 0; vertical-align: middle; display: inline-block; width: 100px; height: 50px; } .info_chat_right { background: url(/local/templates/peptides/components/bitrix/catalog/.default/bitrix/catalog.element/.default/images/peptides_informchat-product.svg) no-repeat; background-size: contain; border: 0; vertical-align: middle; display: inline-block; width: 190px; height: 60px; } .outOfStock { color: #ff0000; } .outOfStock:hover { color: #ff0000; } .product .skuPropertyList { overflow: hidden; list-style: none; padding: 0px; margin: 0px; } .product .skuProperty { overflow: hidden; margin: 12px 0; } .product .skuPropertyName { padding-bottom: 2px; padding-left: 2px; font-size: 13px; } .product .skuProperty li { box-sizing: border-box; overflow: hidden; padding: 4px; float: left; min-width: 20%; } .product .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative; /*top: -2px;*/ } .product .skuProperty .disabled { display: none; } .product .skuPropertyLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 21px; padding: 6px 4px; font-size: 12px; display: block; } .product .skuPropertyLink:hover { opacity: 0.8; } .product .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; } /* product hover */ .product:hover { position: relative; } .product:hover .tabloid { position: absolute; height: auto; width: 100%; z-index: 3; } .product:hover .morePhoto { display: block; } .product.last .wp { vertical-align: middle; display: inline-block; text-align: center; line-height: 21px; width: 100%; } .product.last .showMore { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; vertical-align: middle; display: inline-block; text-align: center; width: 100%; } .product.last .showMore:hover { opacity: 0.7; } .product.last .icon { display: inline-block; margin-bottom: 12px; text-align: center; line-height: 21px; height: 54px; width: 100%; } .product.last .ps { font-size: 18px; } .product.last .value { padding-left: 6px; font-size: 18px; } .product.last .small { display: inline-block; width: 100%; } .sideBlock .heading { padding-left: 18px; } .heading.collapsed { text-decoration: none; overflow: hidden; margin-right: 24px; float: left; width: 355px; line-height: 50px; height: 50px; display: block; color: #ffffff; font-size: 16px; } .heading.collapsed ins { vertical-align: middle; display: inline-block; margin: 0 18px 0 0; line-height: 50px; padding: 0 12px; height: 50px; width: 24px; } .mfeedback .errortext, .mfeedback .mf-ok-text { font-weight: 400; font-size: 16px; } .mfeedback .mf-ok-text+form { display: none; } .mfeedback .mf-text { font-size: 14px; margin-top: 8px; } .mfeedback input, .mfeedback textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular", arial, sans-serif; margin-top: 8px; padding: 0 12px; height: 48px; border: 0px; } .mfeedback textarea { padding-top: 12px; height: 150px; outline: none; resize: none; } .mfeedback input[type="submit"] { cursor: pointer; padding: 0 48px; } #userPersonalInfoReg+label:before { margin-top: -2px; } #userPersonalInfoReg.error+label:before { border: 1px solid #ff0000 !important; } .bx-auth { overflow: hidden; } .bx-auth .alert { font-family: 'robotobold'; text-transform: uppercase; display: inline-block; margin-bottom: 24px; padding: 12px 48px; font-weight: 400; font-size: 12px; } .bx-auth .alert.small { font-family: "roboto_ltregular"; line-height: 28px; max-width: 600px; font-size: 14px; } .bx-authform-label-container { margin-bottom: 8px; } .bx-auth .bx-authform-description-container { margin-bottom: 12px; } .bx-auth .bx-captcha { /*margin-top: 28px;*/ } .bx-auth .bx-authform-formgroup-container { float: left; width: 450px; } .bx-auth .bx-authform-formgroup-container-line { overflow: hidden; } .bx-authform-input-container input[type="text"].bx-empty-field, .bx-authform-input-container input[type="password"].bx-empty-field { border-color: #dd4b39; } .bx-auth .registerText { padding-bottom: 24px; max-width: 800px; margin-top: 0px; display: block; } .bx-auth input { font-family: "roboto_ltregular", arial, sans-serif; font-size: 14px; } .bx-auth .leftContainer { margin-right: 48px; float: left; } .bx-auth .rightContainer { float: left; } .bx-auth .rightContainer p { max-width: 450px; display: block; } .bx-auth input[type="checkbox"]+label, .bx-auth input[type="radio"]+label { cursor: pointer; } .bx-auth input[type="checkbox"]:not(checked), .bx-auth input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .bx-auth input[type="checkbox"]:not(checked)+label, .bx-auth input[type="radio"]:not(checked)+label { position: relative; padding-left: 24px; } .bx-auth input[type="checkbox"]+label:before { background: url(/local/templates/peptides/images/checkBox.png) 0 0 no-repeat transparent; } .bx-auth input[type="radio"]+label:before { background: url(/local/templates/peptides/images/radio.png) 0 0 no-repeat transparent; } .bx-auth input[type="checkbox"]:not(checked)+label:before, .bx-auth input[type="radio"]:not(checked)+label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px; } .bx-auth input[type="checkbox"]:not(checked)+label:hover:before, .bx-auth input[type="radio"]:not(checked)+label:hover:before { background-position: 0 -17px; } .bx-auth input[type="checkbox"]:checked+label:before, .bx-auth input[type="radio"]:checked+label:before { background-position: 0 -34px; } .bx-auth input[type="checkbox"]:checked+label:hover:before, .bx-auth input[type="radio"]:checked+label:hover:before { background-position: 0 -51px; } .bx-auth input[type="checkbox"]:disabled+label, .bx-auth input[type="radio"]:disabled+label { cursor: default; } .bx-auth input[type="checkbox"]:disabled+label:before, .bx-auth input[type="radio"]:disabled+label:before { background-position: 0 -68px !important; } .bx-auth input[type="text"], .bx-auth input[type="password"] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; margin-top: 12xp; padding: 0 12px; width: 420px; height: 48px; border: 0; } .bx-auth .submit, .popup-window .btn { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; text-decoration: none; text-align: center; line-height: 48px; margin-top: 24px; cursor: pointer; font-size: 14px; height: 48px; width: 224px; border: 0; } .bx-auth .send .submit { margin-top: 12px; } .popup-window .btn { margin-left: 12px; line-height: 30px; margin-top: 0px; height: 30px; } .bx-auth .submit:active, .popup-window .btn:active { position: relative; top: 1px; } .bx-auth .clear { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; display: inline-block; text-decoration: none; text-align: center; margin-left: 12px; line-height: 48px; margin-top: 24px; font-size: 14px; cursor: pointer; height: 48px; width: 160px; } .bx-auth .submit:active { position: relative; top: 1px; } .bx-auth .forgot, .bx-auth .registerLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-left: 12px; } .bx-auth .registerLink { margin-left: 0; } .blackLink, .backToIndexPage { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog-item-links { margin-bottom: 12px; } .catalog-detail { margin-bottom: 12px; } .contactList { margin-bottom: 24px; margin-top: 24px; overflow: hidden; list-style: none; padding: 0; } .contactList li { margin: 0 40px 0 0; width: auto; display: inline-block; } .contactList li table { width: 100%; } .contactList li table td { vertical-align: middle; text-align: left; } .contactList li table td:first-child { padding-right: 12px; text-align: center; width: 42px; } .contactList li table td img { vertical-align: middle; } .contactList a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } .contactLabel { font-size: 16px; margin-top: 0; } .blurred { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); background: #ffffff; } /*.product .pic:hover img{}*/ .copyright img { vertical-align: middle; } .sn { overflow: hidden; float: right; } .sn li { line-height: 60px; float: left; } .sn a { display: block; height: 60px; width: 60px; } .sn .vk { background: url(/local/templates/peptides/images/sn.svg) 0 0 no-repeat transparent; background-size: 420px 120px; } .sn .fb { background: url(/local/templates/peptides/images/sn.svg) -60px 0 no-repeat transparent; background-size: 420px 120px; } .sn .od { background: url(/local/templates/peptides/images/sn.svg) -120px 0 no-repeat transparent; background-size: 420px 120px; } .sn .tw { background: url(/local/templates/peptides/images/sn.svg) -180px 0 no-repeat transparent; background-size: 420px 120px; } .sn .go { background: url(/local/templates/peptides/images/sn.svg) -240px 0 no-repeat transparent; background-size: 420px 120px; } .sn .yo { background: url(/local/templates/peptides/images/sn.svg) -300px 0 no-repeat transparent; background-size: 420px 120px; } .sn .vk:hover { background-position: 0 -60px; } .sn .fb:hover { background-position: -60px -60px; } .sn .od:hover { background-position: -120px -60px; } .sn .tw:hover { background-position: -180px -60px; } .sn .go:hover { background-position: -240px -60px; } .sn .yo:hover { background-position: -300px -60px; } #upButton { background: url(/local/templates/peptides/images/up.svg) 0 0 no-repeat transparent; background-size: cover; position: fixed; cursor: pointer; display: none; bottom: 58px; height: 85px; width: 85px; right: 70px; z-index: 99; } #upButton:hover { background-position: -85px 0; } #upButton:active { background-position: -170px 0; } #upButton.enb { display: block; } #upButton a { display: block; } #requestPrice { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; display: none; z-index: 1001; height: 100%; width: 100%; left: 0px; top: 0px; } #requestPrice #requestPriceResult { transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #requestPrice #requestPriceResultTitle { text-align: center; margin-top: 24px; font-size: 16px; } #requestPrice #requestPriceResultMessage { text-align: center; margin-top: 24px; } #requestPrice #requestPriceResultClose { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; color: #ffffff; display: block; height: 50px; width: 254px; } #requestPrice #requestPriceResultClose:active { position: relative; top: 1px; } #requestPrice #requestPriceContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 50%; top: 50%; } #requestPrice .requestPriceHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; height: 60px; } #requestPrice .requestPriceHeading .close { background: url(/local/templates/peptides/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #requestPrice .requestPriceHeading .close:hover { background-position: 0 -21px; } #requestPrice .requestPriceHeading .close:active { background-position: 0 -42px; } #requestPrice .requstProductContainer { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #requestPrice .productColumn { vertical-align: middle; display: table-cell; text-align: center; width: 320px; } #requestPrice .productNameBlock { padding: 0 24px; } #requestPrice .productNameBlock .productUrl { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; margin-bottom: 12px; line-height: 44px; overflow: hidden; font-size: 14px; display: block; color: #000000; height: 44px; } #requestPrice .productNameBlock .productUrl:active { position: relative; top: 1px; } #requestPrice .productImageBlock { text-align: center; line-height: 270px; display: block; height: 270px } #requestPrice .productImageBlock a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 270px; display: block; height: 270px; } #requestPrice .productImageBlock a:hover { opacity: 0.8; } #requestPrice .productImageBlock a:active { position: relative; top: 1px; } #requestPrice .productImageBlock img { vertical-align: middle; max-height: 100%; max-width: 100%; } #requestPrice .productNameBlock .middle { line-height: 21px; vertical-align: middle; display: inline-block; } #requestPrice .formColumn { vertical-align: middle; display: table-cell; width: 380px; } #requestPrice .requestPriceFormHeading { margin-bottom: 12px; text-align: center; margin-right: 24px; margin-top: 24px; font-size: 16px; display: block; } #requestPrice input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; margin-bottom: 12px; padding-left: 12px; width: 354px; height: 50px; border: 0; } #requestPrice input { background-color: #f3f3f3; color: #000000; } #requestPrice .personalInfoRequest { margin-bottom: 12px; } #requestPrice input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-bottom: 0px; margin-right: 6px; margin-top: -2px; height: 14px; width: 14px; } #requestPrice input[type="checkbox"].error+label { border-bottom: 1px solid #ff0000 !important; } #requestPrice textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; margin-bottom: 12px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #requestPrice textarea { background-color: #f3f3f3; } #requestPrice input:focus, #requestPrice textarea:focus { background-color: #e9e9e9; outline: none; } #requestPrice #requestPriceSubmit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer; display: block; color: #ffffff; height: 50px; width: 354px; } #requestPrice #requestPriceSubmit:active { position: relative; top: 1px; } #requestPrice #requestPriceSubmit.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #requestPrice #requestPriceSubmit.loading img { display: none; } #requestPrice #requestPriceSubmit img { vertical-align: middle; padding-right: 4px; margin-top: -2px; } #requestPrice .markerContainer { position: absolute; top: 0px; left: 12px; } #requestPrice .error { border: 1px solid #ff0000; } #searchSection a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000; } #searchSection a:hover { opacity: 0.7; } #stores { margin-top: 24px; font-size: 13px; } #stores .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; overflow: auto; } #stores .heading { border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #stores .storeTable { width: 100%; table-layout: fixed; border-collapse: collapse; min-width: 400px; } #stores .storeTable tr:nth-child(odd) td { background-color: #f9f9f9; } #stores .storeTable th { background-color: #f3f3f3; padding: 12px 24px; font-weight: 400; text-align: center; } #stores .storeTable td { /*border-top: 1px solid #e7e8ea;*/ text-align: center; padding: 12px 24px; } #stores .storeTable .name { text-align: left; width: 35%; } #stores .storeTable td.name { text-align: left; } #stores .storeTable .lb { display: inline-block; text-align: left; } #stores .storeTable .icon { vertical-align: middle; padding-right: 6px; margin-top: -4px; } #stores .storeTable .green { /*font-weight: 800;*/ color: #73b24e; } #stores .storeTable .red { color: #ff0000; } #stores .storeTable .picture { vertical-align: middle; padding-right: 12px; } #stores .storeTable a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; color: #000000; } #stores .storeTable a:hover { color: #888888; } #stores #storeMap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; padding: 0 24px; } #error404 { margin-bottom: 24px; text-align: center; } #error404 h1 { font-family: "roboto_thregular"; margin-bottom: 24px; text-align: center; line-height: 48px; font-size: 48px; } #error404 .errorPic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 48px; text-align: center; margin-top: 48px; display: block; } #error404 .errorPic img { max-height: 90%; max-width: 90%; } #error404 .errorPic:hover { opacity: 0.8; } #error404 .errorText { font-family: 'robotobold'; text-transform: uppercase; line-height: 28px; } #error404 .errorText a { color: #ff9601; } #error404 #empty { border-top: 1px solid #e5e5e5; margin-top: 48px; } #error404 #empty .emptyTitle { text-align: center; margin-top: 48px; } #error404 #empty .emptyMenu a { display: inline-block; width: 250px; text-align: left; } #middleSlider img { width: 100%; } #modef { left: 371px; } /* panels colors */ body.panels_white #homeCatalog .captionList { border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; } body.panels_white #homeCatalog .caption { border-left: 1px solid #e7e8ea; } body.panels_white #homeCatalog .caption:not(.selected):hover { background-color: #fbfbfb; } body.panels_white #homeCatalog .caption.selected a { color: #ffffff; } body.panels_white #homeCatalog .caption a { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #000000; } body.panels_white #homeCatalog .captionList .cItem:first-child { margin-left: -1px; } body.panels_white #homeCatalog #captionCarousel { margin-left: -1px; } body.panels_white #left .sideBlock .heading { border: 1px solid #e7e8ea; background-color: #ffffff; color: #000000; } body.panels_white #serviceBlock .sideBlockContent, body.panels_white #collectionBlock .sideBlockContent, body.panels_white #left #subscribe .sideBlockContent { border-top: 0px; } body.panels_white #left #subscribe .heading { border-left: 0px; border-right: 0px; } body.panels_white #right #popSection .heading, body.panels_white #right #brandList .heading { border: 1px solid #e7e8ea; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000000; } body.panels_white #brandList .item:nth-child(5n+1) { border-left: 1px solid #e7e8ea; } .payeezy_submit_button { border: none; min-width: 200px; box-sizing: boder-box; height: 50px; text-align: center; cursor: pointer; } .brand_button { min-width: 200px; color: #ffffff; background-color: #27bfc1; transition: all 0.2s ease-in-out; display: inline-block; text-decoration: none; text-align: center; line-height: 48px; margin-top: 24px; cursor: pointer; height: 48px; width: 224px; padding: 5px 10px; font-size: 16px; border-radius: 6px; border: 1px solid #ff7300; } .brand_button :hover { background: #079fa1; color: #ffffff; text-decoration: none; } .brand_button :focus { background: ##27bfc1; color: #ffffff; text-decoration: none; } @media all and (max-width: 1800px) { body.panels_white #right .heading { border-bottom: 0px; } } /* end panels colors */ @media all and (max-width: 1000px) { #error404 .errorText { display: none; } } /*#error404 .wrapper{ width: 1000px; margin: auto; }*/ .clean { position: relative; overflow: hidden; padding: 0 2px; } .limiter { padding: 0px 24px; max-width: 1920px; min-width: 320px; margin: auto; clear: both; } .limiter .compliter>div[id*="bx_"] { width: 355px; /*padding-right: 24px;*/ display: table-cell; vertical-align: top; } .limiter .compliter>div[id*="bx_"] #left { padding-right: 0 } /* page styles */ .priceTableContainer { max-width: 1000px; overflow-x: auto; min-width: 320px; } .priceTableStyle80 { border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .priceTableStyle80 th { font-family: "robotomedium"; background-color: #f7f7f7; border: 1px solid #e4e4e4; font-weight: normal; padding: 12px 24px; } .priceTableStyle80 td { border: 1px solid #e4e4e4; vertical-align: middle; padding: 12px 24px; text-align: left; color: #333333; } .mediumText { font-family: "robotomedium"; } .pagePicture { max-width: 100%; height: auto; } .skuPropertyValue.loading { position: relative; } .skuPropertyValue.loading img { opacity: 0; } .skuPropertyValue.loading:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; margin-left: -10px; left: 50%; background: url(/local/templates/peptides/images/loaderMin.gif) 50% 50% no-repeat #fff; } .clear { clear: both; } .hidden { display: none; } .hiddenZone { display: none; } @media all and (max-height: 470px) { #footerMessage { line-height: 50px; } #footerMessage .item { margin-top: 2px; } #footerMessage .item .skype .icon, #footerMessage .item .whatsapp .icon, #footerMessage .item .viber .icon, #footerMessage .item .telegram .icon { height: 45px !important; width: 45px !important; } } @media all and (max-height: 380px) { #footerMessage { line-height: 30px; } #footerMessage .item { margin-top: 4px; } #footerMessage .item .skype .icon, #footerMessage .item .whatsapp .icon, #footerMessage .item .viber .icon, #footerMessage .item .telegram .icon { height: 40px !important; width: 40px !important; } } @media all and (max-height: 356px) { #footerMessage { display: none; } } @media all and (max-width: 1800px) { .product { height: 346px !important; width: 25% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+4) { height: 347px !important; } #brandList .item, #popSection .item { width: 25% !important; border: 0 !important; /* clear old */ } #catalogLineList .prop { width: 80%; } #catalogTableList .column:nth-child(3) { display: none; } .product { border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+4) { border-top: 1px solid #e7e8ea !important; } .product:nth-child(4n+1) { border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1) { border-left: 1px solid #e7e8ea !important; } #bigDataCarousel .product:nth-child(4n+1), #viewedProduct .product:nth-child(4n+1), #topProduct .product:nth-child(4n+1) { border-left: none !important; } #bigDataCarousel .productList>li:first-child .product, #viewedProduct .productList>li:first-child .product, #topProduct .productList>li:first-child .product { border-left: 1px solid #e7e8ea !important; } } @media all and (max-width: 1650px) { #bannersBlock { display: none; } #sliderBlock { width: 100%; } } @media all and (max-width: 1555px) { #Newfooter .social_block { margin-right:0; float: left; height: auto; } #Newfooter .social_block_item, #Newfooter .fb, #Newfooter .go, #Newfooter .yo { border: none; } } @media all and (max-width: 1550px) { #catalogLineList .description { display: none; } #catalogLineList .prop { width: 100%; } #catalogTableList .column:nth-child(4) { display: none; } #left { width: 320px; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 386px; } #modef { left: 335px; } } @media all and (max-width: 1500px) { #footer .information .label { display: block; } #catalogLineList .column:first-child { width: 340px; } #middleSlider { display: none; } #middleSlider img { max-width: 100%; } #newsContainer .column { width: 100%; } #newsContainer .column .item { overflow: hidden; } #newsContainer .column .item .bigPicture { margin-right: 48px; float: left; width: 30%; } .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn { width: 250px !important; } } @media all and (max-width: 1493px) { #headerTools .wishlist .nf { display: none; } #headerTools .compare .nf { display: none; } } @media all and (max-width: 1366px) { #catalogLineList .column:first-child { width: 300px; } .contactList li { margin-bottom: 10px; width: 45%; } .mfeedback input, .mfeedback textarea, div.mf-name input, div.mf-email input, div.mf-message textarea { width: 100%; } .mfeedback input[type="submit"] { width: 200px; } #left { width: 280px; } .disabled1366 { display: none; } #modef { left: 295px; } } @media all and (max-width: 1300px) { #logo { width: 196px; } #topService .city { display: none; } #footer .nav>li { width: 33.313131%; } #footer .nav>li:last-child { display: none; } #middleSlider { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 384px; } #footer .rightTable .leftColumn { display: none; } #rightFooter { width: 23%; } #empty .emptyMenu li { width: 50%; } .product { height: 346px !important; width: 33.33333% !important; border: 0 !important; } .product:nth-child(-n+4) { height: 346px !important; border-top: 0 !important; } .product:nth-child(4n+1) { border-left: 0 !important; } .product:nth-child(-n+3) { height: 347px !important; } #brandList .item, #popSection .item { width: 33.33333% !important; border: 0 !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } .product { border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+3) { border-top: 1px solid #e7e8ea !important; } .product:nth-child(3n+1) { border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+3), #popSection .item:nth-child(-n+3) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 1px solid #e7e8ea !important; } .disabled1366 { display: block; } } @media all and (max-width: 1300px) and (min-width: 1100px) { .product:nth-child(3n+1).last, #popSection .item:nth-child(3n+1).last, #brandList .item:nth-child(3n+1).last { line-height: 70px !important; height: 70px !important; width: 100% !important; } .product:nth-child(3n+1).last .icon, #popSection .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .icon { display: none; } .product:nth-child(3n+1).last .small, #popSection .item:nth-child(3n+1).last .small, #brandList .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 1280px) { .global-block-container { min-height: auto !important; } .global-block-container .global-information-block { display: none; } #left { width: 330px; } #homeCatalog .captionList { line-height: 55px; height: 55px; } #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft { top: -2.5px; } #left #specialProduct .specialProductHeading, #left .sideBlock .heading, #right .heading { line-height: 55px; height: 55px; } #modef { left: 345px; } .secure{ width: 60%; padding-top: 5px; } } @media all and (max-width: 1267px) { .telephone1 { display: none; } } @media all and (max-width: 1200px) { #catalog-section-banners { display: none; } #homeCatalog .item:nth-child(2n) { border-right: 0; } #homeCatalog .item { width: 50%; } #footerLine .col:first-child { width: 30%; } #footerLine .col:last-child { width: 70%; float: right; } #footerLine .col:first-child .item:nth-child(1n+2) { display: none; } #catalogLineList .column:last-child, #catalogLineList .itemRow { overflow: hidden; display: block; } #catalogLineList .column:first-child { width: 40%; } #catalogLineList .column:nth-child(2) { width: 60%; } #catalogLineList .column:first-child, #catalogLineList .column:nth-child(2) { float: left; } #catalogLineList .column:last-child { line-height: 60px; padding: 0 0; height: 60px; border: 0px; width: 100%; clear: both; } #catalogLineList .resizeColumn { text-align: center; width: 30%; float: left; } #catalogLineList .column .resizeColumn.last { text-align: right; width: 40%; } #catalogLineList .column:last-child .priceLabel { display: inline-block; padding-left: 24px; float: none; } #catalogLineList .column:last-child .price { display: inline-block; margin: 0px; } #catalogLineList .column:last-child .addCart { display: inline-block; margin: 9px auto; line-height: 40px; padding: 0 24px; font-size: 14px; height: 40px; width: auto; } #catalogLineList .column:last-child .optional { margin: 9px 0 0 0px; font-size: 14px; } #catalogLineList .column:last-child .optional .row { margin-bottom: 4px; padding: 0px; } #catalogLineList .column:last-child .optional .label { text-align: left; font-size: 14px; width: 50%; } #catalogLineList .column:last-child .article { display: none; } #catalogTableList .column:nth-child(7) { display: none; } #homeCatalog .item:nth-child(5n) { border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(4n) { border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(3n) { border-right: 1px solid #e7e8ea; } #catalogLineList .column:last-child { background-color: #f9f9f9; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 36px; margin-top: 12px; font-size: 30px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 24px; margin-top: 12px; font-size: 16px; } #slider .sliderContent .cButton, #slider .sliderContent .cButtonLight { margin-top: 12px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { margin-top: 12px; } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none; } #slider .sliderContent { left: 24px; } #slider .leftContainer { left: 24px; } #slider .rightContainer { right: 24px; } #leftMenu li .pc { display: none; } #leftMenu .pc, #leftMenu .tx { padding: 8px 24px; } #left { width: 260px; } #modef { left: 275px; } } @media all and (max-width:1212px) { #footerBottom .social { display: none !important; } } @media all and (max-width: 1176px) { #headerTools .nf { display: none; } } @media all and (max-width: 1100px) { .product { height: 346px !important; width: 50% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3) { height: 346px !important; border-top: 0 !important; } .product:nth-child(3n+1) { border-left: 0 !important; } .product:nth-child(-n+2) { height: 347px !important; } #brandList .item, #popSection .item { width: 50% !important; border: 0 !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } #catalogLine .column:last-child .label { display: none; } .product { border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+2) { border-top: 1px solid #e7e8ea !important; } .product:nth-child(2n+1) { border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+2), #popSection .item:nth-child(-n+2) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1) { border-left: none !important; } } #vb_mb { display: none !important; } #tg_mb { display: none !important; } @media (max-width:1024px) { #vb_pk { display: none !important; } #vb_mb { display: inline-block !important; } #tg_pk { display: none !important; } #tg_mb { display: inline-block !important; } } @media all and (max-width: 1024px) { #colorSwitcher { display: none !important; } #left .collapsed { display: none; } #bestsellers { margin-top: 0; } #left { margin-bottom: 24px; } #left, #right { display: block; width: 100%; } #smartFilter .heading { line-height: 46px; height: 46px; } #left #promoBlock, #left #serviceBlock, #left #collectionBlock, #left #newsBlock, #left #popCats, #left #subscribe, #left .banner, #footer .top .left, #headerTools .nf, .product:hover .fastShow { display: none; } #right { padding-left: 0px; } .drop { display: none !important; } #rightFooter { display: none; } #smartFilter .heading { cursor: pointer; } #nextSection ul { display: block; } #nextSection .title { cursor: pointer; } #smartFilterForm { display: none; } #smartFilterForm .slider { display: none; } .appZoomContainerImage { max-width: 60vh !important; max-height: 60vh !important; } #reformal_tab { display: none !important; } .product .getFastView, #specialProduct .productItem .getFastView, #catalogLineList .picture .getFastView { display: none !important; } #appFastView { display: none !important; } #fastViewStores { display: none !important; } #slider ol { display: none; } #specialBlock { display: none !important; } .product { height: 346px !important; width: 33.33333% !important; border: 0 !important; } .product:nth-child(-n+4) { height: 346px !important; border-top: 0 !important; } .product:nth-child(4n+1) { border-left: 0 !important; } .product:nth-child(-n+3) { height: 347px !important; } #brandList .item, #popSection .item { width: 33.33333% !important; border: 0 !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } .product { border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+3) { border-top: 1px solid #e7e8ea !important; } .product:nth-child(3n+1) { border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+3), #popSection .item:nth-child(-n+3) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 1px solid #e7e8ea !important; } #leftMenu li .pc { display: table-cell; } #leftMenu .pc, #leftMenu .tx { padding: 8px; } #slider .videoPoster { display: block; } #slider .slideVideo { display: none; } .templateSwitcherSettings, .templateSwitcher { display: none !important; } } @media all and (max-width: 1000px) { .info_chat_right { width: 120px; height: 40px; } } @media all and (max-width: 1024px) and (min-width: 870px) { .product:nth-child(3n+1).last, #popSection .item:nth-child(3n+1).last, #brandList .item:nth-child(3n+1).last { line-height: 70px !important; height: 70px !important; width: 100% !important; } .product:nth-child(3n+1).last .icon, #popSection .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .icon { display: none; } .product:nth-child(3n+1).last .small, #popSection .item:nth-child(3n+1).last .small, #brandList .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 870px) { .product { height: 346px !important; width: 50% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3) { height: 346px !important; border-top: 0 !important; } .product:nth-child(3n+1) { border-left: 0 !important; } .product:nth-child(-n+2) { height: 347px !important; } #brandList .item, #popSection .item { width: 50% !important; border: 0 !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } #headerTools .nf { display: none; } #catalogLine .column:last-child .label { display: none; } .product { border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+2) { border-top: 1px solid #e7e8ea !important; } .product:nth-child(2n+1) { border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+2), #popSection .item:nth-child(-n+2) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1) { border-left: 1px solid #e7e8ea !important; } } @media all and (max-width: 850px) { #leftFooter .column { width: 50%; } #leftFooter .column:last-child { display: none; } #footerLine .col:first-child { display: none; } #footerLine .col:last-child { text-align: center; width: 100%; float: left; } #catalogLineList .column:last-child .priceLabel, #catalogLineList .column:last-child .price { font-size: 18px; } #modef { display: none !important; } } @media all and (max-width:785px) { #footerBottom { overflow: hidden; clear: both; height: auto; padding-left: 24px; } } @media all and (max-width: 946px) { #headerTools .tools .compare, #headerTools .tools .wishlist { display: none; } } @media (max-width:767px) { .secure{ width: 90%; padding-top: 5px; } } @media all and (max-width: 750px) { #requestPrice .productColumn { display: none; } #requestPrice .formColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; width: 100%; } #requestPrice input, #requestPrice textarea, #requestPrice #requestPriceSubmit { width: 100%; } #requestPrice input { height: 45px; } #requestPrice textarea { height: 50px; } #requestPrice #requestPriceContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; transform: translateX(-50%); padding-right: 0px; padding-left: 0px; margin-left: 0px; width: 90%; left: 50%; } /* #requestPrice .requstProductContainer{ background-color: #ffffff; }*/ #requestPriceForm { margin-bottom: 24px; } #requestPrice .requestPriceFormHeading { margin-right: 0px; } } @media all and (max-width: 732px) { #subHeader #logo, #subHeader.color_theme #logo, #subHeader.color_black #logo { border: 0; } .limiter { padding: 0; } } @media all and (max-width: 700px) { #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 300px; } #topMenu { margin-left: 12px; } #topSearch form { box-sizing: border-box; } #topMessage form { box-sizing: border-box; } #left { width: 100%; padding: 0 12px; box-sizing: border-box; display: block; } #right { display: block; margin-top: 24px; padding: 0 12px; box-sizing: border-box; } #leftMenu li a { font-size: 16px; } #footer .top { box-sizing: border-box; padding: 0 12px; } #footer .bottom { box-sizing: border-box; padding: 0 12px; } #footer .bottom .left { width: 60px; } #flushFooterCart .item:nth-child(1) { display: none; } #catalogLine .column:nth-child(2) { display: none; } .copyright img { display: none; } .copyright { display: block; width: 60px; height: 60px; background: url(/local/templates/peptides/images/sn.png) -360px -0px no-repeat transparent; } .copyright:hover { background-position: -360px -60px; } #catalogLineList .resizeColumn { width: 40%; } #catalogLineList .column .resizeColumn.last { width: 20%; } #catalogLineList .column:last-child .optional .label { width: 100% } #catalogLineList .column:last-child .optional .label:first-child { display: none; } #catalogLineList .column:last-child .priceLabel { display: none; } #catalogTableList .column:nth-child(8) { display: none; } #appBasket { display: none !important; } #overlap { display: none !important; } .blurred { -webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -o-filter: blur(0px) !important; filter: blur(0px) !important; } #upButton { display: none !important; } #newsContainer .column .item .bigPicture { width: 100%; float: none; } #catalogSection .sectionItems .item .itemContainer .description { display: none; } div.mf-name, div.mf-email, div.mf-captcha, div.mf-message { width: 100%; } .product .row:first-child { display: none; } .info_chat_right { width: 140px; height: 45px; } } @media all and (max-width: 535px) { #Newfooter .fb, #Newfooter .go, #Newfooter .yo { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 216px; } } @media all and (max-width: 634px) { #footerTabsCaption, #footerTabs { display: none; } #catalogLineList .column { width: 50%; } #catalogLineList .prop { display: none; } #catalogLineList .column .resizeColumn { width: 50%; } #catalogLineList .column .resizeColumn.last { display: none; } #catalogTableList .column:nth-child(1) { display: none; } #catalogTableList .column:nth-child(2) { padding-left: 24px; width: auto; } .contactList li { margin-bottom: 6px; width: 100%; } #empty .emptyMenu li { width: 100%; } } @media all and (max-width: 669px) { #subHeader #headerTools .tools li, #subHeader.color_theme #headerTools .tools li, #subHeader.color_black #headerTools .tools li, #subHeader.color_black #topHeading { border: none !important; padding: 0 3px; } } @media all and (max-width: 600px) { .tdimg { display: none; } } @media all and (max-width: 546px) { .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register, .top-auth-b2b, .top-auth-lang { border: none !important; position: absolute; top: 103px; } .top-auth-b2b { left: 95px; } .top-auth-lang { left: 12px; } .top-auth-personal, .top-auth-login { left: 130px; } .top-auth-exit { left: 220px; } .top-auth-register { left: 170px; } #subHeader #headerTools, #subHeader.color_theme #headerTools, #subHeader.color_black #headerTools { border: 0; } #headerTools .telephone { line-height: 21px !important; border: none !important; position: absolute; padding: 0px; right: 0px; top: 107px; } #headerTools .telephone .nf { margin: 0; float: none; display: block; } #headerTools .telephone .nf .heading { display: none; } #headerTools .telephone .nf .heading:first-child { font-family: "robotomedium"; font-size: 14px; display: block; color: #888888; } #headerTools .telephone .callBack { display: none; } #subHeader #topService, #subHeader.color_theme #topService, #subHeader.color_black #topService { border: none; } #topHeader #topService li, #topHeader.color_theme #topService li, #topHeader.color_black #topService li { padding: 0px; border: none; } #topService.color_theme>li>a { color: #ffffff !important; } #topService.color_theme>li>a:hover { opacity: 0.8; } #topHeader.color_theme #topService, #topHeader.color_black #topService { border: 0; } #logo { padding-left: 12px; line-height: 80px; height: 80px; width: 140px; } #topHeading .vertical { line-height: 80px; } .info_chat { width: 80px; height: 40px; } #headerTools .tools li { line-height: 80px; } #topMenu { margin-left: 0px; } .user-geo-position { padding-right: 12px; text-align: right; } #topMessage input[type="text"] { padding-left: 6px; } #topService li a { color: #888888; } #panel { position: fixed; z-index: 9999; } #logo { text-align: left; } #topMessage input[type="text"] { font-size: 14px; } #topSeachCloseForm { font-size: 13px; } } @media all and (max-width: 486px) { #catalogLine .column:last-child { display: none; } } @media all and (max-width: 480px) { .product { height: 346px !important; width: 100% !important; border: 0 !important; /* clear old */ } #subHeader.color_black #topHeading { padding: 0; } .product:nth-child(-n+3) { height: 346px !important; border-top: 0 !important; } .product:nth-child(3n+1) { border-left: 0 !important; } .product:nth-child(-n+1) { height: 347px !important; } #brandList .item, #popSection .item { width: 100% !important; border: 0 !important; /* clear old */ } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } #homeCatalog { margin-top: 0px; } #slider { margin-bottom: 24px; } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none !important; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 240px; } #leftFooter .column { width: 100%; } #leftFooter .column:nth-child(2n) { display: none; } #flushFooterCart .item:nth-child(2) { display: none; } .sn { display: none; } #catalogTableList .column:nth-child(2) { margin-top: 0px; } #catalogTableList .column { text-align: center; display: block; } #catalogTableList .column:nth-child(1) { margin-top: 24px; display: block; } #catalogTableList .name { text-align: center; } #catalogTableList .price .discount { right: 48px; } #catalogTableList .addCart, #catalogTableList .more { margin: 0; } .product { border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important; } .product:nth-child(-n+1) { border-top: 1px solid #e7e8ea !important; } .product:nth-child(1n+1) { border-left: 1px solid #e7e8ea !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+1), #popSection .item:nth-child(-n+1) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(1n+1), #popSection .item:nth-child(1n+1) { border-left: 1px solid #e7e8ea !important; } #leftFooter .heading { text-align: center; } #leftFooter ul { text-align: center; } #footerBottom .creator { text-align: center; padding: 0px; float: none; } #slider .sliderContent { text-align: center; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: unset; left: unset; width: 100%; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 30px; font-size: 24px; } #slider .sliderContent br { display: none; } #slider ul li span { -webkit-filter: url(#blur); filter: url(#blur); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-transition: 1s -webkit-filter linear; transition: 1s filter linear; } #slider ul li span:hover { transform: scale(1); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-filter: blur(0px); filter: blur(0px); } } @media all and (max-width: 440px) { #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 190px; } } @media all and (max-width: 392px) { #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 163px; } } @media all and (max-width: 450px) { .user-geo-position-label { display: none; } } @media all and (max-width: 430px) { #requestPrice #requestPriceContainer { height: 450px; } #requestPrice .requestPriceHeading { font-size: 16px; } #requestPrice .requestPriceHeading .close { display: none; } #requestPrice .requestPriceFormHeading { margin-top: 32px; } } @media all and (max-width: 456px) { #headerTools .message .wrap { display: none; } } @media all and (max-width: 400px) { #logo { width: 120px; padding-left: 12px; } .info_chat { width: 80px; height: 40px; } .bx-auth .forgot{ font-weight: bold; display: table; margin-left: 0px; margin-top: 12px; font-size: 14pt; } } @media all and (max-width: 360px) { #catalogLine { display: none; } #headerTools .tools li { border-left: none; } #logo { width: 100px; } } @media all and (max-width: 337px) { #headerTools .search .wrap { display: none; } } @media all and (max-width: 300px) { #headerTools .tools .telephone { display: none !important; } } #ORDER_CONFIRM_BUTTON { text-shadow: none !important; height: 50px !important; line-height: 50px !important; } .addCart.disabled { pointer-events: none; cursor: default; } .addCart.requestPrice { background-color: #2b2b2b !important; pointer-events: auto !important; cursor: pointer !important; } .addCart.requestPrice:hover { opacity: 0.8 !important; } .addCart.requestPrice:active { position: relative; top: 1px; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 50px; cursor: pointer; padding: 0 48px; height: 50px; border: 0px; } div.bx-debug-summary { z-index: 99999 !important; } .appZoomContainerExit { background: url(/local/templates/peptides/images/exitWindow.png) 0 0 no-repeat transparent; position: absolute; height: 38px; width: 38px; right: -38px; top: -38px; } .appZoomContainerExit:hover { background-position: 0px -38px; } .appZoomContainerExit:active { background-position: 0px -76px; } #appZoomWindow .appZoomContainer { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appZoomWindow .appZoomContainer.loading { background: url(/local/templates/peptides/images/windowLoader.gif) 50% 50% no-repeat transparent; min-height: 100px; min-width: 100px; } .fastBack.disabled { /*pointer-events: none;*/ cursor: not-allowed; } .fastBack.disabled:hover { color: #717171; } .fastBack.disabled:active { top: 0px; } .getPricesWindow { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer !important; } .getPricesWindow:hover { color: #444444; } .getPricesWindow:active { position: relative; top: 1px; } .getPricesWindow .priceIcon { background: url(/local/templates/peptides/images/priceInfo.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -2px; height: 21px; width: 21px; } .getPricesWindow .priceIcon:hover { background-position: 0px -21px; } .getPricesWindow .priceIcon:active { background-position: 0px -42px; } .global-block-container { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .global-content-block, .global-information-block { display: table-cell; vertical-align: top; } .global-information-block { position: relative; padding-left: 40px; overflow: hidden; width: 280px; } .global-information-block.fixed .global-information-block-cn { padding-top: 24px; overflow: hidden; position: fixed; width: 280px; top: 0px } .global-information-block-hide-scroll { padding-right: 24px; max-height: 100vh; overflow: auto; width: 320px; } .global-information-block-hide-scroll-cn { width: 280px; } .global-information-block.max-scroll .global-information-block-cn { position: absolute; bottom: 0px; top: auto; } .information-heading { font-family: "robotomedium"; margin-bottom: 12px; font-size: 21px; } .information-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; color: #555555; } .information-list-item { border: 1px solid #f1f1f1; border-radius: 2px; padding: 12px 12px; margin-top: 24px; } .information-item-icon { padding-right: 24px; width: 42px; } .information-list-item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } .information-list-item a:hover { color: #777777; } .information-list-item a:active { position: relative; top: 1px; } .information-feedback-container { margin-top: 24px; } .information-feedback { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration: none; text-align: center; padding: 18px 12px; font-size: 16px; display: block; } .information-feedback:active { position: relative; top: -1px; } .pilink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #888888; } .pilink:hover { opacity: 0.7; } .pilink:active { position: relative; top: 1px; } .tb { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .tc { vertical-align: middle; display: table-cell; } #catalog-section-banners { margin: 24px 0px; clear: both; } #catalog-section-banners li { list-style: none; } #catalog-section-banners li img { width: 100%; } #catalog-section-banners ol { margin: 0px; padding: 0px; list-style: none; position: absolute; left: 50%; bottom: 12px; } #catalog-section-banners ol { position: absolute; left: 50%; bottom: 12px; } #catalog-section-banners ol li { background: url(/local/templates/peptides/images/slideButtonSect.png) 0 0 no-repeat transparent; margin-right: 4px; width: 18px; height: 18px; float: left; cursor: pointer; } #catalog-section-banners ol li:hover { background: url(/local/templates/peptides/images/slideButtonSect.png) -18px 0 no-repeat transparent; } #catalog-section-banners ol li:active { background: url(/local/templates/peptides/images/slideButtonSect.png) -36px 0 no-repeat transparent; } #catalog-section-banners ol li.selected { background: url(/local/templates/peptides/images/slideButtonSect.png) -54px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:hover { background: url(/local/templates/peptides/images/slideButtonSect.png) -72px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:active { background: url(/local/templates/peptides/images/slideButtonSect.png) -90px 0 no-repeat transparent; } #catalog-section-banners .catalog-section-banners-btn-left, #catalog-section-banners .catalog-section-banners-btn-right { background: url(/local/templates/peptides/images/slideArrowSect.png) no-repeat transparent; position: absolute; margin-top: -30px; display: block; height: 60px; width: 30px; top: 50%; } #catalog-section-banners .catalog-section-banners-btn-left { background-position: 0 0; left: 0px; } #catalog-section-banners .catalog-section-banners-btn-left:hover { background-position: -30px 0; } #catalog-section-banners .catalog-section-banners-btn-left:active { background-position: -60px 0; } #catalog-section-banners .catalog-section-banners-btn-right { background-position: 0 -60px; right: 0px; } #catalog-section-banners .catalog-section-banners-btn-right:hover { background-position: -30px -60px; } #catalog-section-banners .catalog-section-banners-btn-right:active { background-position: -60px -60px; } .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { color: #23527c !important; } #colorSwitcher { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); transform: translateX(192px); background-color: #ffffff; margin-top: -275px; text-align: center; position: fixed; z-index: 99999; height: 550px; width: 192px; right: 0px; top: 50%; } #colorSwitcher:hover { transform: translateX(0); } #colorSwitcher .settingTouch { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-align: center; position: absolute; line-height: 50px; height: 50px; width: 50px; left: -50px; } #colorSwitcher .settingTouch:hover { background: #2b2b2b; } #colorSwitcher .settingTouchPicture { background: url(/local/templates/peptides/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; vertical-align: middle; display: inline-block; height: 24px; width: 24px; } #colorSwitcher:hover .settingTouchPicture { transform: rotate(360deg); } #colorSwitcher .title { text-transform: uppercase; font-family: 'robotobold'; text-align: center; margin-top: 12px; } #colorSwitcher .items, #colorSwitcher .backgroundItems { text-align: center; margin-top: 12px; overflow: hidden; } #colorSwitcher .menuSelect { margin-top: 12px; } #colorSwitcher .menuSelect select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; outline: none; height: 35px; width: 85%; } #colorSwitcher .menuSelect option { padding: 12px 0px; } #colorSwitcher .item { margin-bottom: 12px; margin-left: 12px; height: 48px; width: 48px; float: left; } #colorSwitcher .item:nth-child(3n+1) { /*margin-left: 0px;*/ } #colorSwitcher .close { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: rgba(0, 0, 0, 0.8); text-decoration: none; display: inline-block; margin-top: 8px; text-align: center; border-radius: 4px; line-height: 30px; padding: 0 24px; color: #ffffff; } #colorSwitcher .close:hover { background-color: rgba(0, 0, 0, 1); } #colorSwitcher .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 50%; display: block; height: 48px; width: 48px; } #colorSwitcher .selected a { background-image: url(/local/templates/peptides/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; } #colorSwitcher .item .color1 { background-color: #ff9601; } #colorSwitcher .item .color1:hover { background-color: #ffb800; } #colorSwitcher .item .color2 { background-color: #fb9bad; } #colorSwitcher .item .color2:hover { background-color: #f3889d; } #colorSwitcher .item .color3 { background-color: #ff855f; } #colorSwitcher .item .color3:hover { background-color: #e77652; } #colorSwitcher .item .color4 { background-color: #daa550; } #colorSwitcher .item .color4:hover { background-color: #e4a540; } #colorSwitcher .item .color5 { background-color: #b15b49; } #colorSwitcher .item .color5:hover { background-color: #a05a4b; } #colorSwitcher .item .color6 { background-color: #f44336; } #colorSwitcher .item .color6:hover { background-color: #d42d20; } #colorSwitcher .item .color7 { background-color: #acce11; } #colorSwitcher .item .color7:hover { background-color: #94b20e; } #colorSwitcher .item .color8 { background-color: #27c148; } #colorSwitcher .item .color8:hover { background-color: #19cc3f; } #colorSwitcher .item .color9 { background-color: #27bfc1; } #colorSwitcher .item .color9:hover { background-color: #25ccce; } #colorSwitcher .item .color10 { background-color: #3498db; } #colorSwitcher .item .color10:hover { background-color: #2395e1; } #colorSwitcher .item .color11 { background-color: #2a65d0; } #colorSwitcher .item .color11:hover { background-color: #0d57dc; } #colorSwitcher .item .color12 { background-color: #0061b2; } #colorSwitcher .item .color12:hover { background-color: #006ac2; } #colorSwitcher .item .color13 { background-color: #c651d0; } #colorSwitcher .item .color13:hover { background-color: #d75ee1; } #colorSwitcher .item .color14 { background-color: #c12752; } #colorSwitcher .item .color14:hover { background-color: #c61c4b; } #colorSwitcher .item .color15 { background-color: #ed1c24; } #colorSwitcher .item .color15:hover { background-color: #ff232b; } #colorSwitcher .item .white { background-color: #eeeeee; } #colorSwitcher .item .black { background-color: #000000; } .colorSwitcherLoader { background-color: rgba(0, 0, 0, 0.4); text-align: center; position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9999; } .colorSwitcherLoader svg { height: 180px; width: 180px; margin: auto; overflow: visible; position: absolute; margin-top: -120px; top: 50%; left: 50%; display: none; } .colorSwitcherLoader.visible svg { display: block; } .bx-soa-pp-company { z-index: 1 !important; } #bx-soa-order * { -webkit-box-sizing: border-box !Important; -moz-box-sizing: border-box !Important; box-sizing: border-box !Important; } #reformal_tab { z-index: 9991 !important; } .sale_order_full_table input[name="BuyButton"] { margin-bottom: 24px; } .microdata { display: none; } .templateSwitcher { background-color: #ffffff; -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3); transform: translateX(500px); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; overflow: hidden; position: fixed; z-index: 9998; width: 360px; height: 100%; right: 0px; top: 0px; } .templateSwitcher.opened { transform: translateX(0px); } .templateSwitcherScroll { overflow: auto; height: 100%; width: 390px; } .templateSwitcherScrollContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 24px 0px; padding: 0 24px; width: 360px; } .templateSwitcherSettings { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; animation-name: bounceInDown; animation-duration: 2s; animation-fill-mode: both; text-align: center; margin-top: -100px; line-height: 50px; cursor: pointer; position: fixed; z-index: 9999; height: 198px; width: 51px; right: 0px; top: 50%; } .templateSwitcherSettings.active { right: 360px; } .templateSwitcherSettings:hover { opacity: 0.9; } .templateSwitcherSettings.active .templateSwitcherSettingsPicture { /*transform: rotate(360deg);*/ } .templateSwitcherSettings:hover { background-color: #2b2b2b; } .templateSwitcherSettingsPicture { background: url(/local/templates/peptides/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; display: inline-block; height: 198px; width: 51px; } .templateSwitcher .switcherList { overflow: hidden; } .templateSwitcher .switcherListItem { background-color: #ffffff; border: 1px solid #ff9601; display: inline-block; border-radius: 2px; text-align: center; line-height: 40px; height: 40px; } .templateSwitcher .switcherListItem:hover { border-color: #ffa800; } .templateSwitcher .switcherListItem.active { background-color: #ff9601; color: #ffffff; } .templateSwitcher .switcherListItem.active a { color: #ffffff; } .templateSwitcher .switcherListItem:first-child { margin-right: 12px; } .templateSwitcher .switcherListItem a { text-decoration: none; padding: 0 24px; color: #ff9601; display: block; } .templateSwitcher .switcherListItem a:active { position: relative; top: 1px; } .templateSwitcher .switcherHeading { font-family: "robotomedium"; margin-bottom: 18px; padding: 0 24px; font-size: 16px; } .templateSwitcher .switcherBigHeading { border-bottom: 1px solid #f3f3f3; text-transform: uppercase; padding-bottom: 24px; margin-bottom: 24px; padding-right: 24px; padding-left: 24px; font-size: 18px; } .templateSwitcher .switcherBigHeading .switcherClose { text-decoration: none; margin-top: -1px; font-size: 21px; color: #ff0000; float: right; } .templateSwitcher .switcherBigHeading .switcherClose:hover { opacity: 0.7; } .templateSwitcher .switcherBigHeading .switcherClose:active { position: relative; top: 1px; } .templateSwitcher .switcherHeading2 { font-family: "robotomedium"; margin-bottom: 12px; padding: 0 24px; } .templateSwitcher .switcherRowBlock { border-top: 1px solid #f3f3f3; padding-top: 24px; margin-top: 24px; } .templateSwitcher .switcherSelect { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f3f3f3; cursor: pointer; padding: 0 12px; outline: none; height: 40px; width: 90%; } .templateSwitcher .switcherIcons { margin-bottom: 24px; } .templateSwitcher .switcherDescription { font-size: 13px; color: #888888; } .templateSwitcher .switcherBackgroundItems { text-align: center; overflow: hidden; } .templateSwitcher .switcherThemes { margin-top: 24px; overflow: hidden; } .templateSwitcher .switcherThemesItem { display: inline-block; margin-bottom: 12px; margin-left: 12px; height: 30px; width: 30px; } .templateSwitcher .switcherBackgroundItem { display: inline-block; height: 30px; width: 30px; } .templateSwitcher .switcherBackgroundItem:first-child { margin-right: 12px; } .templateSwitcher .switcherThemesItem a, .templateSwitcher .switcherBackgroundItem a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 2px; display: block; height: 30px; width: 30px; } .templateSwitcher .switcherThemesItem a:active, .templateSwitcher .switcherBackgroundItem a:active { position: relative; top: 1px; } .templateSwitcher .switcherThemesItem.selected a, .templateSwitcher .switcherBackgroundItem.selected a { background-image: url(/local/templates/peptides/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .templateSwitcher .switcherThemesItem .color1 { background-color: #ff9601; } .templateSwitcher .switcherThemesItem .color1:hover { background-color: #ffb800; } .templateSwitcher .switcherThemesItem .color2 { background-color: #fb9bad; } .templateSwitcher .switcherThemesItem .color2:hover { background-color: #f3889d; } .templateSwitcher .switcherThemesItem .color3 { background-color: #ff855f; } .templateSwitcher .switcherThemesItem .color3:hover { background-color: #e77652; } .templateSwitcher .switcherThemesItem .color4 { background-color: #daa550; } .templateSwitcher .switcherThemesItem .color4:hover { background-color: #e4a540; } .templateSwitcher .switcherThemesItem .color5 { background-color: #b15b49; } .templateSwitcher .switcherThemesItem .color5:hover { background-color: #a05a4b; } .templateSwitcher .switcherThemesItem .color6 { background-color: #f44336; } .templateSwitcher .switcherThemesItem .color6:hover { background-color: #d42d20; } .templateSwitcher .switcherThemesItem .color7 { background-color: #acce11; } .templateSwitcher .switcherThemesItem .color7:hover { background-color: #94b20e; } .templateSwitcher .switcherThemesItem .color8 { background-color: #27c148; } .templateSwitcher .switcherThemesItem .color8:hover { background-color: #19cc3f; } .templateSwitcher .switcherThemesItem .color9 { background-color: #27bfc1; } .templateSwitcher .switcherThemesItem .color9:hover { background-color: #25ccce; } .templateSwitcher .switcherThemesItem .color10 { background-color: #3498db; } .templateSwitcher .switcherThemesItem .color10:hover { background-color: #2395e1; } .templateSwitcher .switcherThemesItem .color11 { background-color: #2a65d0; } .templateSwitcher .switcherThemesItem .color11:hover { background-color: #0d57dc; } .templateSwitcher .switcherThemesItem .color12 { background-color: #0061b2; } .templateSwitcher .switcherThemesItem .color12:hover { background-color: #006ac2; } .templateSwitcher .switcherThemesItem .color13 { background-color: #c651d0; } .templateSwitcher .switcherThemesItem .color13:hover { background-color: #d75ee1; } .templateSwitcher .switcherThemesItem .color14 { background-color: #c12752; } .templateSwitcher .switcherThemesItem .color14:hover { background-color: #c61c4b; } .templateSwitcher .switcherThemesItem .color15 { background-color: #ed1c24; } .templateSwitcher .switcherThemesItem .color15:hover { background-color: #ff232b; } .templateSwitcher .switcherBackgroundItem .white { background-color: #eeeeee; } .templateSwitcher .switcherBackgroundItem .black { background-color: #000000; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .g--circle { -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; fill: dodgerblue; -webkit-animation: opacity 1.2s linear infinite; animation: opacity 1.2s linear infinite; } .g--circle:nth-child(12n + 1) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9); transform: rotate(-30deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 2) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9); transform: rotate(-60deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 3) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9); transform: rotate(-90deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 4) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9); transform: rotate(-120deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 5) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9); transform: rotate(-150deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 6) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9); transform: rotate(-180deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 7) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9); transform: rotate(-210deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 8) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9); transform: rotate(-240deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 9) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9); transform: rotate(-270deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 10) { -webkit-animation-delay: -1s; animation-delay: -1s; -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9); transform: rotate(-300deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 11) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9); transform: rotate(-330deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 12) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9); transform: rotate(-360deg) translate(5px, 5px) scale(0.9); } .g-circles--v1 .g--circle { fill-opacity: 0; -webkit-animation-name: opacity; animation-name: opacity; } .g-circles--v2 .g--circle { fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: yellowgreen; -webkit-animation-name: opacity-stroke, colors, colors-stroke; animation-name: opacity-stroke, colors, colors-stroke; } .g-circles--v2 .g--circle .u--circle { -webkit-animation: transform-2 1.2s linear infinite; animation: transform-2 1.2s linear infinite; } .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .g-circles--v3 .g--circle { fill-opacity: 1; -webkit-animation-name: opacity, colors; animation-name: opacity, colors; } .g-circles--v4 .g--circle { fill-opacity: 1; fill: orange; -webkit-animation-name: opacity, colors-3; animation-name: opacity, colors-3; } .g-circles--v4 .u--circle { -webkit-animation: transform 1.2s linear infinite; animation: transform 1.2s linear infinite; } .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } @-webkit-keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @-webkit-keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @-webkit-keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @-webkit-keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @-webkit-keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @-webkit-keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @-webkit-keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @-webkit-keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } @keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } /* === PEPTIDES [В-03]: плашки товаров (Best sellers / New / Sales and discounts / Recommended), 09.10.2026 === Перекрывает старые прямоугольные плашки. Цвет плашки задан в коде значения свойства OFFERS и приходит inline-стилем — по нему и выбираем вид. Убрать блок = вернуть старый вид. */ .markerContainer { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 4px; max-width: calc(100% - 20px); } body .markerContainer .marker { font: 10.5px/1 "robotomedium", "roboto", arial, sans-serif; letter-spacing: 0.01em; color: #ffffff; padding: 4px 8px; margin: 0; border-radius: 999px; white-space: nowrap; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } body .markerContainer .marker[style*="#FFD073" i] { background-color: #ffb21e !important; color: #1d1d1f; } /* Best sellers */ body .markerContainer .marker[style*="#FF4444" i] { background-color: #00aab5 !important; } /* New */ body .markerContainer .marker[style*="#e42c5c" i] { background-color: #e42c5c !important; } /* Sales and discounts */ body .markerContainer .marker[style*="#47b771" i] { background-color: #2e9e5b !important; } /* Recommended */ .product .markerContainer { top: 8px; left: 8px; } /* === конец блока PEPTIDES [В-03]: плашки === */ /* === PEPTIDES [В-04]: иконки разделов меню каталога (файлы 48×48 и SVG), 09.10.2026 === */ /* иконки разделов в левом меню: файл 48×48 (под Retina), на экране держим 24 точки */ #leftMenu .pc img { max-width: 24px; max-height: 24px; width: auto; height: auto; } /* SVG-иконки разделов приходят и в другие блоки (пустая корзина, пустой поиск, 404) — без размера SVG растягивается на всю ширину */ img[src*="/images/menu-icons/"] { width: 60px; height: 60px; object-fit: contain; } #leftMenu .pc img[src$=".svg"] { width: 24px; height: 24px; max-width: none; object-fit: contain; } /* === конец блока PEPTIDES [В-04] === */ /* === PEPTIDES [В-06]: типографика страниц и боковой колонки (под шрифт Manrope), 09.10.2026 === */ #right h1 { font-family: "robotobold", arial, sans-serif; font-size: 28px; line-height: 1.25; letter-spacing: -0.01em; color: #1d1d1f; } /* текст статьи — как основной текст сайта (Delivery, Payment, Contacts): 14/21 */ #newsDetail .description { font-size: 14px; line-height: 21px; } #newsDetail .description p { margin: 0 0 12px; } #right .newsHeading { font-family: "robotobold", arial, sans-serif; font-size: 20px; line-height: 1.3; color: #1d1d1f; } #left .sideBlock .heading { font-family: "robotomedium", arial, sans-serif; color: #1d1d1f; } #left .newsOverview .newsTitle { font-family: "robotomedium", arial, sans-serif; font-size: 13px; line-height: 1.4; color: #1d1d1f; } #left .newsOverview > span { font-size: 12px; color: #86868b; } #left .newsOverview .preText p { font-size: 13px; line-height: 1.5; color: #555558; } /* === конец блока PEPTIDES: типографика === */ /* === PEPTIDES [В-07]: кнопка и подписи во всплывающей карточке товара, 09.10.2026 (иконки — набор Lucide) === */ .product .addCart { height: 44px; line-height: 44px; font-family: "robotomedium", arial, sans-serif; font-size: 15px; border-radius: 8px; } .product .addCart .icon { display: none; } .product .addCart::before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: -4px; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); } .product .optional { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; height: auto; } .product .optional .row { display: contents; } .product .optional .row .label { float: none !important; width: auto !important; min-width: 0 !important; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; line-height: 16px; color: #6e6e73; white-space: nowrap; margin: 0; padding: 0; } .product .optional .label .icon { display: none; } .product .optional .label::before { content: ""; width: 15px; height: 15px; flex: 0 0 15px; background: no-repeat center / contain; } .product .optional .addWishlist::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); } .product .optional .addWishlist.added::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300aab5' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); } .product .optional .addCompare::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M16 18H3'/%3E%3Cpath d='M18 9v6'/%3E%3Cpath d='M21 12h-6'/%3E%3C/svg%3E"); } .product .optional .addCompare.added::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 18H3'/%3E%3Cpath d='m15 18 2 2 4-4'/%3E%3Cpath d='M16 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3C/svg%3E"); } .product .optional .label.added { color: #00aab5; } .product .optional .inStock::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e9e5b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); } .product .optional .inStock { color: #2e9e5b; } /* фасовка (Bulk) — в одну строку: подпись и варианты рядом */ .product .skuProperty { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 12px; } .product .skuProperty .skuPropertyName { font-size: 12px; color: #86868b; margin: 0 2px 0 0; padding: 0; float: none; } .product .skuProperty .skuPropertyList { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; float: none; } .product .skuProperty .skuPropertyList .skuPropertyValue { margin: 0; float: none; } .product .skuProperty .skuPropertyList .skuPropertyValue .skuPropertyLink { font-size: 11.5px; line-height: 16px; padding: 3px 6px; border-radius: 6px; white-space: nowrap; } /* кнопка «Learn More» (Special offer и карточки товаров с вариантами) — как «Add to cart» */ #specialProductSlider .more, .product .more { height: 44px; line-height: 44px; font-family: "robotomedium", arial, sans-serif; font-size: 15px; border-radius: 8px; } #specialProductSlider .more .icon, .product .more .icon { display: none; } #specialProductSlider .more::before, .product .more::before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: -4px; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } /* === конец блока PEPTIDES: карточка === */ /* === PEPTIDES [В-08]: страница товара (правая колонка, варианты, левое меню) и Quick View, 09.10.2026; иконки — Lucide === */ /* кнопка «в корзину» */ #elementTools .addCart, #smallElementTools .addCart, #appFastView .addCart { height: 48px; line-height: 48px; font-family: "robotomedium", arial, sans-serif; font-size: 15px; border-radius: 8px; } #elementTools .addCart .icon, #smallElementTools .addCart .icon, #appFastView .addCart .icon { display: none; } #elementTools .addCart::before, #smallElementTools .addCart::before, #appFastView .addCart::before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: -4px; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); } /* избранное, сравнение, наличие — аккуратный список с иконками */ #elementTools .secondTool .row, #smallElementTools .secondTool .row, #appFastView .secondTool .row { margin: 0 0 10px; padding: 0; } #elementTools .label, #smallElementTools .label, #appFastView .label { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; line-height: 20px; color: #3a3a3c; float: none; width: auto; padding: 0; } #elementTools .label > .icon, #smallElementTools .label > .icon, #appFastView .label > .icon { display: none; } #elementTools .label::before, #smallElementTools .label::before, #appFastView .label::before { content: ""; width: 18px; height: 18px; flex: 0 0 18px; background: no-repeat center / contain; } #elementTools .addWishlist::before, #smallElementTools .addWishlist::before, #appFastView .addWishlist::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); } #elementTools .addWishlist.added::before, #smallElementTools .addWishlist.added::before, #appFastView .addWishlist.added::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300aab5' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); } #elementTools .addCompare::before, #smallElementTools .addCompare::before, #appFastView .addCompare::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M16 18H3'/%3E%3Cpath d='M18 9v6'/%3E%3Cpath d='M21 12h-6'/%3E%3C/svg%3E"); } #elementTools .addCompare.added::before, #smallElementTools .addCompare.added::before, #appFastView .addCompare.added::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 18H3'/%3E%3Cpath d='m15 18 2 2 4-4'/%3E%3Cpath d='M16 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3C/svg%3E"); } #elementTools .label.added, #smallElementTools .label.added, #appFastView .label.added { color: #00aab5; } #elementTools .inStock::before, #smallElementTools .inStock::before, #appFastView .inStock::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e9e5b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); } #elementTools .inStock, #smallElementTools .inStock, #appFastView .inStock { color: #2e9e5b; } #elementTools .onOrder::before, #smallElementTools .onOrder::before, #appFastView .onOrder::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c98a00' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); } #elementTools .onOrder, #smallElementTools .onOrder, #appFastView .onOrder { color: #a87400; } #elementTools .outOfStock::before, #smallElementTools .outOfStock::before, #appFastView .outOfStock::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93a3a' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); } #elementTools .outOfStock, #smallElementTools .outOfStock, #appFastView .outOfStock { color: #c0392b; } /* правая колонка страницы товара: цена, кнопка, разделитель, подписи блоков */ #elementTools .mainTool .price, #smallElementTools .mainTool .price { font-family: "robotobold", arial, sans-serif; font-size: 28px; line-height: 1.2; color: #1d1d1f; margin-bottom: 14px; } #elementTools .mainTool, #smallElementTools .mainTool { padding-bottom: 18px; border-bottom: 1px solid #e3e3e6; margin-bottom: 16px; } #elementTools .ya-share-label, #smallElementTools .ya-share-label { font-size: 12px; color: #86868b; letter-spacing: 0.02em; margin: 18px 0 8px; } #elementTools .secondTool .row:nth-child(4), #smallElementTools .secondTool .row:nth-child(4) { border-top: 1px solid #e3e3e6; padding-top: 6px; margin-top: 16px; } /* варианты фасовки на странице товара и в Quick View — скруглённые, как в карточке */ #catalogElement .skuProperty .skuPropertyName, #appFastView .skuProperty .skuPropertyName { font-size: 13px; color: #86868b; margin-bottom: 8px; } #catalogElement .skuProperty .skuPropertyList, #appFastView .skuProperty .skuPropertyList { display: flex; flex-wrap: wrap; gap: 8px; } #catalogElement .skuPropertyList .skuPropertyValue, #appFastView .skuPropertyList .skuPropertyValue { margin: 0; float: none; } #catalogElement .skuPropertyList .skuPropertyValue .skuPropertyLink, #appFastView .skuPropertyList .skuPropertyValue .skuPropertyLink { font-size: 14px; line-height: 20px; padding: 8px 14px; border: 1px solid #d2d2d7; border-radius: 999px; background: #ffffff; color: #1d1d1f; } #catalogElement .skuPropertyList .skuPropertyValue.selected .skuPropertyLink, #appFastView .skuPropertyList .skuPropertyValue.selected .skuPropertyLink { border-color: #00aab5; background: #e6f7f8; color: #007f88; } #catalogElement .skuPropertyList .skuPropertyValue.disabled .skuPropertyLink, #appFastView .skuPropertyList .skuPropertyValue.disabled .skuPropertyLink { opacity: 0.45; } /* основной блок вариантов на странице товара (свои классы elementSku…) */ #catalogElement .elementSkuProperty .elementSkuPropertyName { font-size: 13px; color: #86868b; margin-bottom: 8px; } #catalogElement .elementSkuPropertyList { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; } #catalogElement .elementSkuPropertyList .elementSkuPropertyValue { margin: 0; padding: 0; float: none; border: 0; min-width: 0; } #catalogElement .elementSkuPropertyList .elementSkuPropertyValue .elementSkuPropertyLink { display: inline-block; font-size: 14px; line-height: 20px; padding: 8px 14px; border: 1px solid #d2d2d7; border-radius: 999px; background: #ffffff; color: #1d1d1f; text-decoration: none; } #catalogElement .elementSkuPropertyList .elementSkuPropertyValue.selected .elementSkuPropertyLink { border-color: #00aab5; background: #e6f7f8; color: #007f88; } #catalogElement .elementSkuPropertyList .elementSkuPropertyValue.disabled .elementSkuPropertyLink { opacity: 0.45; } /* варианты: компактные «таблетки» 32 точки, текст строго по центру (снимаем высоту и поля темы) */ #appFastView .skuPropertyList .skuPropertyValue, #catalogElement .skuPropertyList .skuPropertyValue, #catalogElement .elementSkuPropertyList .elementSkuPropertyValue { padding: 0; min-width: 0; height: auto; } #appFastView .skuPropertyList .skuPropertyValue .skuPropertyLink, #catalogElement .skuPropertyList .skuPropertyValue .skuPropertyLink, #catalogElement .elementSkuPropertyList .elementSkuPropertyValue .elementSkuPropertyLink { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 32px; min-height: 0; padding: 0 14px; font-size: 13px; line-height: 1; white-space: nowrap; } /* скруглённые варианты и в карточке товара (вместо прямоугольников) */ .product .skuProperty .skuPropertyList .skuPropertyValue .skuPropertyLink { border-radius: 999px; } .product .skuProperty .skuPropertyList .skuPropertyValue.selected .skuPropertyLink { border-color: #00aab5; background: #e6f7f8; color: #007f88; } /* левое меню страницы товара: иконки Lucide вместо PNG */ #elementNavigation .tabs a img { display: none; } #elementNavigation .tabs a::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 14px; vertical-align: -5px; background: no-repeat center / contain; } #elementNavigation .tab[data-id=""] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id=""] a::after, #elementNavigation .tab[data-id=""] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="browse"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="browse"] a::after, #elementNavigation .tab[data-id="browse"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="set"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="set"] a::after, #elementNavigation .tab[data-id="set"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="complect"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="complect"] a::after, #elementNavigation .tab[data-id="complect"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="detailText"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="detailText"] a::after, #elementNavigation .tab[data-id="detailText"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="elementProperties"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M8 6h13'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="elementProperties"] a::after, #elementNavigation .tab[data-id="elementProperties"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M8 6h13'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="related"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="related"] a::after, #elementNavigation .tab[data-id="related"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="catalogReviews"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="catalogReviews"] a::after, #elementNavigation .tab[data-id="catalogReviews"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="similar"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="similar"] a::after, #elementNavigation .tab[data-id="similar"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="stores"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="stores"] a::after, #elementNavigation .tab[data-id="stores"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="files"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="files"] a::after, #elementNavigation .tab[data-id="files"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E"); } #elementNavigation .tab[data-id="video"] a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E"); } #elementNavigation .tab.active[data-id="video"] a::after, #elementNavigation .tab[data-id="video"] a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E"); } /* плашки на странице товара: правило темы с id блока перебивало наше */ #catalogElement .markerContainer .marker, #appFastView .markerContainer .marker { font: 10.5px/1 "robotomedium", arial, sans-serif; color: #ffffff; padding: 4px 8px; margin: 0; border-radius: 999px; } #catalogElement .markerContainer .marker[style*="#FFD073" i], #appFastView .markerContainer .marker[style*="#FFD073" i] { color: #1d1d1f; } /* логотип бренда: файл ×2, на экране прежняя высота */ #catalogElement .brandImage img { max-height: 50px; width: auto; height: auto; } /* описание рядом с фото: подпись — серая и мелкая, текст — как основной текст сайта */ #catalogElement .description .heading { font-size: 13px; color: #86868b; margin-bottom: 6px; } #catalogElement .description .changeShortDescription, #catalogElement .description .changeShortDescription * { font-size: 14px; line-height: 21px; color: #3a3a3c; } #catalogElement .description .changeShortDescription b, #catalogElement .description .changeShortDescription strong { color: #1d1d1f; font-family: "robotomedium", arial, sans-serif; font-weight: normal; } /* характеристики: название — по верху строки, колонка значений шире */ #elementContainer .elementProperties .propertyTable .propertyName, #elementContainer .elementProperties .propertyTable .propertyValue, #appFastView .propertyTable .propertyName, #appFastView .propertyTable .propertyValue, .propertyTable .propertyName, .propertyTable .propertyValue { vertical-align: top; } #elementContainer .elementProperties .propertyTable .propertyValue, #appFastView .propertyTable .propertyValue { width: 55%; } /* логотип бренда (поля обрезаны на сервере): высота на экране */ #catalogElement .brandImage img { max-height: 44px; max-width: 120px; } /* широкие логотипы упираются в ширину, квадратные — в высоту */ /* колонка описания: отступ от серой правой колонки */ #catalogElement #browse > .col + .col { padding-right: 32px; box-sizing: border-box; } /* метки назначений в характеристиках */ .propertyValue .ppTags { display: flex; flex-wrap: wrap; gap: 5px; padding: 1px 0; } .propertyValue .ppTag { display: inline-block; font-size: 12px; line-height: 16px; padding: 3px 9px; border-radius: 999px; background: #f2f2f4; color: #3a3a3c; white-space: nowrap; } /* свойство с метками: название сверху, метки под ним на всю ширину */ #elementContainer .elementProperties .propertyTable:has(.ppTags), #appFastView .propertyTable:has(.ppTags) { display: block; width: 100%; padding: 4px 0 8px; } #elementContainer .elementProperties .propertyTable:has(.ppTags) .propertyName, #elementContainer .elementProperties .propertyTable:has(.ppTags) .propertyValue, #appFastView .propertyTable:has(.ppTags) .propertyName, #appFastView .propertyTable:has(.ppTags) .propertyValue { display: block; width: auto; padding: 0; } #elementContainer .elementProperties .propertyTable:has(.ppTags) .propertyName, #appFastView .propertyTable:has(.ppTags) .propertyName { margin-bottom: 8px; } #elementContainer .elementProperties .propertyTable:has(.ppTags) .propertyName::after, #appFastView .propertyTable:has(.ppTags) .propertyName::after { display: none; } /* полная таблица характеристик: только горизонтальные линии, колонка названий светло-серая */ #elementProperties { overflow: visible; } #elementProperties table.stats { border: 0; border-collapse: collapse; width: 100%; min-width: 0; padding: 0; table-layout: auto; box-sizing: border-box; } #elementProperties table.stats tr, #elementProperties table.stats tr.gray { background: transparent; border: 0; } #elementProperties table.stats td { border: 0; border-bottom: 1px solid #e8e8ed; padding: 8px 16px; vertical-align: top; font-size: 14px; line-height: 20px; color: #1d1d1f; background: transparent; } #elementProperties table.stats tr.gray td, #elementProperties table.stats tr td.name { background: transparent; } /* снимаем «зебру» темы */ #elementProperties table.stats tr:first-child td { border-top: 1px solid #e8e8ed; } #elementProperties table.stats td.name { width: 32%; padding-left: 0; color: #1d1d1f; } #elementProperties table.stats tr:not(.cap) td:not(.name):not(.right), #elementProperties table.stats tr:not(.cap) td:not(.name):not(.right) a { color: #6e6e73; } #elementProperties table.stats tr.cap td { color: #1d1d1f; } #elementProperties table.stats tr:hover td, #elementProperties .stats .gray:hover td, #elementProperties .stats tr:hover td { background: transparent !important; } /* без подсветки строки под пальцем/мышью */ #elementProperties table.stats td.name span { padding: 0; } #elementProperties table.stats td.right { width: 1%; padding: 0; background: transparent; } /* первая и последняя линии таблицы — тёмные: видно начало и конец */ #elementProperties table.stats tr.cap + tr td, #elementProperties table.stats tbody > tr:first-child:not(.cap) td { border-top: 1px solid #3a3a3c; } #elementProperties table.stats tbody > tr:last-child td { border-bottom: 1px solid #3a3a3c; } #elementProperties table.stats tr.cap td { border-bottom: 1px solid #3a3a3c; } /* в склеенных границах верхнюю линию даёт строка-заголовок группы */ #elementProperties table.stats td.right .analog { display: none; } /* ссылка на нерабочий фильтр — вернуть вместе с задачей «подбор по назначению» */ #elementProperties table.stats tr.cap td { background: transparent; border-top: 0; font-family: "robotomedium", arial, sans-serif; font-size: 15px; color: #1d1d1f; padding: 20px 0 10px; } #elementProperties table.stats .question { display: inline-block; width: 16px; height: 16px; margin-left: 8px; vertical-align: -3px; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); border-radius: 0; } #elementProperties table.stats .question:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); } #elementProperties table.stats .ppTags { display: flex; flex-wrap: wrap; gap: 6px; } #elementProperties table.stats .ppTag { display: inline-block; font-size: 12px; line-height: 16px; padding: 3px 9px; border-radius: 999px; background: #f2f2f4; color: #3a3a3c; white-space: nowrap; } /* === конец блока PEPTIDES: страница товара === */ /* === PEPTIDES [В-09]: страница товара на телефоне и планшете (тема складывает колонки до 1000 точек), 09.10.2026 === */ @media all and (max-width: 1000px) { #main h1, #right h1 { font-size: 22px; line-height: 1.25; } #right .breadcrumbs, #breadcrumbs { font-size: 12px; } /* цена и кнопка */ #smallElementTools { width: auto; padding: 0; margin: 0 0 8px; } #smallElementTools .mainTool, #smallElementTools .secondTool { display: block; width: auto; float: none; padding: 0; margin: 0; border: 0; } #smallElementTools .mainTool { padding: 16px 0 14px; border-bottom: 1px solid #e3e3e6; margin-bottom: 0; } #smallElementTools .mainTool .price { font-size: 26px; margin: 0 0 12px; } #smallElementTools .mainTool .row { margin: 0; } #smallElementTools .addCart { width: 100%; max-width: none; } /* избранное, сравнение, наличие — одной компактной строкой */ #smallElementTools .secondTool { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 8px; align-items: center; padding: 12px 0; border-bottom: 1px solid #e3e3e6; } #smallElementTools .secondTool .row { margin: 0; padding: 0; border: 0; width: auto; float: none; } #smallElementTools .secondTool .row:nth-child(n+4) { display: none; } /* баннер чата и «Share» — на телефоне есть плавающая кнопка чата */ #smallElementTools .label { font-size: 14px; } /* колонка описания: без лишнего правого отступа */ #catalogElement #browse > .col + .col { padding-right: 24px; } /* полная таблица характеристик: название над значением, без пустой третьей колонки */ #elementProperties table.stats, #elementProperties table.stats tbody, #elementProperties table.stats tr, #elementProperties table.stats td { display: block; width: auto; } #elementProperties table.stats td.right { display: none; } #elementProperties table.stats tr:not(.cap) { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; border-bottom: 1px solid #e8e8ed; padding: 9px 0; } #elementProperties table.stats tr:not(.cap) td:not(.name):not(.right) { text-align: right; } #elementProperties table.stats tr:has(.ppTags) { display: block; } #elementProperties table.stats tr:has(.ppTags) td:not(.name) { text-align: left; padding-top: 8px; } #elementProperties table.stats tr.cap { border-bottom: 1px solid #3a3a3c !important; } /* тема гасит рамки строки-заголовка через !important */ #elementProperties table.stats tbody > tr:last-child { border-bottom: 1px solid #3a3a3c; } #elementProperties table.stats td, #elementProperties table.stats tr.cap + tr td, #elementProperties table.stats tbody > tr:last-child td, #elementProperties table.stats tr.cap td { border: 0; padding: 0; } #elementProperties table.stats tr.cap td { padding: 16px 0 8px; } #elementProperties table.stats td.name { font-size: 14px; color: #1d1d1f; padding: 0; flex: 0 0 auto; } /* метки: переносятся, не вылезают за экран */ .propertyValue .ppTags, #elementProperties table.stats .ppTags { max-width: 100%; } .propertyValue .ppTag, #elementProperties table.stats .ppTag { white-space: normal; } #elementContainer .elementProperties .propertyTable { table-layout: auto; } } /* === конец блока PEPTIDES: мобильная страница товара === */ /* === PEPTIDES [В-10]: компактная шапка на телефоне, 09.10.2026 === */ @media all and (max-width: 767px) { #subHeader { height: auto; padding: 0; } #subHeader > .limiter { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 12px; box-sizing: border-box; } #subHeader #logo { float: none; width: auto !important; max-width: none; height: auto; margin: 0; padding: 0; display: flex; align-items: center; } #subHeader #logo a { display: block; height: auto; width: auto !important; margin: 0; padding: 0; } #subHeader #logo img { width: 112px !important; height: auto !important; max-width: none; margin: -8px 0; } /* без сдвига влево: у логотипа рисунок от самого края файла, блок логотипа обрезает выходящее */ #subHeader #topHeading { display: none; } /* баннер Peptide InfoChat — на телефоне есть плавающая кнопка чата */ #subHeader #headerTools { float: none; width: auto; height: auto; margin: 0; padding: 0; } #subHeader #headerTools .tools { display: flex; align-items: center; gap: 4px; height: auto; margin: 0; } #subHeader #headerTools .tools > li { float: none; height: auto; margin: 0; padding: 0; } #subHeader #headerTools .wrap { height: 44px; width: 44px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; } #subHeader #headerTools a.icon { width: 24px; height: 24px; margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; background-size: contain; } #subHeader #headerTools .tools > li:not(.search):not(.cart) { display: none; } #subHeader #headerTools #openSearch.icon { background-size: contain !important; background-position: center !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important; } #subHeader #headerTools .cart a.icon { background-size: contain !important; background-position: center !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important; } #topService { font-size: 12px; } #topHeader #topMenu li.bar a.openEnder { width: 24px; height: 31px; background: no-repeat center / 22px 22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='12' y2='12'/%3E%3Cline x1='4' x2='20' y1='6' y2='6'/%3E%3Cline x1='4' x2='20' y1='18' y2='18'/%3E%3C/svg%3E") !important; } /* значок меню: были тонкие линии-картинка */ /* строка English / B2B / Login / Registration — в верхнюю бирюзовую полосу справа (была прибита к старой высоте шапки и наезжала на каталог) */ #topHeader #topService { position: absolute; top: 0; right: 12px; left: auto; display: flex; align-items: center; gap: 12px; height: 31px; margin: 0; padding: 0; background: transparent; } #topHeader #topService > li { position: static !important; top: auto !important; left: auto !important; float: none; margin: 0; padding: 0; line-height: 31px; height: 31px; } #left #catalogMenuHeading, #left a#catalogMenuHeading.heading { height: 44px; line-height: 44px; font-size: 15px; padding-top: 0; padding-bottom: 0; } #left #catalogMenuHeading ins { transform: translateY(-10px); } /* значок меню (кусок спрайта темы) — приподнять под новую высоту плашки */ #left #catalogMenuHeading { overflow: hidden; } /* значок высотой 65 выступал за плашку 44 и при раскрытии меню сужал его до 300 («буква Г») */ #right h1, #main h1 { font-size: 24px; } } /* === конец блока PEPTIDES: шапка на телефоне === */ /* === PEPTIDES [В-11]: скругления и сетка без серых линий, 09.10.2026 (2-я редакция по замечаниям владельца) === Один размер скругления — 8 точек (как на peptides1.ru). Панели — со скруглением и отступом друг от друга, без обводок. Обрезку краёв (overflow) у меню каталога не включаем — иначе пропадают выпадающие подменю. */ /* карточки товаров и брендов: без обводок и сетки линий; промежуток 12 — по бокам полями, между рядами — отступом снизу (тема задаёт карточке фиксированную высоту, поле сверху выдавливало её вплотную к следующему ряду) */ .items.productList, #brandList .items { margin-left: -6px; margin-right: -6px; } .items.productList > .item, #brandList .items > .item { border: 0 !important; padding: 0 6px; margin-bottom: 12px; background: transparent !important; } .items.productList > .item > .tabloid, #brandList .items > .item > .tabloid { border: 0 !important; border-radius: 8px; background: #ffffff; } .items.productList > .item:hover > .tabloid { box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10); } /* плашка каталога и меню под ней — две панели; пункты меню не касаются скруглённых краёв (поля сверху и снизу) */ #left #catalogMenuHeading { border-radius: 8px; margin-bottom: 8px; } #left .collapsed { border-radius: 8px; } #left .collapsed #leftMenu { border-radius: 8px 8px 0 0; padding-top: 8px; } #left .collapsed #subLeftMenu { border-radius: 0 0 8px 8px; padding-bottom: 8px; } #left .collapsed #leftMenu:last-child { border-radius: 8px; padding-bottom: 8px; } /* выпадающее мега-меню: отдельная скруглённая панель с отступом 8 от меню; невидимый «мостик» держит наведение на промежутке */ /* боковое меню каталога — вариант C (выбор владельца 16.10.2026): пункт подсвечивается скруглённой пилюлей внутри тёмной плашки (без белой полосы), панель плавает с отступом 14 и мягко выплывает; время открытия/закрытия — в menu/leftMenu/script.js */ #leftMenu { z-index: 1000; } /* панель поверх плашек товаров справа */ #leftMenu > li:hover, #leftMenu .activeDrop { background: transparent !important; } #leftMenu > li > a.menuLink { border-radius: 8px; margin: 0 8px; width: auto !important; } #leftMenu > li:hover > a.menuLink, #leftMenu .activeDrop > a.menuLink { background: rgba(255, 255, 255, 0.14) !important; color: #fff !important; } #leftMenu > li > a.menuLink .tx { transition: color 0.15s ease; } #leftMenu > li:hover > a.menuLink .tx, #leftMenu .activeDrop > a.menuLink .tx { color: #fff !important; } #leftMenu .drop { margin-left: 14px; border-radius: 16px; border: 0; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06); } #leftMenu .drop::before { content: ""; position: absolute; left: -14px; top: 0; width: 14px; height: 100%; } @keyframes ppMenuPop { from { opacity: 0; transform: translateX(-6px) scale(0.985); } to { opacity: 1; transform: none; } } #leftMenu .activeDrop .drop { animation: ppMenuPop 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); transform-origin: left top; } #leftMenu.ppSwitch .activeDrop .drop { animation: none; } /* переход между пунктами — без повторной анимации */ /* главный слайдер: картинка заполняет блок целиком, иначе скругляются белые поля, а углы картинки остаются квадратными */ #sliderBlock { border-radius: 8px; overflow: hidden; } #slider ul li span { background-size: cover !important; } /* узкие баннеры: скругляем саму картинку (лента выше картинки на 6 точек) */ #middleSlider { border-radius: 8px; overflow: hidden; } #middleSlider img { display: block; border-radius: 8px; } /* вкладки «Best sellers / New arrivals»: без серой подложки; выбранная — бирюзовая скруглённая, остальные — простым текстом */ #homeCatalog .captionList { border: 0 !important; background: transparent !important; border-radius: 8px; overflow: hidden; } #homeCatalog .captionList .caption { border: 0 !important; border-radius: 8px; box-shadow: none; } /* боковые блоки (News, About our products, подписка): заголовок — серая плашка без обводок, блоки разделены отступом */ #left .sideBlock { border: 0; border-radius: 0; overflow: visible; margin-bottom: 24px; } #left .sideBlock > .heading, #left #subscribe .sideBlockContent > .heading { border: 0 !important; border-radius: 8px; background: #f2f2f4 !important; margin-bottom: 12px; } #left .sideBlock .sideBlockContent, #left .sideBlock .newsPreview { border: 0 !important; } /* спецпредложение — скруглённая панель со светлой рамкой (белое на белом без рамки не видно) */ #specialBlock #specialProduct { border: 1px solid #e7e8ea; border-radius: 8px; overflow: hidden; } #subscribe input.field, #subscribe input.submit { border-radius: 8px; } #brandList .heading { border: 0 !important; border-radius: 8px; background: #f2f2f4 !important; display: block; margin-bottom: 12px; } /* фон страницы как у Apple Store (#f5f5f7), карточки и блоки — белые (09.10.2026) */ body { background: #f5f5f7 !important; } /* заголовки News / About / Subscription / Special offer — просто текст слева, без плашки; ниже белая карточка блока */ #left .sideBlock > .heading, #left #subscribe .sideBlockContent > .heading, #specialProduct .specialProductHeading { background: transparent !important; color: #1d1d1f !important; border: 0 !important; border-radius: 0; margin: 0 0 12px 0 !important; padding: 0 4px !important; height: auto !important; line-height: 1.25 !important; text-align: left !important; font-family: "Manrope", sans-serif !important; font-weight: 700 !important; font-size: 22px !important; /* у Special offer тема перебивает своим #left-правилом */ } /* Popular brands — тоже заголовком слева, как остальные */ #brandList .heading { display: block !important; background: transparent !important; color: #1d1d1f !important; border: 0 !important; border-radius: 0; height: auto !important; line-height: 1.25 !important; padding: 0 4px !important; margin: 0 0 12px 0 !important; box-shadow: none; font-family: "Manrope", sans-serif !important; font-weight: 700 !important; font-size: 22px !important; } #left .sideBlock .sideBlockContent { background: #ffffff; border-radius: 8px; overflow: hidden; } /* подписка: заголовок на сером, ниже одна белая карточка (текст + форма); заголовок лежит внутри блока темы, поэтому карточку собираем из двух соседних частей — верх и низ скруглены */ #left #subscribe { background: transparent !important; } #left #subscribe .sideBlockContent { background: transparent; overflow: visible; } #left #subscribe .sideBlockContent > .copy { background: #ffffff; border-radius: 8px 8px 0 0; margin: 0 !important; padding: 20px 20px 4px; line-height: 1.5; width: auto !important; box-sizing: border-box; } #left #subscribe .sideBlockContent > div[id^="comp_"] { display: flow-root; background: #ffffff; border-radius: 0 0 8px 8px; padding: 0 20px 20px; } /* flow-root: отступ поля не выпадает наружу щелью */ #left #subscribe .sideBlockContent > div[id^="comp_"] form { padding: 0 !important; } /* рекламные баннеры в левой колонке — скруглены */ #left .sideBlock.banner img { display: block; border-radius: 8px; } /* Special offer — плашка отдельно, ниже белая карточка; работает и слева, и справа от баннера (на экранах шире 1850) */ #specialBlock #specialProduct { background: transparent !important; border: 0 !important; overflow: visible !important; } #specialProduct #specialProductSlider { background: #ffffff; border-radius: 8px; overflow: hidden; } /* вкладки Best sellers / New arrivals — переключатель как у Apple: серая дорожка-пилюля, выбранная — чёрная */ #homeCatalog .captionList { height: auto !important; line-height: normal !important; overflow: visible !important; border-radius: 0; margin-bottom: 16px; } #homeCatalog #captionCarousel { display: inline-block; background: #e8e8ed; border-radius: 999px; padding: 4px; overflow: hidden !important; } #homeCatalog #captionCarousel .slideBox { width: auto !important; left: 0 !important; display: flex; } #homeCatalog #captionCarousel .cItem { width: auto !important; float: none !important; margin: 0 !important; } /* тема сдвигает на -1 — край пилюли обрезался */ #homeCatalog .captionList .caption, #homeCatalog .captionList .caption:hover { background: transparent !important; border-radius: 999px; box-shadow: none; } #homeCatalog .captionList .caption a { width: auto !important; padding: 0 22px; height: 40px; line-height: 40px; font-size: 16px; color: #424245 !important; white-space: nowrap; } #homeCatalog .captionList .caption.selected { background: #1d1d1f !important; } #homeCatalog .captionList .caption.selected a { color: #ffffff !important; } #homeCatalog .captionBtnLeft, #homeCatalog .captionBtnRight { display: none !important; } /* === конец блока PEPTIDES: скругления === */ /* === PEPTIDES [В-13]: иконки шапки и нижней панели (Lucide), соцсети и логотипы оплаты/доставки векторные, круглая кнопка Quick view, подвал собран плотнее, 09.10.2026 === */ #headerTools .tools a.icon, #headerTools .tools a.icon:hover, #headerTools .tools .active a.icon { background-repeat: no-repeat !important; background-position: center !important; background-size: 30px 30px !important; } #headerTools .message a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M8 12h.01'/%3E%3Cpath d='M12 12h.01'/%3E%3Cpath d='M16 12h.01'/%3E%3C/svg%3E") !important; } #headerTools .search a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important; } #headerTools .telephone1 a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important; } #headerTools .wishlist a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important; } #headerTools .compare a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M16 18H3'/%3E%3Cpath d='M18 9v6'/%3E%3Cpath d='M21 12h-6'/%3E%3C/svg%3E") !important; } #headerTools .cart a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important; } #headerTools .tools li:hover a.icon { opacity: 0.75; } /* нижняя закреплённая панель */ #footerLine .item .icon { background-repeat: no-repeat !important; background-position: center !important; background-size: 20px 20px !important; } #footerLine .item .callback .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235ec4c9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") !important; } #footerLine .item .compare .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7c7cc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M16 18H3'/%3E%3Cpath d='M18 9v6'/%3E%3Cpath d='M21 12h-6'/%3E%3C/svg%3E") !important; } #footerLine .item .wishlist .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7c7cc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important; } #footerLine .item .cart .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7c7cc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important; } /* соцсети в подвале — векторные знаки в фирменных цветах */ #Newfooter .social_container a.fb, #Newfooter .social_container a.go, #Newfooter .social_container a.yo { background-repeat: no-repeat !important; background-position: center !important; background-size: 22px 22px !important; } #Newfooter .social_container a.fb { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230866FF' d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E") !important; } #Newfooter .social_container a.go { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E4405F' d='M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077'/%3E%3C/svg%3E") !important; } #Newfooter .social_container a.yo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF0000' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E") !important; } #Newfooter .social_container a.fb:hover, #Newfooter .social_container a.go:hover, #Newfooter .social_container a.yo:hover { opacity: 0.7; } /* логотипы оплаты и доставки — цветные векторные (images/pp-logos: Magnific / Wikimedia Commons, public domain), без подложек, прямо на тёмном фоне: тёмные части логотипов переведены в белый (как фирменные версии для тёмного фона); ряд высотой 60 по центру — как отзывы и соцсети справа */ #Newfooter .footer_payments { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; height: 60px !important; line-height: normal; position: relative; top: 2px; } /* top 2 — центр ровно по соцсетям (у них блоки 60 со сдвигом 5) */ @media all and (max-width: 767px) { #Newfooter .footer_payments { justify-content: center; gap: 16px 24px; padding: 16px 12px; height: auto !important; top: 0; box-sizing: border-box; width: 100% !important; } } #Newfooter .footer_payments a { display: flex; align-items: center; width: auto !important; margin: 0 !important; } #Newfooter .footer_payments_item { height: 20px !important; width: auto !important; margin: 0 !important; padding: 0; background: none; } #Newfooter .footer_payments_item[src*="mastercard"] { height: 24px !important; } #Newfooter .footer_payments_item[src*="visa"] { height: 15px !important; } #Newfooter .footer_payments_item[src*="paypal"] { height: 26px !important; } #Newfooter .footer_payments_item[src*="applepay"] { height: 20px !important; } #Newfooter .footer_payments_item[src*="dhl"] { height: 16px !important; border-radius: 2px; } #Newfooter .footer_payments_item[src*="dpd"] { height: 24px !important; } #Newfooter .footer_payments_item[src*="fedex"] { height: 24px !important; } /* подвал: заголовки колонок спокойнее, пункты меню плотнее и без разделителей, логотип меньше */ #footer .column .heading { font-family: "Manrope", sans-serif !important; font-weight: 600; font-size: 16px; padding-bottom: 12px; margin-bottom: 10px; } #footer .footerMenu li, #footer .footerMenu li a { border: 0 !important; } #footer .footerMenu li a { padding: 4px 0 !important; font-size: 14px; line-height: 20px; color: #a1a1a6; } #footer .footerMenu li a:hover { color: #ffffff; } #rightFooter img[src*="logo_footer"] { width: 210px !important; height: auto !important; } #rightFooter img[src*="b2b-logo"] { width: 84px !important; height: auto !important; } #rightFooter .rightColumn a { font-size: 16px; } #footerBottomCopy, #footerBottomCopy .creator div { color: #86868b !important; font-size: 13px; } /* Quick view — круг в две строки (только там, где тема его показывает: шире 1024) */ @media all and (min-width: 1025px) { .product .getFastView, #catalogLineList .picture .getFastView, #specialProduct .productItem .getFastView { width: 92px !important; height: 92px !important; margin: -46px 0 0 -46px !important; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; text-align: center; padding: 0 14px; box-sizing: border-box; line-height: 1.15 !important; white-space: normal; font-family: "Manrope", sans-serif !important; font-weight: 600; font-size: 14px !important; background-color: rgba(29, 29, 31, 0.86) !important; } } /* === конец блока PEPTIDES: иконки и подвал === */ /* === PEPTIDES [В-14]: шапка без подписей (счётчики-пузыри), окно «товар добавлен в корзину», контакты в подвале, кнопка «наверх» выключена — 09.10.2026 === */ #upButton { display: none !important; } /* шапка: только значки; число — красный пузырь на значке (span.ppCount в шаблонах favorite.line, compare.line, topCart) */ #headerTools .wishlist .nf, #headerTools .compare .nf, #headerTools .cart .nf { display: none !important; } #headerTools .wishlist .wrap, #headerTools .compare .wrap, #headerTools .cart .wrap { position: relative; } #headerTools .ppCount { position: absolute; top: 50%; left: 50%; margin: -22px 0 0 6px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; background: #ff3b30; color: #ffffff; font: 600 11px/18px "Manrope", sans-serif; text-align: center; pointer-events: none; } /* окно «Product added to cart» — светлое, скруглённое, значки Lucide */ #appBasket #appBasketContainer { border-radius: 12px; overflow: hidden; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25); background: #ffffff; } #appBasket .heading { background: #ffffff !important; color: #1d1d1f !important; border-bottom: 1px solid #ececf0; font-family: "Manrope", sans-serif !important; font-weight: 600; font-size: 18px; } #appBasket .close { background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") !important; width: 32px; height: 32px; top: 14px; right: 14px; border-radius: 8px; } #appBasket .close:hover { background-color: #f2f2f4 !important; } #appBasket .minus, #appBasket .plus { background-color: #f2f2f4 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 18px !important; border-radius: 8px; width: 36px; height: 36px; } #appBasket .minus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") !important; } #appBasket .plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") !important; } #appBasket .minus:hover, #appBasket .plus:hover { background-color: #e8e8ed !important; } #appBasket .qty { height: 36px; width: 48px; border-radius: 8px; background: #f2f2f4 !important; font-size: 15px; margin: 0 4px; } #appBasket .sum { border-radius: 8px; background: #f5f5f7 !important; font-family: "Manrope", sans-serif !important; font-weight: 700; } #appBasket .lower { background: #ffffff !important; border-top: 1px solid #ececf0; height: 64px; line-height: 64px; } #appBasket .lower .tools .icon { height: 64px; line-height: 64px; border-right: 1px solid #f0f0f2; } #appBasket .lower .tools .icon:hover { background: #f5f5f7 !important; } #appBasket .lower .tools .icon .ico { width: 22px; height: 22px; background-repeat: no-repeat !important; background-position: center !important; background-size: 22px !important; } #appBasket .lower .tools .addCompare .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M16 18H3'/%3E%3Cpath d='M18 9v6'/%3E%3Cpath d='M21 12h-6'/%3E%3C/svg%3E") !important; } #appBasket .lower .tools .addCompare.added .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 18H3'/%3E%3Cpath d='m15 18 2 2 4-4'/%3E%3Cpath d='M16 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3C/svg%3E") !important; } #appBasket .lower .tools .addWishlist .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important; } #appBasket .lower .tools .addWishlist.added .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff3b30' stroke='%23ff3b30' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important; } #appBasket .lower .tools .inStock .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334c759' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important; } #appBasket .lower .tools .outOfStock .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3b30' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E") !important; } #appBasket .lower .tools .onOrder .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9500' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") !important; } #appBasket .lower .tools .delete .ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3b30' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") !important; } #appBasket .lower .tools .continue img, #appBasket .lower .tools .goToBasket img { display: none !important; } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a { line-height: 64px; font-family: "Manrope", sans-serif; font-weight: 600; font-size: 15px; } #appBasket .lower .tools .continue a { color: #1d1d1f !important; } #appBasket .lower .tools .continue:hover { background: #f5f5f7 !important; } #appBasket .lower .tools .goToBasket { background: #00aab5 !important; } #appBasket .lower .tools .goToBasket:hover { background: #0097a1 !important; } #appBasket .lower .tools .continue .text::before, #appBasket .lower .tools .goToBasket .text::before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px; vertical-align: -5px; background: no-repeat center / 20px; } #appBasket .lower .tools .continue .text::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E"); } #appBasket .lower .tools .goToBasket .text::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); } /* подвал: логотипы слева, контакты справа — подписи, телефоны и почта со значками, часы работы пилюлями */ #rightFooter .leftColumn .logo { text-align: left !important; } #rightFooter .leftColumn .logo + .logo { margin-top: 22px; } #rightFooter .ppContacts { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } #rightFooter .ppContacts .ppLabel { margin-top: 16px; font: 600 11px/1.2 "Manrope", sans-serif; letter-spacing: 0.08em; text-transform: uppercase; color: #86868b; } #rightFooter .ppContacts .ppLabel:first-child { margin-top: 0; } #rightFooter .ppContacts a.ppPhone, #rightFooter .ppContacts a.ppMail { display: inline-block; padding-left: 28px; color: #ffffff !important; text-decoration: none; font: 500 17px/24px "Manrope", sans-serif; background: no-repeat left center / 18px; } #rightFooter .ppContacts a.ppMail { font-size: 15px; } #rightFooter .ppContacts a.ppPhone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235ec4c9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); } #rightFooter .ppContacts a.ppMail { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235ec4c9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E"); } #rightFooter .ppContacts a.ppPhone:hover, #rightFooter .ppContacts a.ppMail:hover { color: #5ec4c9 !important; } #rightFooter .ppContacts .ppHours { display: flex; flex-wrap: wrap; gap: 8px; } #rightFooter .ppContacts .ppPill { display: inline-block; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: #c7c7cc; font: 500 13px/1.3 "Manrope", sans-serif; } #rightFooter .ppContacts .ppPill.ppOn { background: rgba(94, 196, 201, 0.16); color: #7fd6da; } /* === конец блока PEPTIDES: шапка, корзина, контакты === */ /* === PEPTIDES [В-15]: закреплённая шапка и нижняя панель с эффектом стекла (как на peptides1.ru, но в тёмном тоне), 09.10.2026 === На компьютере прилипает тёмная полоса с логотипом и значками, бирюзовая строка над ней уезжает; на телефоне прилипают обе (в бирюзовой — кнопка меню). Стекло: полупрозрачный графит + размытие того, что под ним. */ #subHeader { position: sticky; top: 0; z-index: 900; } #subHeader.color_black, #footerLine { background-color: rgba(36, 36, 38, 0.78) !important; -webkit-backdrop-filter: saturate(170%) blur(16px); backdrop-filter: saturate(170%) blur(16px); } #subHeader.color_black { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } #footerLine { border-top: 1px solid rgba(255, 255, 255, 0.06); } @media all and (max-width: 767px) { #topHeader { position: sticky; top: 0; z-index: 901; } #subHeader { top: 31px; } } /* === конец блока PEPTIDES: закреплённая шапка === */ /* === PEPTIDES [В-16]: шапка — стекло темнее, без вертикальных линий, значки подсвечиваются фирменным цветом, при прокрутке ниже на 37 % (метка html.ppStuck ставится скриптом в footer.php); нижняя панель без тени, 09.10.2026 === */ #subHeader.color_black, #footerLine { background-color: rgba(22, 22, 24, 0.88) !important; } #footerLine { box-shadow: none !important; } #subHeader #logo, #subHeader #topHeading, #subHeader #headerTools, #subHeader #headerTools .tools > li { border-left: 0 !important; border-right: 0 !important; } #headerTools .tools li:hover a.icon { opacity: 1 !important; } #headerTools .tools li.message:hover a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327bfc1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M8 12h.01'/%3E%3Cpath d='M12 12h.01'/%3E%3Cpath d='M16 12h.01'/%3E%3C/svg%3E") !important; } #headerTools .tools li.search:hover a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327bfc1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important; } #headerTools .tools li.telephone1:hover a.icon, #headerTools .tools li .telephone1:hover a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327bfc1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important; } #headerTools .tools li.wishlist:hover a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327bfc1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important; } #headerTools .tools li.compare:hover a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327bfc1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M16 18H3'/%3E%3Cpath d='M18 9v6'/%3E%3Cpath d='M21 12h-6'/%3E%3C/svg%3E") !important; } #headerTools .tools li.cart:hover a.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327bfc1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important; } @media all and (min-width: 768px) { #subHeader #logo, #subHeader #topHeading, #subHeader #headerTools .tools > li { transition: height 0.2s ease, line-height 0.2s ease; } #subHeader #logo img { transition: height 0.2s ease; } /* шапка становится ниже на 38 точек (102 → 64); столько же добавляем к верхнему отступу #main (24 + 38), чтобы страница не прыгала (отступ у самой шапки сливался с отступом #main и давал скачок 24) */ #subHeader { transition: height 0.2s ease; } #main { transition: margin-top 0.2s ease; } html.ppStuck #subHeader { height: 64px !important; } html.ppStuck #main { margin-top: 62px; } html.ppStuck #subHeader #logo, html.ppStuck #subHeader #topHeading, html.ppStuck #subHeader #headerTools .tools > li { height: 64px !important; line-height: 64px !important; } html.ppStuck #subHeader #headerTools { height: 64px !important; } /* у картинки логотипа широкие прозрачные поля — держим её крупнее полосы, поля уходят за край, знак остаётся читаемым */ html.ppStuck #subHeader #logo img { height: 74px !important; width: auto !important; margin: -5px 0 !important; vertical-align: middle; } /* значок Peptide InfoChat: тема держит внутри свою высоту 102 (.vertical) — сжимаем её вместе с шапкой, значок 50 → 36 */ #subHeader #topHeading .vertical, #subHeader #topHeading .info_chat { transition: height 0.2s ease, line-height 0.2s ease; } html.ppStuck #subHeader #topHeading .vertical, html.ppStuck #subHeader #topHeading .vertical * { height: 64px !important; line-height: 64px !important; } html.ppStuck #subHeader #topHeading .info_chat { height: 36px !important; line-height: 36px !important; } } /* === конец блока PEPTIDES [В-16] === */ /* === PEPTIDES [В-17]: корзина — количество, наличие, удаление, вид «плитка/таблица», кнопки; крестики закрытия окон корзины и личного кабинета; значки Lucide, 09.10.2026 === */ /* переключатель вида */ #personalCart #basketView .item a.squares, #personalCart #basketView .item a.table { width: 32px !important; height: 32px !important; border-radius: 8px; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 20px !important; vertical-align: middle; } #personalCart #basketView .item a.squares { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E") !important; } #personalCart #basketView .item a.table { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M8 6h13'/%3E%3C/svg%3E") !important; } #personalCart #basketView .item a.squares.selected, #personalCart #basketView .item a.squares:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E") !important; background-color: #e6f6f7 !important; } #personalCart #basketView .item a.table.selected, #personalCart #basketView .item a.table:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M8 6h13'/%3E%3C/svg%3E") !important; background-color: #e6f6f7 !important; } /* наличие: тонкие значки вместо картинок */ #personalCart .label > img.icon { display: none !important; } #personalCart .label.inStock, #personalCart .label.onOrder, #personalCart .label.outOfStock { font-family: "Manrope", sans-serif; font-weight: 600; font-size: 13px; text-decoration: none; } #personalCart .label.inStock { color: #2e9e5b !important; } #personalCart .label.onOrder { color: #c77800 !important; } #personalCart .label.outOfStock { color: #d70015 !important; } #personalCart .label.inStock::before, #personalCart .label.onOrder::before, #personalCart .label.outOfStock::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; background: no-repeat center / 16px; } #personalCart .label.inStock::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e9e5b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); } #personalCart .label.onOrder::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c77800' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); } #personalCart .label.outOfStock::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d70015' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); } /* удалить: серая корзинка, при наведении красная */ #personalCart a.delete { width: 30px !important; height: 30px !important; border-radius: 8px; background: no-repeat center / 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") !important; } #personalCart a.delete:hover { background: no-repeat center / 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3b30' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") #fff0ef !important; } #personalCart .topSection .column a.delete { margin-top: -6px; margin-right: -6px; } /* количество: мягкие кнопки и поле */ #personalCart .basketQty { display: inline-flex; align-items: center; gap: 4px; } #personalCart .basketQty a.minus, #personalCart .basketQty a.plus { width: 34px !important; height: 34px !important; border-radius: 8px; background-color: #f2f2f4 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 16px !important; } #personalCart .basketQty a.minus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") !important; } #personalCart .basketQty a.plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") !important; } #personalCart .basketQty a.minus:hover, #personalCart .basketQty a.plus:hover { background-color: #e8e8ed !important; } #personalCart .basketQty input.qty { width: 44px !important; height: 34px !important; margin: 0 !important; border: 0 !important; border-radius: 8px; background: #f2f2f4 !important; text-align: center; font: 600 15px/34px "Manrope", sans-serif; color: #1d1d1f; } /* кнопки «к оформлению» и купон */ #personalCart #newOrder img, #personalCart #orderMake img { display: none !important; } #personalCart #newOrder, #personalCart #orderMake { border-radius: 8px !important; font-family: "Manrope", sans-serif; font-weight: 600; } #personalCart #newOrder::before, #personalCart #orderMake::before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px; vertical-align: -5px; background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); } /* строка итогов с купоном: одна белая карточка без рамок; поле купона мягкое серое, кнопка отдельно */ #personalCart .orderLine { background: #ffffff !important; border: 0 !important; box-shadow: none !important; border-radius: 8px; } #personalCart .orderLine:has(#coupon) { display: flex; align-items: center; justify-content: space-between; min-height: 76px; } #personalCart .orderLine:has(#coupon) #sum, #personalCart #coupon { float: none !important; } #personalCart #coupon { display: flex; align-items: center; gap: 8px; height: auto; margin: 0 !important; padding: 0 !important; } #personalCart #coupon input { margin: 0 !important; vertical-align: middle; } #personalCart #coupon input.couponField { float: none !important; height: 44px !important; border: 0 !important; border-radius: 8px !important; background: #f2f2f4 !important; padding: 0 14px !important; font: 400 14px "Manrope", sans-serif; box-sizing: border-box; } #personalCart #coupon input.couponActivate { float: none !important; height: 44px !important; border: 0 !important; border-radius: 8px !important; padding: 0 22px !important; line-height: 44px !important; font-family: "Manrope", sans-serif; font-weight: 600; cursor: pointer; } @media all and (max-width: 767px) { /* итоги и купон друг под другом, поле и кнопка на всю ширину */ #personalCart .orderLine:has(#coupon) { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px 14px !important; height: auto !important; } /* тема держит под списком товаров пустую дорожку прокрутки — показываем её, только когда есть что прокручивать (вид таблицей) */ #basketProductList { overflow-x: auto !important; } #personalCart .orderLine:has(#coupon) #sum { height: auto !important; line-height: 1.5 !important; } #personalCart #coupon { width: 100% !important; } #personalCart #coupon input.couponField { flex: 1 1 auto; min-width: 0; width: auto !important; } /* сетка карточек с полями −6 (В-11) в корзине шире своего окна и давала полосу прокрутки */ #basketProductList .items.productList { margin-left: 0; margin-right: 0; } } /* строка над товарами режет всё выше 22 точек — значки вида 32 точки обрезались снизу */ #personalCart #basketTopLine { overflow: visible !important; display: flow-root; height: auto !important; } /* крестики закрытия во всплывающих окнах корзины и личного кабинета */ #elementErrorContainer #elementErrorClose, #elementErrorContainer #elementErrorClose:hover, #elementErrorContainer #elementErrorClose:active { width: 32px !important; height: 32px !important; top: 12px !important; right: 12px !important; border-radius: 8px; background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") !important; } #elementErrorContainer #elementErrorClose:hover { background-color: #f2f2f4 !important; } /* === конец блока PEPTIDES [В-17] === */ /* === PEPTIDES [В-18]: карточки товаров без «всплытия» при наведении — всё содержимое видно сразу, 09.10.2026 === Тема прятала кнопку «Add to cart», строку избранное/сравнение/наличие и выбор фасовки под обрезкой 345 точек и при наведении поднимала карточку поверх соседей (position:absolute, во всю ширину ячейки — отсюда сдвиг вправо). Теперь карточка всегда полной высоты, в ряду все одной высоты (flex), цена и кнопка прижаты к низу; при наведении — только тень. В корзине тема ещё и задавала высоту 394 при наведении — тоже снято. Приставка :is(#foundation, #catalogElement): тема держит высоту ячейки правилом #catalogElement .product {346 !important}, а блок «Similar products» на странице товара переносит за пределы #foundation. */ :is(#foundation, #catalogElement) .items.productList { display: flex !important; flex-wrap: wrap; } :is(#foundation, #catalogElement) .items.productList > .clear { display: none !important; } :is(#foundation, #catalogElement) .items.productList > .item { float: none !important; height: auto !important; display: flex; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid, :is(#foundation, #catalogElement) .items.productList > .item:hover > .tabloid, #foundation #personalCart .items.productList > .item > .tabloid, #foundation #personalCart .productList .product:hover .tabloid { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; z-index: auto !important; display: flex; flex-direction: column; overflow: visible !important; } /* фасовка — под названием; цена, кнопка и строка избранное/сравнение/наличие прижаты к низу — кнопки в ряду на одной линии */ :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty { order: 1; margin-bottom: 8px; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .price, :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .addCart, :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .optional { order: 2; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .price { margin-top: auto; } /* === конец блока PEPTIDES [В-18] === */ /* === PEPTIDES [В-19]: карточка товара как в макете drafts.peptides.pw/homepage-final.html, 09.10.2026 === Компактно: фото, полоска, название крупно, фасовка, внизу цена слева и круглая бирюзовая кнопка корзины справа; сердечко «в избранное» — в правом верхнем углу фото; «In stock» с карточки убран, «Compare» — значком под сердечком (14.10; оба есть и на странице товара и в Quick View). Только стили: шаблон карточки не менялся. Корзину не задевает (там свои элементы). */ :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .picture { height: 200px !important; line-height: 200px !important; margin: 0 0 12px !important; padding-bottom: 0; border-bottom: 2px solid #f2f2f4; display: flex; align-items: center; justify-content: center; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .picture img { max-height: 180px !important; max-width: 100%; width: auto !important; height: auto !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .name { height: auto !important; line-height: 1.3 !important; margin: 0 0 6px !important; font-family: "Manrope", sans-serif !important; font-size: 15px !important; font-weight: 500 !important; color: #1d1d1f !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty { margin: 2px 0 10px !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .price { margin: auto 0 0 !important; padding-right: 46px; line-height: 34px !important; height: 34px; font-family: "Manrope", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.02em; color: #1d1d1f !important; } /* круглая кнопка корзины на строке цены */ :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .addCart { position: absolute !important; right: 12px; bottom: 12px; width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; font-size: 0 !important; line-height: 34px !important; text-align: center; display: flex !important; align-items: center; justify-content: center; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .addCart::before { margin: 0 !important; width: 17px !important; height: 17px !important; vertical-align: 0 !important; } /* избранное — сердечко в углу фото, сравнение — значком под ним (14.10); наличие с карточки убрано */ :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .optional { position: static !important; margin: 0 !important; height: 0; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .optional .row:nth-child(2) { display: none !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .optional .addWishlist, :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .optional .addCompare { position: absolute !important; top: 10px; right: 10px; z-index: 2; width: 30px; height: 30px; margin: 0 !important; padding: 0 !important; border-radius: 50%; background: rgba(255, 255, 255, 0.9); font-size: 0 !important; display: flex !important; align-items: center; justify-content: center; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .optional .addWishlist::before, :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .optional .addCompare::before { margin: 0 !important; width: 17px !important; height: 17px !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .optional .addCompare { top: 31px; } /* === конец блока PEPTIDES [В-19] === */ /* === PEPTIDES [В-21]: карточка компактнее — подпись раздела, фасовка бегунком в одну строку, тонкая линия, 09.10.2026 === Подпись раздела (div.ppCat) выводит шаблон карточки (catalog.section/squares, offers.product), повтор с названием скрыт там же. Фасовка (15.10.2026, владелец): без слова «Bulk» и без граммовки — тонкими пилюлями в нижнем левом углу фото, 8 точек над линией: выбранная — тонкий тёмный контур на полупрозрачном белом, остальные — серый текст. Так у карточек с фасовкой и без одна раскладка, под названием нет пустого места. Прежний вариант (дорожка с бегунком) убран. Линия под фото — тонкая (0,5 точки на Retina, 1 точка на обычном экране). */ :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .ppCat { margin: 0 0 3px; font-family: "Manrope", sans-serif; font-size: 9.5px; font-weight: 600; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; color: #00aab5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .picture { border-bottom: 0.5px solid #d2d2d7 !important; margin-bottom: 10px !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .name { margin-bottom: 8px !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty { position: absolute !important; left: 12px; top: 187px; right: auto !important; width: auto !important; z-index: 2; margin: 0 !important; padding: 0 !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty .skuPropertyName { display: none !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid .ppBulkW { display: none !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty .skuPropertyList { display: inline-flex !important; flex-wrap: nowrap !important; gap: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; height: auto !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty .skuPropertyList > .skuPropertyValue { flex: 0 0 auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; background: none !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty .skuPropertyList > .skuPropertyValue .skuPropertyLink { display: block !important; box-sizing: border-box !important; height: 18px !important; line-height: 16px !important; margin: 0 !important; padding: 0 6px !important; border: 1px solid transparent !important; border-radius: 99px !important; box-shadow: none !important; background: rgba(255, 255, 255, 0.7) !important; color: #86868b !important; font-family: "Manrope", sans-serif; font-size: 10px !important; font-weight: 500 !important; letter-spacing: .01em; white-space: nowrap; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty .skuPropertyList > .skuPropertyValue .skuPropertyLink:hover { color: #1d1d1f !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty .skuPropertyList > .skuPropertyValue.selected .skuPropertyLink { background: rgba(255, 255, 255, 0.9) !important; color: #1d1d1f !important; border-color: rgba(29, 29, 31, 0.45) !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .skuProperty .skuPropertyList > .skuPropertyValue.disabled .skuPropertyLink { opacity: 0.45; } /* === конец блока PEPTIDES [В-21] === */ /* === PEPTIDES [В-22]: общий серый фон и на внутренних страницах, белые карточки на нём, 09.10.2026 === Тема заливает белым область контента (#main) на внутренних страницах — белые карточки сливались с ней. Страницы списков (#catalog: разделы, корень каталога, поиск, New, Popular, акции): заливка снята, виден фон #f5f5f7. Страница товара (#catalogElement — у темы три колонки во всю ширину окна): верх с крошками и заголовком тоже серый, боковые колонки — тот же #f5f5f7 (у темы #f3f3f3), середина белая; блок «Similar products» — на серой подложке, карточки белые без рамок темы (border снизу и справа давали сетку), сетка от 230 точек на карточку (4 в ряд на 1920). */ #main:has(#catalog), body:has(#catalogElement) #main { background: transparent !important; } /* у темы под содержимым ещё белый слой #main::before (~1200 точек высотой) — из-за него серым была только нижняя часть страницы */ #main:has(#catalog)::before, body:has(#catalogElement) #main::before { display: none !important; } /* блоки, которые у темы прозрачные и держались на белом листе: «Specify section» и строка сортировки — белые карточки */ #main:has(#catalog) #nextSection, #main:has(#catalog) #catalogLine { background: #fff !important; border: 0 !important; border-radius: 8px !important; } #main:has(#catalog) #nextSection { overflow: hidden; } /* у строки сортировки overflow не трогаем — там выпадающие списки */ #main:has(#catalog) #nextSection .title { background: #fff !important; border-bottom: 1px solid #f2f2f4 !important; } #catalogElement #elementNavigation, #catalogElement #elementTools { background-color: #f5f5f7 !important; } #catalogElement #similar { margin-top: 24px !important; padding: 0 24px 24px; background: #f5f5f7; } #catalogElement #similar .heading { padding-left: 0 !important; padding-right: 0 !important; border-top: 0 !important; } #catalogElement #similar .items.productList { border-top: 0 !important; } /* серые линии темы над и под заголовком не нужны: блок и так отделён подложкой */ #catalogElement #elementContainer:has(> #similar:last-child) { padding-bottom: 0 !important; } /* без белой полосы под серым блоком */ #catalogElement #similar .items.productList { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; margin: 0 !important; } #catalogElement #similar .items.productList > .item { width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } /* === конец блока PEPTIDES [В-22] === */ /* === PEPTIDES [В-24]: окно «Связаться с нами» (значок облачка в шапке) — фирменные знаки мессенджеров, 09.10.2026 === Было: серые контурные рисунки 60×60 с бирюзовыми подписями и вертикальными перегородками. Стало: цветные кружки 44 (WhatsApp #25D366, Viber #7360F2 — белый знак; Telegram — свой голубой круг с белым самолётиком), подпись под кружком светло-серым, без перегородок; при наведении кружок чуть приподнимается. Знаки — Simple Icons 16.3.0 (CC0). Ссылки и разметка не менялись (у Viber и Telegram тема сама показывает на телефоне вторую ссылку вместо первой). */ #topMessageForm .tools, #topMessageForm .tools li { border: 0 !important; } #topMessageForm .tools { gap: 8px; height: 102px; align-items: center; } #topMessageForm .tools li { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 76px; height: 102px; line-height: normal !important; padding: 0 !important; float: none !important; } #topMessageForm .tools li .wrap { order: 1; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } #topMessageForm .tools li .text { order: 2; position: static !important; width: auto !important; padding: 0 !important; line-height: 16px !important; font-family: "Manrope", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; color: #c7c7cc !important; } #topMessageForm .tools .icon { display: block; width: 44px !important; height: 44px !important; margin: 0 !important; float: none !important; border-radius: 50%; background-repeat: no-repeat !important; background-position: center !important; transition: transform 0.2s ease, filter 0.2s ease; } #topMessageForm .tools .icon:hover { transform: translateY(-2px); filter: brightness(1.08); } #topMessageForm .whatsapp .icon, #topMessageForm .whatsapp .icon:hover { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") center / 24px no-repeat #25D366 !important; } #topMessageForm .viber .icon, #topMessageForm .viber .icon:hover { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7.633 9.817.57 12.933.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.812-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.546-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545-.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.153.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188-.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602c-.167 0-.303.135-.304.302 0 .167.133.303.3.305 1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002.167.14.3.307.3.166-.002.3-.138.3-.304-.014-1.984-.618-3.596-1.816-4.764-1.19-1.16-2.692-1.753-4.447-1.765zm-3.96.695c-.19-.032-.4.005-.616.117l-.01.002c-.43.247-.816.562-1.146.932-.002.004-.006.004-.008.008-.267.323-.42.638-.46.948-.008.046-.01.093-.007.14 0 .136.022.27.065.4l.013.01c.135.48.473 1.276 1.205 2.604.42.768.903 1.5 1.446 2.186.27.344.56.673.87.984l.132.132c.31.308.64.6.984.87.686.543 1.418 1.027 2.186 1.447 1.328.733 2.126 1.07 2.604 1.206l.01.014c.13.042.265.064.402.063.046.002.092 0 .138-.008.31-.036.627-.19.948-.46.004 0 .003-.002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.004 0-.698-.58-1.037-.83-.36-.255-.73-.492-1.113-.71-.51-.285-1.032-.106-1.248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248-.217-.383-.454-.756-.71-1.115-.25-.34-.826-1.033-.83-1.035-.137-.165-.31-.265-.502-.297zm4.49.88c-.158.002-.29.124-.3.282-.01.167.115.312.282.324 1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 2.57-.002.168.13.306.3.31.166.003.305-.13.31-.297.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777-1.253-3.05-1.346h-.024zm.463 1.63c-.16.002-.29.127-.3.287-.008.167.12.31.288.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164.01.167.15.295.318.287.167-.008.295-.15.287-.317-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z'/%3E%3C/svg%3E") center / 24px no-repeat #7360F2 !important; } #topMessageForm .telegram .icon, #topMessageForm .telegram .icon:hover { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2326A5E4' d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E") center / 100% no-repeat, radial-gradient(circle, #fff 58%, transparent 60%) !important; } #topMessageForm .tools li .wrap a:hover { text-decoration: none; } /* === конец блока PEPTIDES [В-24] === */ /* === PEPTIDES [В-25]: баннер под сеткой товаров на главной (#middleSlider) — виден от 768 точек, 09.10.2026 === Тема прятала его на окнах уже 1500 точек (на ноутбуке и в неразвёрнутом окне баннера не было). Баннер вытянутый (2952×404, ~7:1), поэтому на телефоне (уже 768) по-прежнему скрыт — там вышла бы полоска ~45 точек. */ @media (min-width: 768px) { #middleSlider { display: block !important; } #middleSlider img { max-width: 100%; height: auto; } } /* === конец блока PEPTIDES [В-25] === */ /* === PEPTIDES [В-26]: баннеры на главной (верхний #slider и нижний #middleSlider) сменяются растворением, а не прокруткой, 09.10.2026 === Скрипт темы (js/dwSlider.js) не менялся: он по-прежнему двигает ленту (.slideBox, свойство left) и подсвечивает точку выбранного слайда (.pager li.selected). Ленту закрепляем на месте (left 0 !important перебивает его анимацию), слайды лежат друг на друге, виден тот, чья точка выбрана, — смена плавным растворением 0,9 с. Точку тема отмечает по окончании своей невидимой анимации (0,55 с), поэтому растворение начинается с этой задержкой. Без анимации при «уменьшить движение». В вёрстке верхнего слайдера между li лежат пустые — поэтому li:nth-of-type, а не nth-child. До 8 слайдов. */ :is(#slider, #middleSlider) > .slideBox { left: 0 !important; width: 100% !important; } :is(#slider, #middleSlider) > .slideBox > li { position: absolute !important; top: 0; left: 0; width: 100% !important; float: none !important; opacity: 0; z-index: 0; pointer-events: none; transition: opacity 0.9s ease; } :is(#slider, #middleSlider) > .slideBox > li:first-of-type { position: relative !important; } :is(#slider, #middleSlider):not(:has(> .pager)) > .slideBox > li:first-of-type, :is(#slider, #middleSlider):has(> .pager > li:nth-child(1).selected) > .slideBox > li:nth-of-type(1), :is(#slider, #middleSlider):has(> .pager > li:nth-child(2).selected) > .slideBox > li:nth-of-type(2), :is(#slider, #middleSlider):has(> .pager > li:nth-child(3).selected) > .slideBox > li:nth-of-type(3), :is(#slider, #middleSlider):has(> .pager > li:nth-child(4).selected) > .slideBox > li:nth-of-type(4), :is(#slider, #middleSlider):has(> .pager > li:nth-child(5).selected) > .slideBox > li:nth-of-type(5), :is(#slider, #middleSlider):has(> .pager > li:nth-child(6).selected) > .slideBox > li:nth-of-type(6), :is(#slider, #middleSlider):has(> .pager > li:nth-child(7).selected) > .slideBox > li:nth-of-type(7), :is(#slider, #middleSlider):has(> .pager > li:nth-child(8).selected) > .slideBox > li:nth-of-type(8) { opacity: 1; z-index: 1; pointer-events: auto; } @media (prefers-reduced-motion: reduce) { :is(#slider, #middleSlider) > .slideBox > li { transition: none; } } /* === конец блока PEPTIDES [В-26] === */ /* === PEPTIDES [В-27]: управление баннерами на главной — точки и стрелки поверх слайдов, новый вид, 09.10.2026 === После В-26 слайды лежат слоями и перекрыли точки и стрелки темы — поднимаем их наверх (z-index). Вид: точки — белые 6 точек на полупрозрачной тёмной капсуле внизу по центру, выбранная — вытянутая 18; стрелки — круглые светлые кнопки 40 (на нижнем узком баннере 32) с шевроном Lucide, видны при наведении на баннер; на сенсорных экранах (без наведения) стрелок нет — листают пальцем и точками. Тема центрирует точки отрицательным margin-left, считая 22 точки на одну, — заменено на transform. */ :is(#slider, #middleSlider) > .pager { z-index: 3; left: 50% !important; right: auto; bottom: 12px !important; margin: 0 !important; transform: translateX(-50%); display: flex; align-items: center; gap: 6px; padding: 6px 9px !important; border-radius: 999px; background: rgba(0, 0, 0, 0.28); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } :is(#slider, #middleSlider) > .pager > li { float: none !important; width: 6px !important; height: 6px !important; margin: 0 !important; border-radius: 3px; background: rgba(255, 255, 255, 0.55) !important; cursor: pointer; transition: width 0.3s ease, background-color 0.3s ease; } :is(#slider, #middleSlider) > .pager > li:hover { background: rgba(255, 255, 255, 0.85) !important; } :is(#slider, #middleSlider) > .pager > li.selected { width: 18px !important; background: #fff !important; } #middleSlider > .pager { bottom: 8px !important; padding: 5px 8px !important; } #slider .sliderBtnLeft, #slider .sliderBtnRight, #middleSlider .middleSliderBtnLeft, #middleSlider .middleSliderBtnRight { z-index: 3; top: 50% !important; width: 40px !important; height: 40px !important; margin: 0 !important; transform: translateY(-50%); border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center / 20px no-repeat rgba(255, 255, 255, 0.85) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); opacity: 0; transition: opacity 0.25s ease, background-color 0.2s ease; } #slider .sliderBtnLeft, #middleSlider .middleSliderBtnLeft { left: 16px !important; right: auto !important; } #slider .sliderBtnRight, #middleSlider .middleSliderBtnRight { right: 16px !important; left: auto !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") !important; } #middleSlider .middleSliderBtnLeft, #middleSlider .middleSliderBtnRight { width: 32px !important; height: 32px !important; background-size: 16px !important; } #middleSlider .middleSliderBtnLeft { left: 12px !important; } #middleSlider .middleSliderBtnRight { right: 12px !important; } :is(#slider, #middleSlider):hover :is(.sliderBtnLeft, .sliderBtnRight, .middleSliderBtnLeft, .middleSliderBtnRight) { opacity: 1; } :is(#slider, #middleSlider) :is(.sliderBtnLeft, .sliderBtnRight, .middleSliderBtnLeft, .middleSliderBtnRight):hover { background-color: #fff !important; } @media (hover: none) { :is(#slider, #middleSlider) :is(.sliderBtnLeft, .sliderBtnRight, .middleSliderBtnLeft, .middleSliderBtnRight) { display: none !important; } } /* === конец блока PEPTIDES [В-27] === */ /* === PEPTIDES [В-30]: главная на телефоне — две карточки в ряд, вкладки меньше, без нижней полосы, 10.10.2026 === Только до 767 точек; компьютер и планшет не меняются. Приставка #foundation #homeCatalog — чтобы перебить карточку из В-19/В-21 (там :is(#foundation, #catalogElement)) и не задеть разделы каталога и «Similar products». */ @media (max-width: 767px) { /* нижняя полоса «CART 0» повторяла корзину из закреплённой шапки — убрана вместе с отступом под неё */ #footerLine { display: none !important; } #footer { margin-bottom: 0 !important; } #cookie_warning { bottom: 0 !important; } #upButton { bottom: 16px !important; } /* вкладки Best sellers / New arrivals — компактные пилюли */ #foundation #homeCatalog .captionList { margin-bottom: 12px !important; } #foundation #homeCatalog #captionCarousel .caption a { font-size: 14px !important; height: 34px !important; line-height: 34px !important; padding: 0 16px !important; } /* две карточки в ряд */ #foundation #homeCatalog .items.productList { margin-left: -4px !important; margin-right: -4px !important; width: auto !important; } #foundation #homeCatalog .items.productList > .item { width: 50% !important; padding: 0 4px !important; margin-bottom: 8px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid { padding: 10px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .picture { height: 128px !important; line-height: 128px !important; margin-bottom: 8px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .picture img { max-width: 100% !important; max-height: 116px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .markerContainer { top: 6px !important; left: 6px !important; right: 34px; } #foundation #homeCatalog .items.productList > .item > .tabloid > .markerContainer .marker { font-size: 10px !important; line-height: 16px !important; height: 16px !important; padding: 0 6px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .optional .addWishlist { top: 4px !important; right: 4px !important; width: 28px !important; height: 28px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .optional .addCompare { top: 25px !important; right: 4px !important; width: 28px !important; height: 28px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .ppCat { font-size: 9px !important; letter-spacing: .05em !important; margin-bottom: 2px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .name { font-size: 13.5px !important; font-weight: 500 !important; line-height: 18px !important; margin-bottom: 6px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .skuProperty { left: 10px !important; top: 117px !important; margin: 0 !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .skuProperty .skuPropertyLink { height: 16px !important; line-height: 14px !important; padding: 0 5px !important; font-size: 9.5px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .price { font-size: 16px !important; height: 32px !important; line-height: 32px !important; padding-right: 36px !important; white-space: nowrap; } #foundation #homeCatalog .items.productList > .item > .tabloid > .addCart { width: 32px !important; height: 32px !important; right: 10px !important; bottom: 10px !important; } #foundation #homeCatalog .items.productList > .item > .tabloid > .addCart::before { width: 16px !important; height: 16px !important; } /* плитка «Show more» — по размеру соседней карточки */ #foundation #homeCatalog .items.productList > .item.last > .showMore { height: auto !important; min-height: 0 !important; width: 100%; display: flex !important; align-items: center; justify-content: center; } #foundation #homeCatalog .items.productList > .item.last > .showMore .icon img { width: 36px !important; height: 36px !important; } #foundation #homeCatalog .items.productList > .item.last > .showMore .ps, #foundation #homeCatalog .items.productList > .item.last > .showMore .value { font-size: 15px !important; } #foundation #homeCatalog .items.productList > .item.last > .showMore .small { font-size: 12px !important; } } /* === конец блока PEPTIDES [В-30] === */ /* === PEPTIDES [В-31]: баннер и вкладки главной, фасовка без веса на телефоне, 10.10.2026 === 1) Скругление: тема скругляла #sliderBlock, а он на 24 точки выше картинки (отступ под #slider) — нижние углы баннера оставались прямыми. Скругляем сам #slider и нижний #middleSlider. 2) Смена слайдов мягче: растворение 1,4 с с плавным разгоном и торможением, входящий слайд медленно «наезжает» с 106 % до 100 % (6 с) — как в рекламе Apple. Без движения при «уменьшить движение». 3) Телефон: баннер выше (163 → 190, картинка заполняет по ширине, по бокам срезается ~7 %, текст не задет); вкладки Best sellers / New arrivals — тонкий переключатель: белый бегунок на светло-серой дорожке, 28 высотой; в карточке фасовка только количеством («60 caps»), вес скрыт (шаблоны оборачивают его в span.ppBulkW). */ #slider, #middleSlider { border-radius: 8px; overflow: hidden !important; isolation: isolate; } :is(#slider, #middleSlider) > .slideBox > li { transform: scale(1.06); transform-origin: 50% 50%; transition: opacity 1.4s cubic-bezier(0.4, 0, 0.2, 1), transform 6s cubic-bezier(0.2, 0.6, 0.3, 1) !important; } :is(#slider, #middleSlider):not(:has(> .pager)) > .slideBox > li:first-of-type, :is(#slider, #middleSlider):has(> .pager > li:nth-child(1).selected) > .slideBox > li:nth-of-type(1), :is(#slider, #middleSlider):has(> .pager > li:nth-child(2).selected) > .slideBox > li:nth-of-type(2), :is(#slider, #middleSlider):has(> .pager > li:nth-child(3).selected) > .slideBox > li:nth-of-type(3), :is(#slider, #middleSlider):has(> .pager > li:nth-child(4).selected) > .slideBox > li:nth-of-type(4), :is(#slider, #middleSlider):has(> .pager > li:nth-child(5).selected) > .slideBox > li:nth-of-type(5), :is(#slider, #middleSlider):has(> .pager > li:nth-child(6).selected) > .slideBox > li:nth-of-type(6), :is(#slider, #middleSlider):has(> .pager > li:nth-child(7).selected) > .slideBox > li:nth-of-type(7), :is(#slider, #middleSlider):has(> .pager > li:nth-child(8).selected) > .slideBox > li:nth-of-type(8) { transform: scale(1); } @media (prefers-reduced-motion: reduce) { :is(#slider, #middleSlider) > .slideBox > li { transform: none !important; transition: none !important; } } @media (max-width: 767px) { #slider .slideBox > li > a > span { height: 190px !important; background-size: cover !important; background-position: 50% 50% !important; } #foundation #homeCatalog .captionList { margin-bottom: 12px !important; } #foundation #homeCatalog #captionCarousel { padding: 2px !important; background: #e8e8ed; } #foundation #homeCatalog .captionList .caption, #foundation #homeCatalog .captionList .caption:hover { transition: background-color .25s ease, box-shadow .25s ease; } #foundation #homeCatalog .captionList .caption.selected { background: #fff !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 0 0.5px rgba(0, 0, 0, 0.04) !important; } #foundation #homeCatalog #captionCarousel .caption a { font-size: 13px !important; font-weight: 600 !important; height: 28px !important; line-height: 28px !important; padding: 0 14px !important; color: #6e6e73 !important; } #foundation #homeCatalog #captionCarousel .caption.selected a { color: #1d1d1f !important; } #foundation #homeCatalog .items.productList .skuPropertyLink .ppBulkW { display: none; } } /* === конец блока PEPTIDES [В-31] === */ /* === PEPTIDES [В-32]: третья вкладка «Special offers» на главной (группа Sales and discounts), 10.10.2026 === Вкладку выводит шаблон offers.product, только если в группе есть действующие товары. На телефоне три вкладки не помещаются в ширину — переключатель во всю ширину, вкладки поровну, текст по центру. */ @media (max-width: 767px) { #foundation #homeCatalog #captionCarousel { display: block !important; width: 100% !important; box-sizing: border-box; } #foundation #homeCatalog #captionCarousel .slideBox { width: 100% !important; } #foundation #homeCatalog #captionCarousel .cItem { flex: 1 1 0; min-width: 0; } #foundation #homeCatalog #captionCarousel .caption a { padding: 0 4px !important; font-size: 12.5px !important; letter-spacing: -0.01em; text-align: center; overflow: hidden; text-overflow: ellipsis; } } /* === конец блока PEPTIDES [В-32] === */ /* === PEPTIDES [В-33]: смена слайдов ещё мягче — растворение 2 с без «провала», 10.10.2026 === Раньше старый слайд гас одновременно с проявлением нового — в середине оба полупрозрачные и сквозь них проступал фон. Теперь новый слайд (он сверху) проявляется 2 с по плавной кривой поверх старого, а старый остаётся целым и убирается только после этого, без анимации. Наезд мягче и дольше: 104 % → 100 % за 8 с. */ :is(#slider, #middleSlider) > .slideBox > li { transform: scale(1.04); transition: opacity 0s linear 2s, transform 0s linear 2s !important; } :is(#slider, #middleSlider):not(:has(> .pager)) > .slideBox > li:first-of-type, :is(#slider, #middleSlider):has(> .pager > li:nth-child(1).selected) > .slideBox > li:nth-of-type(1), :is(#slider, #middleSlider):has(> .pager > li:nth-child(2).selected) > .slideBox > li:nth-of-type(2), :is(#slider, #middleSlider):has(> .pager > li:nth-child(3).selected) > .slideBox > li:nth-of-type(3), :is(#slider, #middleSlider):has(> .pager > li:nth-child(4).selected) > .slideBox > li:nth-of-type(4), :is(#slider, #middleSlider):has(> .pager > li:nth-child(5).selected) > .slideBox > li:nth-of-type(5), :is(#slider, #middleSlider):has(> .pager > li:nth-child(6).selected) > .slideBox > li:nth-of-type(6), :is(#slider, #middleSlider):has(> .pager > li:nth-child(7).selected) > .slideBox > li:nth-of-type(7), :is(#slider, #middleSlider):has(> .pager > li:nth-child(8).selected) > .slideBox > li:nth-of-type(8) { transition: opacity 2s cubic-bezier(0.37, 0, 0.63, 1), transform 8s cubic-bezier(0.25, 0.1, 0.25, 1) !important; } @media (prefers-reduced-motion: reduce) { :is(#slider, #middleSlider) > .slideBox > li { transform: none !important; transition: none !important; } } /* === конец блока PEPTIDES [В-33] === */ /* === PEPTIDES [В-34]: главная на телефоне — ровные отступы 12 между шапкой, кнопкой каталога, баннером и вкладками, 10.10.2026 === Было 24 / 24 / 24, а между вкладками и карточками 12. Только главная (#foundation:has(#homeCatalog)), только до 767 точек. */ @media (max-width: 767px) { #foundation:has(#homeCatalog) #main { margin-top: 12px !important; } #foundation:has(#homeCatalog) #left { margin-bottom: 12px !important; } #foundation:has(#homeCatalog) #catalogMenuHeading { margin-bottom: 0 !important; } #foundation:has(#homeCatalog) #right { margin-top: 0 !important; } #foundation:has(#homeCatalog) #catalogMenuHeading + .collapsed { margin-top: 8px !important; } /* раскрытое меню каталога — не вплотную к кнопке */ #foundation:has(#homeCatalog) #left #subLeftMenu { margin-bottom: 0 !important; } /* его 24 выходили наружу и давали 24 вместо 12 до баннера */ #foundation:has(#homeCatalog) #slider { margin-bottom: 12px !important; } } /* === конец блока PEPTIDES [В-34] === */ /* === PEPTIDES [В-35]: Quick view на компьютере — тёмный кружок с глазом в правом нижнем углу фото, 10.10.2026, кружок — 15.10.2026 === Тема (и круг из В-13) ставили кнопку в центр фото — она закрывала сам товар. Теперь тёмный кружок 26 с глазом в правом нижнем углу фото, 8 точек над линией (на одной линии с фасовкой из В-21); появляется при наведении. Только шире 1024, где тема вообще показывает Quick view. */ @media all and (min-width: 1025px) { :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .picture { position: relative !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .picture .getFastView { top: auto !important; bottom: 7px !important; left: auto !important; right: 0 !important; margin: 0 !important; width: 26px !important; height: 26px !important; padding: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; gap: 0 !important; white-space: nowrap; line-height: 26px !important; font-family: "Manrope", sans-serif !important; font-weight: 600; font-size: 0 !important; color: #fff !important; background-color: rgba(29, 29, 31, 0.82) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transform: none !important; transition: opacity .2s ease, transform .2s ease, background-color .2s ease, visibility .2s !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .picture .getFastView::before { content: ""; width: 14px; height: 14px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; } :is(#foundation, #catalogElement) .items.productList > .item:hover > .tabloid > .picture .getFastView { transform: none !important; } :is(#foundation, #catalogElement) .items.productList > .item > .tabloid > .picture .getFastView:hover { background-color: #1d1d1f !important; } } /* === конец блока PEPTIDES [В-35] === */ /* === PEPTIDES [В-36]: раздел каталога на телефоне — до товаров быстрее, 10.10.2026 === Было (Peptide products, 375): первый товар на 1131-й точке — до него кнопка каталога, список подразделов 322, крошки, заголовок, сортировка 55 и описание раздела 413; товары по одному в ряд. Стало: подразделы — одна строка пилюль с прокруткой вбок; сортировка — одна тонкая строка (только «Sort by», «Items per page» и вид списка скрыты — на телефоне вид всегда плитка); описание раздела — под товарами, перед переключателем страниц; товары по две карточки в ряд, как на главной (В-30, В-31); отступы 12. Только до 767 точек; компьютер не меняется. Страницы со списком товаров #catalog (разделы, поиск, акции). */ @media (max-width: 767px) { #foundation:has(#catalog) #main { margin-top: 12px !important; } #foundation:has(#catalog) #left { margin-bottom: 12px !important; } #foundation:has(#catalog) #right { margin-top: 0 !important; } #foundation:has(#catalog) #catalogMenuHeading { margin-bottom: 0 !important; } #foundation:has(#catalog) #catalogMenuHeading + .collapsed { margin-top: 8px !important; } #foundation:has(#catalog) #left #subLeftMenu { margin-bottom: 0 !important; } /* подразделы — строка пилюль */ #foundation #main:has(#catalog) #nextSection { margin: 12px -12px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } #foundation #main:has(#catalog) #nextSection .title { display: none !important; } #foundation #main:has(#catalog) #nextSection ul { display: flex !important; flex-wrap: nowrap; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 !important; padding: 0 12px !important; border: 0 !important; } #foundation #main:has(#catalog) #nextSection ul::-webkit-scrollbar { display: none; } #foundation #main:has(#catalog) #nextSection ul > li { flex: none; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; width: auto !important; float: none !important; } #foundation #main:has(#catalog) #nextSection .sectionLine { display: flex !important; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 999px; background: #fff; box-sizing: border-box; } #foundation #main:has(#catalog) #nextSection .sectionColumn { display: inline !important; width: auto !important; padding: 0 !important; border: 0 !important; } #foundation #main:has(#catalog) #nextSection .sectionColumn a { font-size: 13px !important; font-weight: 600; line-height: 32px !important; color: #1d1d1f !important; white-space: nowrap; padding: 0 !important; } #foundation #main:has(#catalog) #nextSection .sectionColumn.last a.cnt { font-size: 11px !important; font-weight: 600; color: #86868b !important; } #foundation #main:has(#catalog) #nextSection .sectionColumn a.selected, #foundation #main:has(#catalog) #nextSection .sectionLine:has(a.selected) { color: #fff !important; background: #1d1d1f; } /* крошки и заголовок плотнее */ #foundation:has(#catalog) #breadcrumbs { margin-bottom: 4px !important; } #foundation:has(#catalog) #right > h1 { font-size: 24px !important; line-height: 1.2 !important; margin: 0 0 10px !important; } /* порядок: сортировка, товары, страницы, описание */ #foundation #catalog { display: flex !important; flex-direction: column; } #foundation #catalog > #catalogLine { order: 1; } #foundation #catalog > .items.productList { order: 2; margin-top: 0 !important; } #foundation #catalog > .bx-pagination { order: 3; } #foundation #catalog > div:not([id]):not([class]) { order: 4; margin-top: 16px !important; font-size: 14px; line-height: 1.5; color: #424245; } /* сортировка — тонкая строка */ #foundation #main:has(#catalog) #catalogLine { display: flex !important; align-items: center; height: auto !important; min-height: 0 !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; } #foundation #main:has(#catalog) #catalogLine > .column:not(:first-child) { display: none !important; } #foundation #main:has(#catalog) #catalogLine > .column:first-child { display: flex !important; align-items: center; gap: 6px; float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; } #foundation #main:has(#catalog) #catalogLine .label { font-size: 13px !important; color: #6e6e73 !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } #foundation #main:has(#catalog) #catalogLine select { height: 32px !important; font-size: 16px !important; transform: scale(.8125); transform-origin: left center; } /* товары по две в ряд — как на главной */ #foundation #catalog .items.productList { margin-left: -4px !important; margin-right: -4px !important; width: auto !important; } #foundation #catalog .items.productList > .item { width: 50% !important; padding: 0 4px !important; margin-bottom: 8px !important; } #foundation #catalog .items.productList > .item > .tabloid { padding: 10px !important; } #foundation #catalog .items.productList > .item > .tabloid > .picture { height: 128px !important; line-height: 128px !important; margin-bottom: 8px !important; } #foundation #catalog .items.productList > .item > .tabloid > .picture img { max-width: 100% !important; max-height: 116px !important; } #foundation #catalog .items.productList > .item > .tabloid > .markerContainer { top: 6px !important; left: 6px !important; right: 34px; } #foundation #catalog .items.productList > .item > .tabloid > .markerContainer .marker { font-size: 10px !important; line-height: 16px !important; height: 16px !important; padding: 0 6px !important; } #foundation #catalog .items.productList > .item > .tabloid > .optional .addWishlist { top: 4px !important; right: 4px !important; width: 28px !important; height: 28px !important; } #foundation #catalog .items.productList > .item > .tabloid > .optional .addCompare { top: 25px !important; right: 4px !important; width: 28px !important; height: 28px !important; } #foundation #catalog .items.productList > .item > .tabloid > .ppCat { font-size: 9px !important; letter-spacing: .05em !important; margin-bottom: 2px !important; } #foundation #catalog .items.productList > .item > .tabloid > .name { font-size: 13.5px !important; font-weight: 500 !important; line-height: 18px !important; margin-bottom: 6px !important; } #foundation #catalog .items.productList > .item > .tabloid > .skuProperty { left: 10px !important; top: 117px !important; margin: 0 !important; } #foundation #catalog .items.productList > .item > .tabloid > .skuProperty .skuPropertyLink { height: 16px !important; line-height: 14px !important; padding: 0 5px !important; font-size: 9.5px !important; } #foundation #catalog .items.productList .skuPropertyLink .ppBulkW { display: none; } #foundation #catalog .items.productList > .item > .tabloid > .price { font-size: 16px !important; height: 32px !important; line-height: 32px !important; padding-right: 36px !important; white-space: nowrap; } #foundation #catalog .items.productList > .item > .tabloid > .addCart { width: 32px !important; height: 32px !important; right: 10px !important; bottom: 10px !important; } #foundation #catalog .items.productList > .item > .tabloid > .addCart::before { width: 16px !important; height: 16px !important; } } /* === конец блока PEPTIDES [В-36] === */ /* === PEPTIDES [В-43]: боковое меню каталога не наезжает на закреплённую шапку, 17.10.2026 === В-11 поставил меню на слой 1000 (поверх плашек товаров), а закреплённая шапка В-15 стоит на 900 — при прокрутке раскрытое меню на главной проезжало поверх шапки. Меню — 899: ниже шапки (900), выше плашек (88); нижняя панель (999), окно Quick View (1000) и корзина (1001) остаются выше. */ #leftMenu { z-index: 899; } /* === конец блока PEPTIDES [В-43] === */ /* === PEPTIDES [В-44]: последние значки старой темы — на наборе Lucide, 17.10.2026 === Найдены обходом всех страниц (правило владельца: менять значок — искать старый по всему сайту). 1) кнопка «Product catalog» — iconMenu.png; 2) переключатель вида каталога — catalogView.png; 3) пустые корзина, сравнение, избранное, поиск — emptyFolder.png (картинка в шаблонах, заменяем фоном приёмом «размер 0 + отступы», чтобы не трогать 8 шаблонов); 4) «Show more» — showMore.png; 5) крестик окна Quick View — exit.png; 6) поиск: оранжевая лупа modalSearch.png, крестик подсказок exit.png, оранжевое наведение «Close window»; 7) значки шагов оформления — sprite.png (готово / внимание / ошибка, точка самовывоза, замок пароля); 8) галочки и кружки — checkBox.png / radio.png (вход, подписка, сравнение, формы, фильтры). Значки — Lucide, толщина 1,75, серый #86868b, фирменный #00aab5, «готово» — #2e9e5b (как В-17). */ /* 1. Кнопка «Product catalog» */ #left .heading ins, .heading.collapsed ins { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h16'/%3E%3C/svg%3E") !important; background-position: center !important; background-size: 22px 22px !important; background-repeat: no-repeat !important; } /* 2. Переключатель вида каталога: плитка / список / таблица */ #catalogLine .viewList .element a { background-position: center !important; background-size: 20px 20px !important; background-repeat: no-repeat !important; } #catalogLine .viewList .element a.squares { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E") !important; } #catalogLine .viewList .element a.line { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M8 6h13'/%3E%3C/svg%3E") !important; } #catalogLine .viewList .element a.table { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M3 15h18'/%3E%3Cpath d='M12 3v18'/%3E%3C/svg%3E") !important; } #catalogLine .viewList .element a.squares.selected, #catalogLine .viewList .element a.squares:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E") !important; } #catalogLine .viewList .element a.line.selected, #catalogLine .viewList .element a.line:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M8 6h13'/%3E%3C/svg%3E") !important; } #catalogLine .viewList .element a.table.selected, #catalogLine .viewList .element a.table:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M3 15h18'/%3E%3Cpath d='M12 3v18'/%3E%3C/svg%3E") !important; } /* 3. Пустые списки: светлый круг со значком «пусто» вместо листа с чёрным крестом */ img.emptyImg { box-sizing: content-box !important; width: 0 !important; height: 0 !important; padding: 48px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='48' cy='48' r='48' fill='%23f2f2f5' stroke='none'/%3E%3Cg transform='translate(28 28) scale(1.6667)' fill='none' stroke='%2386868b' stroke-width='1.5'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/g%3E%3C/svg%3E") center / 96px 96px no-repeat !important; } /* 4. «Show more» на главной (второй селектор сильнее правила В-30, которое держит ширину 36) */ a.showMore .icon img[src*="showMore"], #foundation #homeCatalog .items.productList > .item.last > .showMore .icon img[src*="showMore"] { box-sizing: content-box !important; width: 0 !important; height: 0 !important; padding: 18px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='18' r='18' fill='%2300aab5' stroke='none'/%3E%3Cpath d='M18 11v14M11 18h14' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center / 36px 36px no-repeat !important; } /* 5. Крестик окна Quick View (белый: заголовок окна тёмный #424242) */ #appFastView .appFastViewExit { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important; opacity: .7; transition: opacity .2s; } #appFastView .appFastViewExit:hover { opacity: 1; } /* 6. Панель поиска */ #topSearch input[type="submit"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important; background-position: center !important; background-size: 22px 22px !important; background-repeat: no-repeat !important; transition: background-color .2s; } #topSearch input[type="submit"]:hover, #topSearch input[type="submit"]:active { background-color: #00aab5 !important; border-color: #00aab5 !important; } #topSeachCloseForm:hover { color: #00aab5 !important; } #searchProductsClose { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important; } #searchProductsClose:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") !important; } /* 7. Оформление заказа: значки шагов, самовывоз, пароль */ .bx-soa-section-title-count:before { background-size: 12px 12px !important; background-position: center !important; width: 12px !important; height: 12px !important; right: -6px !important; bottom: -3px !important; } .bx-soa-section.bx-step-completed .bx-soa-section-title-count { background: #2e9e5b !important; border-color: #2e9e5b !important; } .bx-soa-section.bx-step-completed .bx-soa-section-title-count:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='12' fill='%232e9e5b' stroke='none'/%3E%3Cpath d='m7 12.5 3.2 3.2L17 9' stroke='%23fff' stroke-width='2.6' fill='none'/%3E%3C/svg%3E") !important; } .bx-soa-section.bx-step-warning .bx-soa-section-title-count:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23f5a623' stroke='none'/%3E%3Cpath d='M12 7v6' stroke='%231d1d1f' stroke-width='2.6'/%3E%3Ccircle cx='12' cy='17' r='1.4' fill='%231d1d1f' stroke='none'/%3E%3C/svg%3E") !important; } .bx-soa-section.bx-step-error .bx-soa-section-title-count:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23d93025' stroke='none'/%3E%3Cpath d='M12 7v6' stroke='%23fff' stroke-width='2.6'/%3E%3Ccircle cx='12' cy='17' r='1.4' fill='%23fff' stroke='none'/%3E%3C/svg%3E") !important; } .bx-soa-pickup-l-item-adress:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aab5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important; } .bx-authform-psw-protected { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important; } /* 8. Галочки и кружки (вход, подписка, сравнение, формы, фильтры) */ :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input[type="checkbox"] + label:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5' fill='%23fff' stroke='%23c7c7cc' stroke-width='1.5'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important; } :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input[type="checkbox"] + label:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5' fill='%23fff' stroke='%2300aab5' stroke-width='1.5'/%3E%3C/svg%3E") !important; } :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input[type="checkbox"]:checked + label:before, :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input[type="checkbox"]:checked + label:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' fill='%2300aab5' stroke='none'/%3E%3Cpath d='m7 12.5 3.2 3.2L17 9' stroke='%23fff' stroke-width='2.4' fill='none'/%3E%3C/svg%3E") !important; } :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input[type="radio"] + label:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='%23fff' stroke='%23c7c7cc' stroke-width='1.5'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important; } :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input[type="radio"] + label:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='%23fff' stroke='%2300aab5' stroke-width='1.5'/%3E%3C/svg%3E") !important; } :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input[type="radio"]:checked + label:before, :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input[type="radio"]:checked + label:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='%23fff' stroke='%2300aab5' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%2300aab5' stroke='none'/%3E%3C/svg%3E") !important; } :is(#smartFilter, .webFormItemField, #subscribeEdit, #compare, .bx-auth) input:disabled + label:before { opacity: .4; } /* === конец блока PEPTIDES [В-44] === */ /* === PEPTIDES [В-45]: без оранжевого кольца и рамок при нажатии, 17.10.2026 === 1) На страницах оформления и входа подключается Bootstrap со своим a:focus { outline: … auto 5px } — после щелчка мышью браузер рисует вокруг ссылки (логотип, пункты меню, кнопки) кольцо цветом системы (у владельца — оранжевое с белой каймой). Шаблон сам убирает его (a { outline: none }), но правило Bootstrap сильнее. Кольцо после мыши убираем везде; с клавиатуры (Tab, :focus-visible) — оставляем, но фирменным бирюзовым: сайт должен оставаться удобным без мыши. 2) Оранжевые рамки и наведения темы (#ff7300, #ffa900) — в фирменный бирюзовый: кнопки «change» и шага входа на оформлении, кнопка бренда, наведение на кнопку отзывов и на «закрыть» окна «Связаться с нами». */ a:focus:not(:focus-visible), button:focus:not(:focus-visible), .btn:focus:not(:focus-visible), input[type="submit"]:focus:not(:focus-visible), input[type="button"]:focus:not(:focus-visible) { outline: none !important; } a:focus-visible, button:focus-visible, .btn:focus-visible, input[type="submit"]:focus-visible, input[type="button"]:focus-visible { outline: 2px solid #00aab5 !important; outline-offset: 2px !important; } .bx-soa-editstep, #bx-soa-order-form .bx-blue .btn.btn-default, .brand_button { border-color: #00aab5 !important; } .information-feedback:hover, .shop-review-top-new-button:hover { border-color: #00aab5 !important; } #topMessageCloseForm:hover { color: #00aab5 !important; } /* === конец блока PEPTIDES [В-45] === */ /* === PEPTIDES [В-46]: карточки новостей и статей «О продукции» — картинка на вылет, ровные ряды, 17.10.2026 === Списки /news/, /aboutproducts/ и карточки в левой колонке (главная и внутренние страницы). Картинка — на всю ширину белой плашки (сверху и по бокам без полей), дата — белой пилюлей на картинке, под картинкой заголовок, анонс в 3 строки, «Learn more →» ссылкой-текстом внизу карточки. Ряды ровные: шаблон раскладывает статьи по 3 колонкам «по кругу» (1, 2, 3, 1, 2, 3…), колонки растворяем (display: contents) и ставим каждой статье её место в общем порядке — хронология сохраняется и на телефоне. */ #newsContainer { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; margin: 0 !important; } /* у темы margin: 0 -12px — сетка липла к левому блоку (владелец 17.10) */ #newsContainer > .column, #newsContainer > .column > .items { display: contents !important; } @media (min-width: 1680px) { #newsContainer { grid-template-columns: repeat(4, minmax(0, 1fr)); } } /* широкий экран — 4 в ряд (владелец 17.10) */ @media (max-width: 1100px) { #newsContainer { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } } @media (max-width: 640px) { #newsContainer { grid-template-columns: minmax(0, 1fr); gap: 12px; } } #newsContainer > .column:nth-child(1) .items > .item:nth-child(1) { order: 1; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(2) { order: 4; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(3) { order: 7; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(4) { order: 10; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(5) { order: 13; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(6) { order: 16; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(7) { order: 19; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(8) { order: 22; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(9) { order: 25; } #newsContainer > .column:nth-child(1) .items > .item:nth-child(10) { order: 28; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(1) { order: 2; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(2) { order: 5; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(3) { order: 8; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(4) { order: 11; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(5) { order: 14; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(6) { order: 17; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(7) { order: 20; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(8) { order: 23; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(9) { order: 26; } #newsContainer > .column:nth-child(2) .items > .item:nth-child(10) { order: 29; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(1) { order: 3; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(2) { order: 6; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(3) { order: 9; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(4) { order: 12; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(5) { order: 15; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(6) { order: 18; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(7) { order: 21; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(8) { order: 24; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(9) { order: 27; } #newsContainer > .column:nth-child(3) .items > .item:nth-child(10) { order: 30; } #newsContainer .item { container-type: inline-size; position: relative; display: flex !important; flex-direction: column; float: none !important; width: auto !important; margin: 0 !important; padding: 0 0 20px !important; background: #fff !important; border: none !important; border-radius: 8px; overflow: hidden; box-shadow: none !important; } #newsContainer .item .bigPicture { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; } /* тема на широком экране: картинка слева 30 % */ #newsContainer .item .bigPicture a { display: block; } #newsContainer .item .bigPicture img { display: block; width: 100% !important; max-width: none !important; max-height: none !important; height: auto !important; aspect-ratio: 860 / 404; object-fit: cover; } /* одна пропорция у всех (у 44 из 48 и так 2,13 : 1) */ #newsContainer .item .title, #newsContainer .item .description, #newsContainer .item .newsDate { float: none !important; width: auto !important; } #newsContainer .item .title { margin: 16px 20px 0 !important; } #newsContainer .item .title a { font-size: 18px; line-height: 1.3; font-weight: 600; color: #1d1d1f; text-decoration: none; } #newsContainer .item .title a:hover { color: #00aab5; } #newsContainer .item .newsDate { position: absolute; top: 12px; left: 12px; margin: 0 !important; z-index: 1; padding: 4px 10px; border-radius: 999px; background: rgba(29, 29, 31, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff !important; font-size: 12px; font-weight: 600; line-height: 1.4; } #newsContainer .item .description { margin: 8px 20px 0 !important; color: #6e6e73; } #newsContainer .item .description p { margin: 0 !important; font-size: 14px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #newsContainer .item .description p ~ * { display: none !important; } /* «Learn more» — спокойная ссылка-текст со стрелкой, без заливки (владелец 17.10: пилюля выглядела великоватой и навязчивой) */ #newsContainer .item a.more { align-self: flex-start; margin: 14px 20px 0 !important; padding: 0 !important; border-radius: 0 !important; background: none !important; color: #00aab5 !important; font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; border: none !important; } #newsContainer .item a.more::after { content: " →"; display: inline-block; transition: transform .2s; } #newsContainer .item a.more:hover { text-decoration: underline; text-underline-offset: 3px; } #newsContainer .item a.more:hover::after { transform: translateX(3px); } #newsContainer .item > *:last-child { margin-bottom: 0 !important; } #newsContainer .item .description { flex: 1 1 auto; } /* дата — в нижнем левом углу картинки (сверху слева на баннерах обычно надпись); высота картинки = ширина карточки × 404 / 860 */ @supports (top: 1cqw) { #newsContainer .item .newsDate { top: calc(100cqw * 404 / 860 - 36px); } } /* Карточки в левой колонке («News», «About our products») */ #newsBlock .newsPreview { container-type: inline-size; position: relative; padding: 0 !important; background: #fff; border-radius: 8px; overflow: hidden; } #newsBlock .newsPreview .newsPic { margin: 0 !important; } #newsBlock .newsPreview .newsPic a { display: block; } #newsBlock .newsPreview .newsPic img { display: block; width: 100% !important; max-width: none !important; max-height: none !important; height: auto !important; aspect-ratio: 860 / 404; object-fit: cover; } #newsBlock .newsPreview .newsOverview { padding: 12px 16px 16px; } #newsBlock .newsPreview .newsOverview > span:first-child { position: absolute; top: 10px; left: 10px; z-index: 1; padding: 3px 9px; border-radius: 999px; background: rgba(29, 29, 31, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff !important; font-size: 11px; font-weight: 600; line-height: 1.4; } @supports (top: 1cqw) { #newsBlock .newsPreview .newsOverview > span:first-child { top: calc(100cqw * 404 / 860 - 32px); } } #newsBlock .newsPreview .newsTitle { display: block; margin: 0 !important; font-size: 15px; line-height: 1.35; font-weight: 600; color: #1d1d1f; text-decoration: none; } #newsBlock .newsPreview .newsTitle:hover { color: #00aab5; } #newsBlock .newsPreview .preText { margin-top: 6px; color: #6e6e73; } #newsBlock .newsPreview .preText p { margin: 0 !important; font-size: 13px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #newsBlock .newsPreview .preText p ~ * { display: none !important; } /* === конец блока PEPTIDES [В-46] === */ /* End */ /* /local/templates/peptides/fonts/manrope/manrope.css?17921003162923 */ /* /local/templates/peptides/themes/white/ocean/style.css?179191691141785 */ /* /local/templates/peptides/headers/header1/css/style.css?179191691110464 */ /* /local/templates/peptides/components/bitrix/menu/topMenu/style.css?17919169111273 */ /* /local/templates/peptides/components/dresscode/search.line/.default/style.css?17919169116275 */ /* /local/templates/peptides/components/dresscode/message.line/.default/style.css?17919169117634 */ /* /local/templates/peptides/components/bitrix/menu/leftMenu/style.css?17919169114974 */ /* /local/templates/peptides/components/bitrix/menu/leftSubMenu/style.css?1791916911284 */ /* /local/templates/peptides/components/bitrix/news.list/leftNews/style.css?17919169111402 */ /* /local/templates/peptides/components/bitrix/news.list/leftAboutproducts/style.css?17919169111402 */ /* /local/templates/peptides/components/bitrix/subscribe.form/.default/style.css?17919169111070 */ /* /local/templates/peptides/components/bitrix/breadcrumb/.default/style.css?1791916911544 */ /* /local/templates/peptides/styles.css?17919169111272 */ /* /local/templates/peptides/template_styles.css?1792191887328051 */