/* mateplanet: edinaya setka 1200. Obnovleno 09.09.2026 */ @media screen and (min-width: 1200px) { .t-store__grid-cont, .t-store__filter__wrapper, .t-store__valign-buttons, .t-store__pagination, .t-store__product-snippet .t-container, .t-store__prod-popup__container, .t897__container, .t-feed__container, .t-feed__post-popup__container, .t-rec .t-container_100 { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; } .t-rec[data-record-type="786"] { zoom: 1 !important; padding-left: 0 !important; padding-right: 0 !important; } /* tipografika katalog */ .t-store__card__title { font-size: 17px !important; line-height: 1.4 !important; } .t-store__card__price, .t-store__card__price-value { font-size: 20px !important; } .t-store__card__price_old, .t-store__card__price_old .t-store__card__price-value { font-size: 15px !important; } .t-store__card__btn, .t-store__card__btn-text, .t-store__card__btns-wrapper .t-btn { font-size: 16px !important; } .t-store__prod-popup__title { font-size: 32px !important; } .t-store__prod-popup__price-item, .t-store__prod-popup__price-wrapper .t-store__prod-popup__price { font-size: 24px !important; } .t-store__filter__item-title, .t-store__filter__opts-title, .t-store__sort-item { font-size: 16px !important; } .t897__title, .t-feed__post-popup__title { font-size: 24px !important; } } /* tipografika Zero Block: bloki risovalis pod rastyagivanie, vozvrashaem chitaemye razmery */ @media screen and (min-width: 1200px) { .tn-elem__34496900011741597151725 .tn-atom { font-size: 46px !important; line-height: 1.15 !important; } .t396__artboard .tn-elem__34496900011741597151725 { width: 580px !important; } .tn-elem__34496900011741598349535 .tn-atom { font-size: 17px !important; line-height: 1.45 !important; } .tn-elem__34496900011741595900088 .tn-atom { font-size: 17px !important; } .tn-elem__34496900011787657634952000003 .tn-atom { font-size: 17px !important; line-height: 1.35 !important; } .tn-elem__34496900011787658024891000002 .tn-atom { font-size: 20px !important; } .tn-elem__34496900011787657634952000002 .tn-atom { font-size: 14px !important; } .tn-elem__34496900011787657807238000001 .tn-atom { font-size: 16px !important; } .tn-elem__34496900011787658254924000004 .tn-atom { font-size: 18px !important; } .tn-elem__34496900011787658295949000005 .tn-atom { font-size: 11px !important; } .tn-elem__8889439241741623517636 { width: auto !important; } .tn-elem__8889439241741623517636 .tn-atom { font-size: 14px !important; white-space: nowrap !important; width: auto !important; padding: 5px 12px !important; height: auto !important; box-sizing: border-box; } .tn-elem__8889439241741623517638 .tn-atom { font-size: 17px !important; } .tn-elem__8891685551741616556944 .tn-atom, .tn-elem__8891685551741616506874 .tn-atom, .tn-elem__8891685551741616556875 .tn-atom, .tn-elem__8891685551741615657491 .tn-atom { font-size: 15px !important; line-height: 1.2 !important; white-space: nowrap !important; } .tn-elem__8891685551741616556924 .tn-atom, .tn-elem__8891685551741616506856 .tn-atom, .tn-elem__8891685551741616556856 .tn-atom, .tn-elem__8891685551741598349535 .tn-atom { font-size: 14px !important; line-height: 1.35 !important; } .tn-elem__8891685551741616556924, .tn-elem__8891685551741616506856, .tn-elem__8891685551741616556856, .tn-elem__8891685551741598349535 { margin-top: 8px !important; } .tn-elem__8890025051741597151725 .tn-atom, .tn-elem__9132594821741597151725 .tn-atom, .tn-elem__8889439241741623517630 .tn-atom, .tn-elem__9133759361741623517630 .tn-atom, .tn-elem__8899276211741597151725 .tn-atom { font-size: 40px !important; line-height: 1.2 !important; } } /* baner: karta akcii i kompoziciya s kalabasom */ @media screen and (min-width: 1200px) { .t396__artboard .tn-group__34496900011787657598285000001 { height: 400px !important; } .t396__artboard .tn-elem__34496900011741598702005 { margin-left: 165px !important; } } /* mobilnyj baner: pryachem uehavshij kruzhok -15% i podpisku, chtoby ne perekryvali zagolovok */ @media screen and (max-width: 640px) { .tn-group__34496900011787657598285000001, .tn-elem__34496900011787658183819, .tn-elem__34496900011787658254924000004, .tn-elem__34496900011787658295949000005 { display: none !important; } } /* mobilnye otstupy kataloga (planshet/telefon) */ @media screen and (max-width: 1199px) { .t-rec[data-record-type="786"] { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; } } /* preimushchestva: mobilnaya raskladka v stolbik (320/480/640) */ @media screen and (max-width: 959px) { #rec889168555 .t396__artboard { height: auto !important; display: grid !important; grid-template-columns: 47px 1fr; column-gap: 16px; row-gap: 26px; align-items: start; padding: 36px 20px 46px !important; box-sizing: border-box !important; } #rec889168555 .t396__artboard > .tn-elem, #rec889168555 .t396__artboard > .tn-group { position: static !important; height: auto !important; transform: none !important; margin: 0 !important; } #rec889168555 .t396__artboard > .tn-group { width: auto !important; } #rec889168555 .tn-elem__8891685551741616686720, #rec889168555 .tn-elem__8891685551741616820900 { display: none !important; } #rec889168555 .tn-elem__8891685551741615639631 { order: 0; grid-column: 1 / -1; justify-self: center; width: 100% !important; max-width: 340px; } #rec889168555 .tn-elem__8891685551741615639631 .tn-atom, #rec889168555 .tn-elem__8891685551741615639631 img { width: 100% !important; height: auto !important; } #rec889168555 .tn-elem__8891685551741615805958 { order: 1; } #rec889168555 .tn-group__8891685551787656383294000002 { order: 2; } #rec889168555 .tn-elem__8891685551741616556814 { order: 3; } #rec889168555 .tn-group__8891685551787656446052000004 { order: 4; } #rec889168555 .tn-elem__8891685551741616506829 { order: 5; } #rec889168555 .tn-group__8891685551787656435383000003 { order: 6; } #rec889168555 .tn-group__8891685551787656312994000002 { order: 7; grid-column: 1 / -1; } #rec889168555 .tn-group__8891685551787656312994000002 > .tn-molecule { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 16px !important; width: 100% !important; } #rec889168555 .tn-group .tn-elem.tn-elem__8891685551741616556909 { position: static !important; flex: none !important; width: 47px !important; min-width: 47px !important; height: 47px !important; margin: 0 !important; } #rec889168555 .tn-elem__8891685551741615805958, #rec889168555 .tn-elem__8891685551741616556814, #rec889168555 .tn-elem__8891685551741616506829 { width: 47px !important; height: 47px !important; } #rec889168555 .tn-group__8891685551787656383294000002, #rec889168555 .tn-group__8891685551787656446052000004, #rec889168555 .tn-group__8891685551787656435383000003, #rec889168555 .tn-group__8891685551787656310176000001 { display: flex !important; flex-direction: column !important; gap: 6px !important; align-items: stretch !important; position: static !important; width: auto !important; height: auto !important; flex: 1 1 0% !important; min-width: 0 !important; max-width: 100%; } #rec889168555 .tn-group__8891685551787656383294000002 > .tn-molecule, #rec889168555 .tn-group__8891685551787656446052000004 > .tn-molecule, #rec889168555 .tn-group__8891685551787656435383000003 > .tn-molecule, #rec889168555 .tn-group__8891685551787656310176000001 > .tn-molecule { display: flex !important; flex-direction: column !important; gap: 6px !important; align-items: stretch !important; width: 100% !important; } #rec889168555 .tn-group .tn-elem { position: static !important; display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; transform: none !important; margin: 0 !important; } #rec889168555 .tn-group .tn-elem .tn-atom { white-space: normal !important; width: auto !important; } #rec889168555 .tn-elem__8891685551741615657491 .tn-atom, #rec889168555 .tn-elem__8891685551741616556875 .tn-atom, #rec889168555 .tn-elem__8891685551741616506874 .tn-atom, #rec889168555 .tn-elem__8891685551741616556944 .tn-atom { font-size: 16px !important; line-height: 1.3 !important; } #rec889168555 .tn-elem__8891685551741598349535 .tn-atom, #rec889168555 .tn-elem__8891685551741616556856 .tn-atom, #rec889168555 .tn-elem__8891685551741616506856 .tn-atom, #rec889168555 .tn-elem__8891685551741616556924 .tn-atom { font-size: 14px !important; line-height: 1.4 !important; } } /* preimushchestva: planshet 960-1199 (setka 960, koordinaty ot centra) */ @media screen and (min-width: 960px) and (max-width: 1199px) { #rec889168555 .tn-elem__8891685551741615805958 { left: calc(50% - 480px + 330px) !important; top: 3px !important; } #rec889168555 .tn-group__8891685551787656383294000002 { left: calc(50% - 480px + 390px) !important; top: -1px !important; width: 230px !important; } #rec889168555 .tn-elem__8891685551741616556814 { left: calc(50% - 480px + 650px) !important; top: 3px !important; } #rec889168555 .tn-group__8891685551787656446052000004 { left: calc(50% - 480px + 710px) !important; top: -1px !important; width: 250px !important; } #rec889168555 .tn-elem__8891685551741616506829 { left: calc(50% - 480px + 330px) !important; top: 115px !important; } #rec889168555 .tn-group__8891685551787656435383000003 { left: calc(50% - 480px + 390px) !important; top: 115px !important; width: 230px !important; } #rec889168555 .tn-group__8891685551787656312994000002 { left: calc(50% - 480px + 650px) !important; top: 115px !important; width: 310px !important; } #rec889168555 .tn-group__8891685551787656312994000002 > .tn-molecule { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 16px !important; width: 100% !important; } #rec889168555 .tn-group .tn-elem.tn-elem__8891685551741616556909 { position: static !important; flex: none !important; width: 44px !important; min-width: 44px !important; height: 44px !important; margin: 0 !important; } #rec889168555 .tn-group__8891685551787656310176000001 { position: static !important; width: auto !important; flex: 1 1 0% !important; min-width: 0 !important; } #rec889168555 .tn-group__8891685551787656383294000002 > .tn-molecule, #rec889168555 .tn-group__8891685551787656446052000004 > .tn-molecule, #rec889168555 .tn-group__8891685551787656435383000003 > .tn-molecule, #rec889168555 .tn-group__8891685551787656310176000001 > .tn-molecule { display: flex !important; flex-direction: column !important; gap: 5px !important; align-items: stretch !important; width: 100% !important; } #rec889168555 .tn-group .tn-elem { position: static !important; display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 !important; } #rec889168555 .tn-group .tn-elem .tn-atom { white-space: normal !important; width: auto !important; } } /* shapka i baner: planshet 960-1199 */ @media screen and (min-width: 960px) and (max-width: 1199px) { #rec888246703 .tn-group__8882467031788108096934000001 > .tn-molecule { gap: 22px !important; column-gap: 22px !important; } #rec888246703 .tn-group__8882467031788108096934000001 .tn-elem .tn-atom { font-size: 15px !important; } #rec888246703 .tn-elem__8882467031741595763812 .tn-atom { font-size: 15px !important; } #rec888246703 .tn-group__8882467031788108517365000001 { margin-left: 10px !important; } #rec3449690001 .tn-group__34496900011787657598285000001 { display: none !important; } #rec3449690001 .tn-group__34496900011788107591281000003 { width: 400px !important; } #rec3449690001 .tn-group__34496900011788107591281000003 .tn-elem { max-width: 100% !important; } } /* menyu ne obrezaetsya na planshete */ @media screen and (min-width: 960px) and (max-width: 1199px) { #rec888246703 .tn-group__8882467031788108096934000001 .tn-elem { width: auto !important; } #rec888246703 .tn-group__8882467031788108096934000001 .tn-elem .tn-atom { width: auto !important; white-space: nowrap !important; } } /* ekrany ot 1920: bloki s breakpointom 1920 tsentruem po setke 1200 */ @media screen and (min-width: 1920px) { #rec888246703 .t396__artboard > .tn-elem, #rec888246703 .t396__artboard > .tn-group, #rec3449690001 .t396__artboard > .tn-elem, #rec3449690001 .t396__artboard > .tn-group, #rec889002505 .t396__artboard > .tn-elem, #rec889002505 .t396__artboard > .tn-group { margin-left: 360px !important; } #rec3449690001 .t396__artboard > .tn-elem__34496900011741598702005 { margin-left: 525px !important; } } /* /about: blok "Kompaniya" na planshete - masshtabiruem, chtoby ne rezalo tekst */ @media screen and (min-width:960px) and (max-width:1019px){ #rec913517023 .t396__artboard { zoom: 0.89 !important; } } @media screen and (min-width:1020px) and (max-width:1082px){ #rec913517023 .t396__artboard { zoom: 0.95 !important; } } /* promo-kartochka akcii: pryachem i v diapazone 641-959, tam ona uezzhaet za ekran */ @media screen and (min-width: 641px) and (max-width: 959px) { #rec3449690001 .tn-group__34496900011787657598285000001, #rec3449690001 .tn-elem__34496900011787658183819, #rec3449690001 .tn-elem__34496900011787658254924000004, #rec3449690001 .tn-elem__34496900011787658295949000005 { display: none !important; } } /* ===== PRAVKI 10.09: EDINYY KONTEYNER, KROSHKI, FILTRY ===== */ /* 1. Bityy sluzhebnyy blok "Error get alias" v kataloge */ #allrecords #rec941142196 { display: none !important; } /* 2. Pustye bloki-otstupy pered hlebnymi kroshkami */ #allrecords > [id^="rec888941938"]:has(~ #rec916317922), #allrecords > [id^="rec888941938"]:has(~ #rec916310137), #allrecords > [id^="rec888941938"]:has(~ #rec913491877), #allrecords > [id^="rec888941938"]:has(~ #rec913576690), #allrecords > [id^="rec889007017"]:has(~ #rec920624539), #allrecords > [id^="rec889007017"]:has(~ #rec920664109), #allrecords > [id^="rec889007017"]:has(~ #rec920672869), #allrecords > [id^="rec889007017"]:has(~ #rec1551988641) { display: none !important; } /* 3. Hlebnye kroshki i zagolovki vnutrennih stranic - po konteyneru */ #allrecords #rec916348291, #allrecords #rec916348294, #allrecords #rec920624539, #allrecords #rec920624542, #allrecords #rec920664109, #allrecords #rec920664112, #allrecords #rec920672869, #allrecords #rec920672872, #allrecords #rec1551988641, #allrecords #rec1551988651, #allrecords #rec913491877, #allrecords #rec913499275, #allrecords #rec913576690, #allrecords #rec913576693, #allrecords #rec916317922, #allrecords #rec916317925, #allrecords #rec916310137, #allrecords #rec916310140 { margin: 0 !important; padding: 0 !important; } #allrecords #rec916348291 .t396__artboard, #allrecords #rec916348294 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920624542 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920664112 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec920672872 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec1551988651 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913499275 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec913576693 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916317925 .t396__artboard, #allrecords #rec916310137 .t396__artboard, #allrecords #rec916310140 .t396__artboard { position: relative !important; height: auto !important; min-height: 0 !important; width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; overflow: visible !important; display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: flex-start !important; column-gap: 10px !important; row-gap: 0 !important; } #allrecords #rec916348291 .t396__artboard > .tn-elem, #allrecords #rec916348294 .t396__artboard > .tn-elem, #allrecords #rec920624539 .t396__artboard > .tn-elem, #allrecords #rec920624542 .t396__artboard > .tn-elem, #allrecords #rec920664109 .t396__artboard > .tn-elem, #allrecords #rec920664112 .t396__artboard > .tn-elem, #allrecords #rec920672869 .t396__artboard > .tn-elem, #allrecords #rec920672872 .t396__artboard > .tn-elem, #allrecords #rec1551988641 .t396__artboard > .tn-elem, #allrecords #rec1551988651 .t396__artboard > .tn-elem, #allrecords #rec913491877 .t396__artboard > .tn-elem, #allrecords #rec913499275 .t396__artboard > .tn-elem, #allrecords #rec913576690 .t396__artboard > .tn-elem, #allrecords #rec913576693 .t396__artboard > .tn-elem, #allrecords #rec916317922 .t396__artboard > .tn-elem, #allrecords #rec916317925 .t396__artboard > .tn-elem, #allrecords #rec916310137 .t396__artboard > .tn-elem, #allrecords #rec916310140 .t396__artboard > .tn-elem { position: static !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 !important; transform: none !important; flex: 0 0 auto !important; } #allrecords #rec916348291 .tn-atom, #allrecords #rec916348294 .tn-atom, #allrecords #rec920624539 .tn-atom, #allrecords #rec920624542 .tn-atom, #allrecords #rec920664109 .tn-atom, #allrecords #rec920664112 .tn-atom, #allrecords #rec920672869 .tn-atom, #allrecords #rec920672872 .tn-atom, #allrecords #rec1551988641 .tn-atom, #allrecords #rec1551988651 .tn-atom, #allrecords #rec913491877 .tn-atom, #allrecords #rec913499275 .tn-atom, #allrecords #rec913576690 .tn-atom, #allrecords #rec913576693 .tn-atom, #allrecords #rec916317922 .tn-atom, #allrecords #rec916317925 .tn-atom, #allrecords #rec916310137 .tn-atom, #allrecords #rec916310140 .tn-atom { position: static !important; width: auto !important; height: auto !important; white-space: normal !important; text-align: left !important; } #allrecords #rec916348291 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916310137 .t396__artboard { padding-top: 100px !important; padding-bottom: 6px !important; } #allrecords #rec916348294 .t396__artboard, #allrecords #rec920624542 .t396__artboard, #allrecords #rec920664112 .t396__artboard, #allrecords #rec920672872 .t396__artboard, #allrecords #rec1551988651 .t396__artboard, #allrecords #rec913499275 .t396__artboard, #allrecords #rec913576693 .t396__artboard, #allrecords #rec916317925 .t396__artboard, #allrecords #rec916310140 .t396__artboard { padding-bottom: 30px !important; } /* 4. Filtry kataloga - odinakovo na vseh stranicah */ #allrecords #rec920484337 .t396__artboard, #allrecords #rec920624548 .t396__artboard, #allrecords #rec920664118 .t396__artboard, #allrecords #rec920672878 .t396__artboard, #allrecords #rec1551988671 .t396__artboard { position: relative !important; height: auto !important; min-height: 0 !important; width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px 6px !important; box-sizing: border-box !important; overflow: visible !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem, #allrecords #rec920624548 .t396__artboard > .tn-elem, #allrecords #rec920664118 .t396__artboard > .tn-elem, #allrecords #rec920672878 .t396__artboard > .tn-elem, #allrecords #rec1551988671 .t396__artboard > .tn-elem { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; transform: none !important; flex: 0 0 auto !important; } #allrecords #rec920484337 .tn-atom, #allrecords #rec920624548 .tn-atom, #allrecords #rec920664118 .tn-atom, #allrecords #rec920672878 .tn-atom, #allrecords #rec1551988671 .tn-atom { position: static !important; width: auto !important; min-width: 96px !important; height: 36px !important; padding: 0 18px !important; white-space: nowrap !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem:has([href$="/catalog"]), #allrecords #rec920624548 .t396__artboard > .tn-elem:has([href$="/catalog"]), #allrecords #rec920664118 .t396__artboard > .tn-elem:has([href$="/catalog"]), #allrecords #rec920672878 .t396__artboard > .tn-elem:has([href$="/catalog"]), #allrecords #rec1551988671 .t396__artboard > .tn-elem:has([href$="/catalog"]) { order: 1 !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem:has([href*="yerba-mate"]), #allrecords #rec920624548 .t396__artboard > .tn-elem:has([href*="yerba-mate"]), #allrecords #rec920664118 .t396__artboard > .tn-elem:has([href*="yerba-mate"]), #allrecords #rec920672878 .t396__artboard > .tn-elem:has([href*="yerba-mate"]), #allrecords #rec1551988671 .t396__artboard > .tn-elem:has([href*="yerba-mate"]) { order: 2 !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem:has([href*="coffee"]), #allrecords #rec920624548 .t396__artboard > .tn-elem:has([href*="coffee"]), #allrecords #rec920664118 .t396__artboard > .tn-elem:has([href*="coffee"]), #allrecords #rec920672878 .t396__artboard > .tn-elem:has([href*="coffee"]), #allrecords #rec1551988671 .t396__artboard > .tn-elem:has([href*="coffee"]) { order: 3 !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem:has([href*="cocoa"]), #allrecords #rec920624548 .t396__artboard > .tn-elem:has([href*="cocoa"]), #allrecords #rec920664118 .t396__artboard > .tn-elem:has([href*="cocoa"]), #allrecords #rec920672878 .t396__artboard > .tn-elem:has([href*="cocoa"]), #allrecords #rec1551988671 .t396__artboard > .tn-elem:has([href*="cocoa"]) { order: 4 !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem:has([href*="oplatky"]), #allrecords #rec920624548 .t396__artboard > .tn-elem:has([href*="oplatky"]), #allrecords #rec920664118 .t396__artboard > .tn-elem:has([href*="oplatky"]), #allrecords #rec920672878 .t396__artboard > .tn-elem:has([href*="oplatky"]), #allrecords #rec1551988671 .t396__artboard > .tn-elem:has([href*="oplatky"]) { order: 5 !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem:not(:has([href])) { order: 1 !important; } #allrecords #rec920624548 .t396__artboard > .tn-elem:not(:has([href])) { order: 2 !important; } #allrecords #rec920664118 .t396__artboard > .tn-elem:not(:has([href])) { order: 3 !important; } #allrecords #rec920672878 .t396__artboard > .tn-elem:not(:has([href])) { order: 4 !important; } #allrecords #rec1551988671 .t396__artboard > .tn-elem:not(:has([href])) { order: 5 !important; } /* 5. Konteyner etih blokov po setke Tilda na planshete */ @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords #rec916348291 .t396__artboard, #allrecords #rec916348294 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920624542 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920664112 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec920672872 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec1551988651 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913499275 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec913576693 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916317925 .t396__artboard, #allrecords #rec916310137 .t396__artboard, #allrecords #rec916310140 .t396__artboard, #allrecords #rec920484337 .t396__artboard, #allrecords #rec920624548 .t396__artboard, #allrecords #rec920664118 .t396__artboard, #allrecords #rec920672878 .t396__artboard, #allrecords #rec1551988671 .t396__artboard { max-width: 660px !important; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords #rec916348291 .t396__artboard, #allrecords #rec916348294 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920624542 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920664112 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec920672872 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec1551988651 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913499275 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec913576693 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916317925 .t396__artboard, #allrecords #rec916310137 .t396__artboard, #allrecords #rec916310140 .t396__artboard, #allrecords #rec920484337 .t396__artboard, #allrecords #rec920624548 .t396__artboard, #allrecords #rec920664118 .t396__artboard, #allrecords #rec920672878 .t396__artboard, #allrecords #rec1551988671 .t396__artboard { max-width: 980px !important; } } @media screen and (max-width: 639px) { #allrecords #rec916348291 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916310137 .t396__artboard { padding-top: 84px !important; } } /* 6. Zazor mezhdu kartochkami tovara na planshete i telefone */ @media screen and (max-width: 1199px) { #allrecords .t-store.js-store .js-store-grid-cont .t-store__card-list .t-store__card.js-product.t-item { padding-left: 8px !important; padding-right: 8px !important; box-sizing: border-box !important; } } /* 7. Glavnaya, O nas, Dostavka: bloki po levomu krayu konteynera */ @media screen and (min-width: 1200px) { #allrecords #rec889002505 .t396__artboard > .tn-elem, #allrecords #rec889002505 .t396__artboard > .tn-group { transform: translateX(-90px) !important; } #allrecords #rec913259482 .t396__artboard > .tn-elem, #allrecords #rec913259482 .t396__artboard > .tn-group { transform: translateX(-120px) !important; } #allrecords #rec889927621 .t396__artboard > .tn-elem, #allrecords #rec889927621 .t396__artboard > .tn-group { transform: translateX(-120px) !important; } #allrecords #rec913375936 .t396__artboard > .tn-elem, #allrecords #rec913375936 .t396__artboard > .tn-group { transform: translateX(-120px) !important; } #allrecords #rec889168555 .t396__artboard > .tn-elem, #allrecords #rec889168555 .t396__artboard > .tn-group { transform: translateX(-78px) !important; } #allrecords #rec941226566 .t396__artboard > .tn-elem, #allrecords #rec941226566 .t396__artboard > .tn-group, #allrecords #rec913517023 .t396__artboard > .tn-elem, #allrecords #rec913517023 .t396__artboard > .tn-group, #allrecords #rec941212836 .t396__artboard > .tn-elem, #allrecords #rec941212836 .t396__artboard > .tn-group, #allrecords #rec913576705 .t396__artboard > .tn-elem, #allrecords #rec913576705 .t396__artboard > .tn-group { transform: translateX(-40px) !important; } } /* 8. Katalog: panel filtrov i setka T951 po konteyneru */ @media screen and (min-width: 1200px) { #allrecords .t951 .js-store-cont-w-filter { padding-left: 0 !important; padding-right: 0 !important; } #allrecords .t951 .t951__sidebar { padding-left: 0 !important; } } /* 9. Lenta statey po konteyneru */ @media screen and (min-width: 1200px) { #allrecords #rec916329004 .t-feed__container, #allrecords #rec889921138 .t-feed__container { max-width: 1240px !important; } } /* 10. KONTAKTY: tekst i karta v dve kolonki po konteyneru */ #allrecords #rec916310152 { margin: 0 !important; padding: 0 !important; } #allrecords #rec916310152 .t396__artboard { position: relative !important; height: auto !important; min-height: 0 !important; width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px 50px !important; box-sizing: border-box !important; overflow: visible !important; display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 40px !important; } #allrecords #rec916310152 .t396__artboard > .tn-elem { position: static !important; height: auto !important; margin: 0 !important; transform: none !important; right: auto !important; } #allrecords #rec916310152 .tn-elem__9163101521743098529910 { order: 1 !important; flex: 1 1 340px !important; max-width: 520px !important; width: auto !important; } #allrecords #rec916310152 .tn-elem__9163101521743098529910 .tn-atom { position: static !important; width: auto !important; height: auto !important; white-space: normal !important; } #allrecords #rec916310152 .tn-elem__9163101521743098809432 { order: 2 !important; flex: 2 1 460px !important; width: auto !important; max-width: 100% !important; } #allrecords #rec916310152 .tn-elem__9163101521743098809432 .tn-atom, #allrecords #rec916310152 .tn-elem__9163101521743098809432 iframe { position: static !important; width: 100% !important; max-width: 100% !important; height: 440px !important; } /* 11. KONTAKTY: obratnaya svyaz */ #allrecords #rec916313596 { margin: 0 !important; padding: 0 !important; } #allrecords #rec916313596 .t396__artboard { position: relative !important; height: auto !important; min-height: 0 !important; width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px 18px !important; box-sizing: border-box !important; overflow: visible !important; display: block !important; } #allrecords #rec916313596 .t396__artboard > .tn-elem { position: static !important; width: auto !important; height: auto !important; margin: 0 0 10px !important; transform: none !important; } #allrecords #rec916313596 .tn-atom { position: static !important; width: auto !important; height: auto !important; white-space: normal !important; text-align: left !important; } /* 12. KONTAKTY: forma v dve kolonki */ #allrecords #rec916316692 { margin: 0 !important; padding: 0 !important; } #allrecords #rec916316692 .t396__artboard { position: relative !important; height: auto !important; min-height: 0 !important; width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 20px 60px !important; box-sizing: border-box !important; overflow: visible !important; display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 40px !important; row-gap: 16px !important; align-items: start !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; transform: none !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem .tn-atom { width: 100% !important; } #allrecords #rec916316692 .tn-elem__9163166921741939901795 { grid-column: 1 !important; grid-row: 1 !important; } #allrecords #rec916316692 .tn-elem__9163166921743403839134 { grid-column: 1 !important; grid-row: 2 !important; } #allrecords #rec916316692 .tn-elem__9163166921743403954292 { grid-column: 1 !important; grid-row: 3 !important; } #allrecords #rec916316692 .tn-elem__9163166921743403765075 { grid-column: 2 !important; grid-row: 1 / span 3 !important; } #allrecords #rec916316692 .tn-elem__9163166921741941427906 { grid-column: 1 !important; grid-row: 4 !important; justify-self: start !important; } #allrecords #rec916316692 .tn-elem__9163166921741941427906 .tn-atom { width: auto !important; min-width: 180px !important; } @media screen and (max-width: 639px) { #allrecords #rec916316692 .t396__artboard { grid-template-columns: 1fr !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem { grid-column: 1 !important; grid-row: auto !important; } } /* ===== PRAVKA 2 (10.09, po skrinshotam) ===== */ /* fon blokov na vsyu shirinu, kontent - v konteynere */ #allrecords #rec916348291 .t396__artboard, #allrecords #rec916348294 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920624542 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920664112 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec920672872 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec1551988651 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913499275 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec913576693 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916317925 .t396__artboard, #allrecords #rec916310137 .t396__artboard, #allrecords #rec916310140 .t396__artboard, #allrecords #rec920484337 .t396__artboard, #allrecords #rec920624548 .t396__artboard, #allrecords #rec920664118 .t396__artboard, #allrecords #rec920672878 .t396__artboard, #allrecords #rec1551988671 .t396__artboard, #allrecords #rec916310152 .t396__artboard, #allrecords #rec916313596 .t396__artboard, #allrecords #rec916316692 .t396__artboard { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 20px !important; padding-right: 20px !important; } @media screen and (min-width: 1240px) { #allrecords #rec916348291 .t396__artboard, #allrecords #rec916348294 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920624542 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920664112 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec920672872 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec1551988651 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913499275 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec913576693 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916317925 .t396__artboard, #allrecords #rec916310137 .t396__artboard, #allrecords #rec916310140 .t396__artboard, #allrecords #rec920484337 .t396__artboard, #allrecords #rec920624548 .t396__artboard, #allrecords #rec920664118 .t396__artboard, #allrecords #rec920672878 .t396__artboard, #allrecords #rec1551988671 .t396__artboard, #allrecords #rec916310152 .t396__artboard, #allrecords #rec916313596 .t396__artboard, #allrecords #rec916316692 .t396__artboard { padding-left: calc((100% - 1200px) / 2) !important; padding-right: calc((100% - 1200px) / 2) !important; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords #rec916348291 .t396__artboard, #allrecords #rec916348294 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920624542 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920664112 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec920672872 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec1551988651 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913499275 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec913576693 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916317925 .t396__artboard, #allrecords #rec916310137 .t396__artboard, #allrecords #rec916310140 .t396__artboard, #allrecords #rec920484337 .t396__artboard, #allrecords #rec920624548 .t396__artboard, #allrecords #rec920664118 .t396__artboard, #allrecords #rec920672878 .t396__artboard, #allrecords #rec1551988671 .t396__artboard, #allrecords #rec916310152 .t396__artboard, #allrecords #rec916313596 .t396__artboard, #allrecords #rec916316692 .t396__artboard { padding-left: calc((100% - 940px) / 2) !important; padding-right: calc((100% - 940px) / 2) !important; } } @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords #rec916348291 .t396__artboard, #allrecords #rec916348294 .t396__artboard, #allrecords #rec920624539 .t396__artboard, #allrecords #rec920624542 .t396__artboard, #allrecords #rec920664109 .t396__artboard, #allrecords #rec920664112 .t396__artboard, #allrecords #rec920672869 .t396__artboard, #allrecords #rec920672872 .t396__artboard, #allrecords #rec1551988641 .t396__artboard, #allrecords #rec1551988651 .t396__artboard, #allrecords #rec913491877 .t396__artboard, #allrecords #rec913499275 .t396__artboard, #allrecords #rec913576690 .t396__artboard, #allrecords #rec913576693 .t396__artboard, #allrecords #rec916317922 .t396__artboard, #allrecords #rec916317925 .t396__artboard, #allrecords #rec916310137 .t396__artboard, #allrecords #rec916310140 .t396__artboard, #allrecords #rec920484337 .t396__artboard, #allrecords #rec920624548 .t396__artboard, #allrecords #rec920664118 .t396__artboard, #allrecords #rec920672878 .t396__artboard, #allrecords #rec1551988671 .t396__artboard, #allrecords #rec916310152 .t396__artboard, #allrecords #rec916313596 .t396__artboard, #allrecords #rec916316692 .t396__artboard { padding-left: calc((100% - 620px) / 2) !important; padding-right: calc((100% - 620px) / 2) !important; } } @media screen and (min-width: 1200px) { #allrecords #rec913375936 .t396__artboard > .tn-elem, #allrecords #rec913375936 .t396__artboard > .tn-group { transform: none !important; } } @media screen and (max-width: 1199px) { #allrecords .t-store.js-store .js-store-grid-cont { padding-left: 0 !important; padding-right: 0 !important; margin-left: -8px !important; margin-right: -8px !important; } } @media screen and (max-width: 479px) { #allrecords #rec888246703 .tn-group__8882467031788108526828000003 { transform: translateX(calc(165px - 50vw)) !important; } #allrecords #rec888246703 .tn-elem__8882467031741613013371 { transform: translateX(calc(50vw - 165px)) !important; } } /* ===== PRAVKA 3 (10.09): filtry na telefone, blok Diskont ===== */ @media screen and (max-width: 639px) { #allrecords #rec920484337 .t396__artboard, #allrecords #rec920624548 .t396__artboard, #allrecords #rec920664118 .t396__artboard, #allrecords #rec920672878 .t396__artboard, #allrecords #rec1551988671 .t396__artboard { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; align-items: stretch !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem, #allrecords #rec920624548 .t396__artboard > .tn-elem, #allrecords #rec920664118 .t396__artboard > .tn-elem, #allrecords #rec920672878 .t396__artboard > .tn-elem, #allrecords #rec1551988671 .t396__artboard > .tn-elem { width: auto !important; min-width: 0 !important; } #allrecords #rec920484337 .tn-atom, #allrecords #rec920624548 .tn-atom, #allrecords #rec920664118 .tn-atom, #allrecords #rec920672878 .tn-atom, #allrecords #rec1551988671 .tn-atom { width: 100% !important; min-width: 0 !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem:has([href$="/catalog"]), #allrecords #rec920624548 .t396__artboard > .tn-elem:has([href$="/catalog"]), #allrecords #rec920664118 .t396__artboard > .tn-elem:has([href$="/catalog"]), #allrecords #rec920672878 .t396__artboard > .tn-elem:has([href$="/catalog"]), #allrecords #rec1551988671 .t396__artboard > .tn-elem:has([href$="/catalog"]) { grid-column: 1 / -1 !important; } #allrecords #rec920484337 .t396__artboard > .tn-elem:not(:has([href])) { grid-column: 1 / -1 !important; } } #allrecords > [id^="rec889007017"]:has(+ #rec920624548), #allrecords > [id^="rec889007017"]:has(+ #rec920664118), #allrecords > [id^="rec889007017"]:has(+ #rec920672878), #allrecords > [id^="rec889007017"]:has(+ #rec1551988671) { display: none !important; } #allrecords #rec3786014101 .js-block-header-title { font-family: Inter, Arial, sans-serif !important; font-size: 40px !important; font-weight: 500 !important; line-height: 48px !important; letter-spacing: -3.1px !important; color: #353434 !important; text-align: left !important; margin: 0 !important; } @media screen and (max-width: 639px) { #allrecords #rec3786014101 .js-block-header-title { font-size: 30px !important; line-height: 36px !important; letter-spacing: -1.6px !important; } } #allrecords #rec3786014101:not(:has(.t-store__card)) { display: none !important; } /* ===== PRAVKA 4 (10.09): forma na telefone, ikonki dostavki, logotip v podvale, blok "Rabotaem s 2010" ===== */ /* 4.1 /contacts: poryadok poley formy na telefone (knopka posle vseh poley) */ @media screen and (max-width: 639px) { #allrecords #rec916316692 .t396__artboard > .tn-elem { grid-row: auto !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921741939901795 { order: 1 !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921743403839134 { order: 2 !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921743403954292 { order: 3 !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921743403765075 { order: 4 !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921741941427906 { order: 5 !important; } } /* 4.2 /delivery: ikonka + zagolovok v odnu stroku, tekst na vsyu shirinu (telefon) */ @media screen and (max-width: 639px) { #allrecords #rec913576705 .t396__artboard { position: relative !important; height: auto !important; min-height: 0 !important; display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; column-gap: 14px !important; row-gap: 0 !important; padding: 0 20px !important; box-sizing: border-box !important; overflow: visible !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem { position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; margin: 0 !important; transform: none !important; grid-column: 1 / -1 !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem .tn-atom { position: static !important; width: auto !important; height: auto !important; white-space: normal !important; text-align: left !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051741616556909 { grid-column: 1 !important; grid-row: 1 !important; width: 40px !important; align-self: center !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051741616556909 .tn-atom { width: 40px !important; height: 40px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051741616556944 { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051741616556924 { grid-row: 2 !important; margin-top: 12px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321120 { grid-row: 3 !important; margin-top: 26px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321105 { grid-row: 4 !important; margin-top: 4px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988362012 { grid-row: 5 !important; margin-top: 26px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051743587056651 { grid-row: 6 !important; margin-top: 4px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988485420 { grid-column: 1 !important; grid-row: 7 !important; width: 40px !important; align-self: center !important; margin-top: 36px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988485420 .tn-atom { width: 40px !important; height: 40px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988485480 { grid-column: 2 !important; grid-row: 7 !important; align-self: center !important; margin-top: 36px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988485466 { grid-row: 8 !important; margin-top: 12px !important; } } /* 4.3 podval: logotip po levomu krayu (v SVG sleva prozrachnoe pole 1.67%) */ #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978471240 { transform: translateX(-1.67%) !important; } /* 4.4 blok "Rabotaem s 2010 g." na telefone podnyat */ @media screen and (max-width: 639px) { #allrecords #rec888943924 { margin-top: -60px !important; } } /* ===== PRAVKA 5 (10.09): poryadok blokov na /delivery, knopka formy ===== */ /* 5.1 /delivery: para "za MKAD" perenesena pod "Minimalnyy zakaz" — telefon */ @media screen and (max-width: 639px) { #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988362012 { grid-row: 3 !important; margin-top: 26px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051743587056651 { grid-row: 4 !important; margin-top: 4px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321120 { grid-row: 5 !important; margin-top: 26px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321105 { grid-row: 6 !important; margin-top: 4px !important; } } /* 5.2 to zhe na planshete i desktope (u Tilda absolyutnye top po brekpointam) */ @media screen and (min-width: 1200px) { #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321120 { top: 164px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321105 { top: 188px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988362012 { top: 91px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051743587056651 { top: 115px !important; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321120 { top: 194px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321105 { top: 218px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988362012 { top: 121px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051743587056651 { top: 145px !important; } } @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321120 { top: 171px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988321105 { top: 192px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051742988362012 { top: 98px !important; } #allrecords #rec913576705 .t396__artboard > .tn-elem.tn-elem__9135767051743587056651 { top: 122px !important; } } /* 5.3 /contacts: knopka "Otpravit" na telefone krupnee (44+ px dlya pal'ca) */ @media screen and (max-width: 639px) { #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921741941427906 { width: 220px !important; height: auto !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921741941427906 .tn-atom { height: 40px !important; min-height: 40px !important; width: 100% !important; font-size: 14px !important; line-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; } } /* ===== PRAVKA 6 (11.09): knopka "Otpravit" na planshete i desktope ===== */ @media screen and (min-width: 640px) { #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921741941427906 { width: 220px !important; height: auto !important; } #allrecords #rec916316692 .t396__artboard > .tn-elem.tn-elem__9163166921741941427906 .tn-atom { height: 40px !important; min-height: 40px !important; width: 100% !important; font-size: 14px !important; line-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; } } /* ===== PRAVKA 7 (18.09): otstupy mezhdu sekciyami, blok marketpleysov, karta na /delivery ===== */ /* 7.1 (p.3, p.12) mezhdu sekciyami stoyat dve pustye rasporki po 120 podryad — pryachem vtoruyu */ #allrecords > [id^="rec889000942"] + [id^="rec888805618"], #allrecords > [id^="rec888805618"] + [id^="rec889000942"], #allrecords > [id^="rec889000942"] + [id^="rec889000942"], #allrecords > [id^="rec888805618"] + [id^="rec888805618"] { display: none !important; } /* posle sokrashcheniya rasporok staryy podyem bloka "Rabotaem s 2010" (PRAVKA 4.4) izbytochen */ @media screen and (max-width: 639px) { #allrecords #rec888943924 { margin-top: 0 !important; } } /* 7.2 (p.4) blok marketpleysov na vsyu shirinu konteynera 1200 */ @media screen and (min-width: 1200px) { #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742981320341 { left: calc((100% - 1200px) / 2) !important; width: 1200px !important; } #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416465, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361741623517630, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742981434265, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742981517038, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982003417, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982023871 { transform: translateX(-120px) !important; } #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982710549, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982282809, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416396, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416432, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416448, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416481, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416497, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416513, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416530, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416550, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416601 { transform: translateX(120px) !important; } } /* 7.3 (p.9) karta na /delivery — po shirine konteynera */ #allrecords #rec913694662 .t-width { max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; } /* 7.4 (p.4, dorabotka) ubran border-radius beloy kartochki — na styke s sosednimi sekciyami ugolki chitalis kak defekt */ #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742981320341 .tn-atom { border-radius: 0 !important; } /* 7.5 (p.3, dorabotka) na desktope 120 okazalos malo — zagolovki sekciy prilipali k cvetnomu bloku sverhu. Vtoraya rasporka ne pryachetsya, a szhimaetsya do 60: itogo 180 vmesto ishodnyh 240. Na telefone ostayotsya skrytoy. */ @media screen and (min-width: 640px) { #allrecords > [id^="rec889000942"] + [id^="rec888805618"], #allrecords > [id^="rec888805618"] + [id^="rec889000942"], #allrecords > [id^="rec889000942"] + [id^="rec889000942"], #allrecords > [id^="rec888805618"] + [id^="rec888805618"] { display: block !important; } #allrecords > [id^="rec889000942"] + [id^="rec888805618"] .t396, #allrecords > [id^="rec889000942"] + [id^="rec888805618"] .t396__artboard, #allrecords > [id^="rec889000942"] + [id^="rec888805618"] .t396__carrier, #allrecords > [id^="rec889000942"] + [id^="rec888805618"] .t396__filter, #allrecords > [id^="rec888805618"] + [id^="rec889000942"] .t396, #allrecords > [id^="rec888805618"] + [id^="rec889000942"] .t396__artboard, #allrecords > [id^="rec888805618"] + [id^="rec889000942"] .t396__carrier, #allrecords > [id^="rec888805618"] + [id^="rec889000942"] .t396__filter, #allrecords > [id^="rec889000942"] + [id^="rec889000942"] .t396, #allrecords > [id^="rec889000942"] + [id^="rec889000942"] .t396__artboard, #allrecords > [id^="rec889000942"] + [id^="rec889000942"] .t396__carrier, #allrecords > [id^="rec889000942"] + [id^="rec889000942"] .t396__filter, #allrecords > [id^="rec888805618"] + [id^="rec888805618"] .t396, #allrecords > [id^="rec888805618"] + [id^="rec888805618"] .t396__artboard, #allrecords > [id^="rec888805618"] + [id^="rec888805618"] .t396__carrier, #allrecords > [id^="rec888805618"] + [id^="rec888805618"] .t396__filter { height: 60px !important; min-height: 60px !important; } } /* ==================== PRAVKA 8 — правки заказчика от 18.09 (п. 13, 11, 10, 8) ==================== */ /* --- 8.1 (п.13) Блог скрыт везде: меню в шапке, мобильное меню, ссылка в подвале, заголовок и лента блога на главной вместе с распорками. Чтобы вернуть блог обратно — достаточно удалить этот блок правил. --- */ #allrecords #rec913267366 .tn-elem__9132673661742978363894, #allrecords > [id^="rec889927621"], #allrecords > [id^="rec889921138"], #allrecords > [id^="rec889927621"] + [id^="rec888941938"], #allrecords > [id^="rec913375936"] + [id^="rec889000942"], #allrecords > [id^="rec913375936"] + [id^="rec889000942"] + [id^="rec888805618"] { display: none !important; } /* PRAVKA 16: blog vernuli v mobilnoe menyu */ /* --- 8.2 (п.11) Подвал: убрана колонка «Каталог», убран заголовок «Покупателям», у оставшихся пунктов одинаковый и более плотный интервал. --- */ #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658920360000001 { display: none !important; } #allrecords #rec913267366 .tn-group__9132673661787658957412000002 .tn-molecule > .tn-elem.tn-elem__9132673661742978618724 { display: none !important; } #allrecords #rec913267366 .tn-group__9132673661787658957412000002 > .tn-molecule { gap: 6px !important; } #allrecords #rec913267366 .tn-group__9132673661787658957412000002 .tn-molecule > .tn-elem { width: auto !important; height: auto !important; } #allrecords #rec913267366 .tn-group__9132673661787658957412000002 .tn-molecule > .tn-elem > .tn-atom { white-space: nowrap !important; height: auto !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 { height: auto !important; } /* оставшаяся колонка встаёт на место убранного «Каталога» */ #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 { transform: translateX(-150px) !important; } @media screen and (min-width: 1200px) { #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 { transform: translateX(-175px) !important; } } /* планшет 640–959: нижние элементы подтянуты на освободившиеся 78 px */ @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords #rec913267366 .t396__artboard { height: 301px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 97px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943 { top: 203px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { top: 203px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { top: 282px !important; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords #rec913267366 .t396__artboard { height: 200px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 92px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943 { top: 92px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { top: 144px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { top: 181px !important; } } /* мобильный: высоту артборда задаёт последний элемент (copyright в потоке), поэтому она пересчитывается сама при любом зуме Tilda */ @media screen and (max-width: 639px) { #allrecords #rec913267366 .t396__artboard { height: auto !important; min-height: 0 !important; } #allrecords #rec913267366 .t396__artboard > .t396__carrier, #allrecords #rec913267366 .t396__artboard > .t396__filter { top: 0 !important; bottom: 0 !important; height: auto !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { position: static !important; top: auto !important; left: auto !important; margin: 0 !important; height: auto !important; box-sizing: content-box !important; } } @media screen and (max-width: 479px) { #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 { transform: none !important; top: 135px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943 { top: 228px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { top: 264px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 303px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { padding-top: 363px !important; margin-left: 15px !important; } } @media screen and (min-width: 480px) and (max-width: 639px) { #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 { transform: translateX(-190px) !important; top: 150px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943 { top: 242px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { top: 242px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 285px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { padding-top: 350px !important; margin-left: 10px !important; } } /* --- 8.3 (п.10) Подсказка-свайп в лентах товаров на мобильном. Карусель остаётся. --- */ #allrecords .t-store__scroll-icon-wrapper { display: none !important; } /* --- 8.4 (п.8) Фон блока фильтров в каталоге = фон страницы --- */ #allrecords .t951__sidebar { background-color: transparent !important; } /* /PRAVKA 8 */ /* ==================== PRAVKA 9 — правки заказчика от 18.09 (п. 1, 2, 5) ==================== */ /* --- 9.1 (п.1, п.2) Баннер: декоративная композиция (калабас, листья, свечение) сдвинута вправо, чтобы не наезжать на заголовок, и поднята, чтобы не заезжать на следующий блок. Артборд обрезает то, что выходит за его пределы. Текст и промо-карточка не тронуты. --- */ #allrecords #rec3449690001 .t396__artboard { overflow: hidden !important; } @media screen and (min-width: 1200px) { #allrecords #rec3449690001 .t396__artboard > .tn-elem { margin-left: 340px !important; margin-top: -120px !important; } } @media screen and (min-width: 640px) and (max-width: 1199px) { #allrecords #rec3449690001 .t396__artboard > .tn-elem { margin-top: -50px !important; } } /* --- 9.2 (п.5) Подменю «Каталог»: крупнее текст и мягкая тень, чтобы панель читалась как выпадающее меню. Привязка к кнопке, размер панели и пункт «Оплатки» сделаны в самом блоке (Zero Block rec907156030), не здесь. --- */ #allrecords #rec907156030 .tn-atom { font-size: 14px !important; } #allrecords #rec907156030 .tn-elem__9071560301742576458249 .tn-atom { box-shadow: 0 10px 28px rgba(0,0,0,.14) !important; } /* /PRAVKA 9 */ /* === PRAVKA 10: zona otkrytiya podmenyu Katalog (tolko desktop >1200) === */ @media screen and (min-width: 1201px) { #allrecords #rec888246703 a.tn-atom[nolim-data-menuid] { position: relative !important; } #allrecords #rec888246703 a.tn-atom[nolim-data-menuid]::after { content: ''; position: absolute; z-index: 1; top: -55%; bottom: -55%; left: -95%; right: -425%; } } /* === konec PRAVKA 10 === */ /* === PRAVKA 11: cvet knopki Katalog bez zavisimosti ot skripta animacii === */ #allrecords #rec888246703 .tn-elem__8882467031742577295945, #allrecords #rec888246703 .tn-elem__8882467031742577295945 .tn-atom__sbs-anim-wrapper { opacity: 1 !important; transition: opacity .25s ease !important; } #allrecords #rec888246703 .tn-group:has(> .tn-molecule > .tn-elem__8882467031742577295945):hover .tn-elem__8882467031742577295945, #allrecords #rec888246703 .tn-group:has(> .tn-molecule > .tn-elem__8882467031742577295945):hover .tn-elem__8882467031742577295945 .tn-atom__sbs-anim-wrapper { opacity: 0 !important; } /* === konec PRAVKA 11 === */ /* === PRAVKA 12: edinaya tipografika === */ @media screen and (min-width: 640px){ #allrecords .tn-elem[class*="1742984147246"] .tn-atom { font-size: 42px !important; line-height: 50px !important; } #allrecords .tn-elem[class*="1742984147246"] { height: auto !important; } } @media screen and (max-width: 639px){ #allrecords .tn-elem[class*="1742984147246"] .tn-atom { font-size: 26px !important; line-height: 32px !important; } #allrecords .tn-elem[class*="1742984147246"] { height: auto !important; } } #allrecords #rec916313596 .tn-elem[class*="1741623517630"] .tn-atom { font-size: 32px !important; line-height: 40px !important; } #allrecords #rec916313596 .tn-elem[class*="1741623517630"] { height: auto !important; } #allrecords #rec916310152 .tn-elem .tn-atom, #allrecords #rec916310152 .tn-elem .tn-atom *, #allrecords #rec916313596 .tn-elem:not([class*="1741623517630"]) .tn-atom, #allrecords #rec916313596 .tn-elem:not([class*="1741623517630"]) .tn-atom * { font-size: 16px !important; line-height: 26px !important; } #allrecords #rec916310152 .tn-elem, #allrecords #rec916313596 .tn-elem { height: auto !important; } #allrecords #rec916316692 .t-input-title { font-size: 14px !important; line-height: 20px !important; } /* === konec PRAVKA 12 === */ /* === PRAVKA 12b === */ @media screen and (min-width: 960px){ #allrecords #rec916313596 .tn-elem[class*="17416235176308"] { width: 620px !important; } } /* === PRAVKA 12c === */ @media screen and (max-width: 639px){ #allrecords #rec916313596 .tn-elem[class*="1741623517630"] .tn-atom { font-size: 22px !important; line-height: 28px !important; } } /* === PRAVKA 13: stranica tovara — otkluchaem avtomasshtab na shirokih ekranah === */ #allrecords[data-product-page="y"] > .t-rec { zoom: 1 !important; } /* === konec PRAVKA 13 === */ /* === PRAVKA 14: banner na ekranah ot 1920 — kompoziciya v setke (kompensaciya 360 + sdvig 340) === */ @media screen and (min-width: 1920px){ #allrecords #rec3449690001 .t396__artboard > .tn-elem { margin-left: 700px !important; } } /* === konec PRAVKA 14 === */ /* === PRAVKA 15: /privacy v novom dizajne === */ #allrecords #rec941224871 .t396__artboard, #allrecords #rec941224871 .t396__carrier, #allrecords #rec941224871 .t396__filter, #allrecords #rec941307826 .t396__artboard, #allrecords #rec941307826 .t396__carrier, #allrecords #rec941307826 .t396__filter { height: auto !important; min-height: 0 !important; } #allrecords #rec941224871 .t396__carrier, #allrecords #rec941224871 .t396__filter, #allrecords #rec941307826 .t396__carrier, #allrecords #rec941307826 .t396__filter { bottom: 0 !important; } #allrecords #rec941224871 .t396__elem, #allrecords #rec941307826 .t396__elem { position: relative !important; height: auto !important; } #allrecords #rec941224871 .t396__elem .tn-atom { font-size: 42px !important; line-height: 50px !important; } #allrecords #rec941307826 .t396__artboard { padding-bottom: 40px !important; } #allrecords #rec941307826 .t396__elem .tn-atom { font-size: 16px !important; line-height: 26px !important; } #allrecords #rec941307826 .t396__elem .tn-atom strong { display: block !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; margin: 28px 0 6px !important; } #allrecords #rec941307826 .t396__elem .tn-atom strong:first-child { margin-top: 0 !important; } #allrecords #rec941307826 .t396__elem .tn-atom a { color: #1F5A12 !important; text-decoration: underline !important; } @media screen and (max-width: 639px){ #allrecords #rec941224871 .t396__elem .tn-atom { font-size: 24px !important; line-height: 30px !important; } #allrecords #rec941307826 .t396__elem { max-width: none !important; } #allrecords #rec941307826 .t396__elem .tn-atom { font-size: 14px !important; line-height: 22px !important; } #allrecords #rec941307826 .t396__elem .tn-atom strong { font-size: 18px !important; line-height: 24px !important; margin-top: 22px !important; } } /* === konec PRAVKA 15 === */ /* === PRAVKA 15b: /privacy — shirina teksta i vyravnivanie po setke tolko na desktope === */ @media screen and (min-width: 1200px){ #allrecords #rec941307826 .t396__elem { width: auto !important; max-width: 800px !important; } #allrecords #rec941224866 .t396__elem, #allrecords #rec941224871 .t396__elem, #allrecords #rec941307826 .t396__elem { margin-left: -40px !important; } } /* === PRAVKA 15c: /privacy — otstupy sverhu kak na drugih stranicah, H1 ne nalezaet na kroshki, lishnyaya pustaya stroka posle podzagolovkov === */ #allrecords > [id^="rec888941938"]:has(~ #rec941224866) { display: none !important; } #allrecords #rec941224866 { padding-top: 100px !important; } #allrecords #rec941224871 .t396__elem { top: 4px !important; } #allrecords #rec941307826 .tn-atom strong + br { display: none !important; } /* === PRAVKA 15d: /privacy — otstup kroshek na telefone kak na drugih stranicah === */ @media screen and (max-width: 639px){ #allrecords #rec941224866 { padding-top: 84px !important; } } /* === PRAVKA 16: "Blog" vozvrashchen v verhnee menyu i mobilnoe menyu (podval i glavnaya — po-prezhnemu skryty) === */ /* PRAVKA 18 (круг 2, п.14): шапка одной высоты при прокрутке. Пустой Zero Block rec889011136 (белая полоса 70px, на телефоне 50px) фиксировался после 700px прокрутки под шапкой высотой 60 → фон шапки «прыгал» на 10px вниз. Скрыт. */ #allrecords #rec889011136 { display: none !important; } /* konec PRAVKA 18 */ /* PRAVKA 19 (круг 2, п.15): цена в карточках товаров на одном уровне. Текстовая часть карточки растягивается на всю высоту, цена прижимается к кнопке — независимо от длины названия и наличия описания. Каталог, категории, главная. */ #allrecords .t-store .t-store__card__wrap_txt-and-btns > div:first-child { flex: 1 1 auto; display: flex; flex-direction: column; } #allrecords .t-store .t-store__card__wrap_txt-and-btns > div:first-child > a { flex: 1 1 auto; display: flex; flex-direction: column; } #allrecords .t-store .t-store__card__wrap_txt-and-btns .t-store__card__textwrapper { flex: 1 1 auto; display: flex; flex-direction: column; } #allrecords .t-store .t-store__card__wrap_txt-and-btns .t-store__card__price-wrapper { margin-top: auto !important; padding-top: 12px; } /* konec PRAVKA 19 */ /* PRAVKA 20 (круг 2, п.16): подвал — строки колонок на общих линиях (по разметке Руслана). Шаг строки 30px. Совпадают базовые линии текста: строка 1 — «mate planet» / «О нас» / телефон; строка 2 — «ГОУРМЕТ ПАРТНЕРС…» (1-я строка) / «Доставка и оплата» / почта; строка 3 — «популярные мировые…» / «Контакты»; низ — «Политика…», ниже на шаг — копирайт / «Разработка сайта». Поэтому у описания компании межстрочный 30px, у меню и у пары «Политика / Разработка» шаг 30px. Колонки по горизонтали — как в макете (меню 525, контакты 927 при сетке 1200). 960–1199: почта не помещается в колонку 750, поэтому телефон, почта и «Политика / Разработка» стоят колонкой с 677 (почта заканчивается ровно на правом крае сетки 950, как на десктопе на 1200). 640–959: те же строки для логотипа, описания и меню; «Политика / Разработка» — следующие две строки; телефон и почта — одной строкой ниже, почта на линии 2-й колонки (330). */ @media screen and (min-width: 1200px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943 { top: 29.3px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { top: 59.3px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978524340 { top: 64.8px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 { top: 38.8px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 140.8px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { top: 170.8px !important; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords #rec913267366 .t396__artboard { height: 178px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943, #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707, #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { left: calc(50% - 480px + 677px) !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943 { top: 27.1px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { top: 57.1px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978524340 { top: 62.6px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 { top: 36.6px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 128.6px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { top: 158.6px !important; } } @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords #rec913267366 .t396__artboard { height: 263px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { left: calc(50% - 320px + 330px) !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978524340 { top: 62.6px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 { top: 36.6px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 128.6px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943, #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { top: 192.1px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { top: 243.6px !important; } } @media screen and (min-width: 640px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978524340 .tn-atom { line-height: 30px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658957412000002 > .tn-molecule { gap: 8.3px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 > .tn-molecule { gap: 11px !important; } } /* konec PRAVKA 20 */ /* PRAVKA 21 (круг 2, п.18): выбранные фильтры каталога — пастельный зелёный. Отмеченные галочки в фильтре (бренд, страна, наличие) и плашки выбранных фильтров («× Adelgamate» в панели «Найдено») были серыми — стандарт Tilda. Теперь в цветах сайта: фон #E1EBD9, галочка, рамка и текст #1C570C (зелёный кнопок). */ .t-store__filter__checkbox .t-checkbox:checked ~ .t-checkbox__indicator { background-color: #E1EBD9 !important; border-color: #1C570C !important; opacity: 1 !important; } .t-store__filter__checkbox .t-checkbox__indicator::after { border-color: #1C570C !important; } .t-store__filter__chosen-val { background-color: #E1EBD9 !important; color: #1C570C !important; } .t-store__filter__chosen-val:hover { background-color: #D2E2C6 !important; } /* konec PRAVKA 21 */ /* PRAVKA 22 (круг 2, п.1–2): «Доставка и оплата». п.2 — «Доставляем по всей России» стал заголовком раздела: 32/40 (было 42/50, как у H1), на телефоне 22/28 (H1 там 26). Подтянут к H1: пустые распорки до и после него скрыты, блок переложен в поток, как H1 (контейнер 1240 с полями 20) — левый край совпадает с H1 на всех ширинах; от H1 до него 40px, от него до блока условий 30px (на телефоне 30 и 22). п.1 — одинаковые отступы: от условий до маркетплейсов, от маркетплейсов до карты и от карты до подвала — как распорка перед маркетплейсами: 120px, на 480–639 — 100px, до 479 — 100px в масштабе телефона (31.25vw). */ #allrecords[data-tilda-page-id="65732295"] > [id^="rec888941938"] { display: none !important; } #allrecords[data-tilda-page-id="65732295"] #rec941212836 { margin: 0 !important; padding: 0 !important; } #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__artboard { position: relative !important; height: auto !important; min-height: 0 !important; width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 10px 20px 30px !important; box-sizing: border-box !important; overflow: visible !important; display: flex !important; } #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__carrier, #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__filter { height: auto !important; min-height: 0 !important; bottom: 0 !important; } #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__artboard > .tn-elem { position: static !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 !important; transform: none !important; } #allrecords[data-tilda-page-id="65732295"] #rec941212836 .tn-atom { font-size: 32px !important; line-height: 40px !important; letter-spacing: -2.5px !important; } #allrecords[data-tilda-page-id="65732295"] #rec913694662 { margin-top: 120px !important; margin-bottom: 120px !important; } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__artboard { max-width: 960px !important; padding-left: 10px !important; padding-right: 10px !important; } } @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__artboard { max-width: 640px !important; padding-left: 10px !important; padding-right: 10px !important; } } @media screen and (max-width: 639px) { #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__artboard { padding: 0 20px 22px !important; } #allrecords[data-tilda-page-id="65732295"] #rec941212836 .tn-atom { font-size: 22px !important; line-height: 28px !important; letter-spacing: -1px !important; } #allrecords[data-tilda-page-id="65732295"] #rec913694662 { margin-top: 100px !important; margin-bottom: 100px !important; } } @media screen and (max-width: 479px) { #allrecords[data-tilda-page-id="65732295"] #rec913694662 { margin-top: 31.25vw !important; margin-bottom: 31.25vw !important; } } /* konec PRAVKA 22 */ /* ~~~~~ PRAVKA 23 (22.09, krug 2 p.3-4): glavnaya — otstupy mezhdu sekciyami; blok marketpleysov bez svetlo-zelyonoy polosy ~~~~~ */ /* 23.1 (p.4) blok marketpleysov: ubrana svetlo-zelyonaya polosa nad kartochkoy i zelyonyy fon po bokam — na vsekh stranicakh s etim blokom (/, /delivery, /contacts) */ #allrecords > [id^="rec889000942"]:has(+ #rec913375936) { display: none !important; } #allrecords #rec913375936 .t396__artboard, #allrecords #rec913375936 .t396__carrier, #allrecords #rec913375936 .t396__filter { background-color: #ffffff !important; } /* belaya kartochka na belom fone ne vidna — tekst i knopki stavim po levomu krayu setki, kak zagolovki sekciy (byl otstup vnutri kartochki 30 / 40) */ @media screen and (min-width: 1200px) { #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416465, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361741623517630, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742981434265, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742981517038, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982003417, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982023871 { transform: translateX(-150px) !important; } } @media screen and (min-width: 640px) and (max-width: 1199px) { #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982416465, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361741623517630, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742981434265, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742981517038, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982003417, #allrecords #rec913375936 .t396__artboard > .tn-elem.tn-elem__9133759361742982023871 { margin-left: -40px !important; } } /* 23.2 (p.3) glavnaya, ot 640: otstupy mezhdu sekciyami 120 -> 80. Vtoraya rasporka pary (60, PRAVKA 7.5) i telefon — bez izmeneniy */ @media screen and (min-width: 640px) { #allrecords[data-tilda-page-id="63778303"] > :is([id^="rec889000942"], [id^="rec888805618"]):not(:is([id^="rec889000942"], [id^="rec888805618"]) + *) .t396, #allrecords[data-tilda-page-id="63778303"] > :is([id^="rec889000942"], [id^="rec888805618"]):not(:is([id^="rec889000942"], [id^="rec888805618"]) + *) .t396__artboard, #allrecords[data-tilda-page-id="63778303"] > :is([id^="rec889000942"], [id^="rec888805618"]):not(:is([id^="rec889000942"], [id^="rec888805618"]) + *) .t396__carrier, #allrecords[data-tilda-page-id="63778303"] > :is([id^="rec889000942"], [id^="rec888805618"]):not(:is([id^="rec889000942"], [id^="rec888805618"]) + *) .t396__filter { height: 80px !important; min-height: 80px !important; } } /* 23.3 /contacts: posle bloka marketpleysov vozvrashchaem rasporku (ee pryatalo pravilo dlya bloga na glavnoy). Poka blok byl na zelyonom fone, eto ne brosalos v glaza; na belom — vplotnuyu k «Obratnoy svyazi» */ #allrecords[data-tilda-page-id="65840975"] > #rec913375936 + [id^="rec889000942"] + [id^="rec888805618"] { display: block !important; } @media screen and (min-width: 640px) { #allrecords[data-tilda-page-id="65840975"] > #rec913375936 + [id^="rec889000942"] + [id^="rec888805618"] .t396, #allrecords[data-tilda-page-id="65840975"] > #rec913375936 + [id^="rec889000942"] + [id^="rec888805618"] .t396__artboard, #allrecords[data-tilda-page-id="65840975"] > #rec913375936 + [id^="rec889000942"] + [id^="rec888805618"] .t396__carrier, #allrecords[data-tilda-page-id="65840975"] > #rec913375936 + [id^="rec889000942"] + [id^="rec888805618"] .t396__filter { height: 120px !important; min-height: 120px !important; } } /* ~~~~~ PRAVKA 24 (22.09, krug 2 p.10): blok s ikonkami (4 preimushchestva) na telefone ~~~~~ Na <480 Tilda masshtabiruet elementy (zoom = shirina / 320), a kolonka setki pod ikonku byla zhyostkaya 47px: ikonka vylezala v otstup, tekst punktov 1-3 stoyal na fiksirovannyh 83px (zazor ot ikonki 18 / 10 / 4 px na 320 / 375 / 414), a punkt 4 («Dostavlyaem po vsey Rossii») — otdelnaya gruppa so svoim otstupom 16 x zoom, poetomu on s'ezzhal vpravo. Teper kolonka pod ikonku = ee realnaya shirina, otstup 16 — vnutri gruppy teksta (masshtabiruetsya vmeste s nim), kak u punkta 4. */ @media screen and (max-width: 959px) { #allrecords #rec889168555 .t396__artboard { grid-template-columns: auto 1fr !important; column-gap: 0 !important; } #allrecords #rec889168555 .t396__artboard > .tn-group.tn-group__8891685551787656383294000002, #allrecords #rec889168555 .t396__artboard > .tn-group.tn-group__8891685551787656446052000004, #allrecords #rec889168555 .t396__artboard > .tn-group.tn-group__8891685551787656435383000003 { padding-left: 16px !important; box-sizing: border-box !important; } } /* poputno: planshet i malyy desktop — blok «Kompaniya» i preimushchestva po toy zhe linii, chto zagolovki sekciy i vitrina */ @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords #rec889168555 .t396__artboard { padding-left: calc((100% - 620px) / 2) !important; padding-right: calc((100% - 620px) / 2) !important; } } @media screen and (min-width: 640px) and (max-width: 1199px) { #allrecords #rec888943924 .t396__artboard > .tn-elem { margin-left: 10px !important; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords #rec889168555 .t396__artboard > .tn-elem, #allrecords #rec889168555 .t396__artboard > .tn-group { margin-left: 10px !important; } /* pravaya kolonka posle sdviga vyhodila za setku na 10 px — shirina teksta kak u levoy kolonki (230) */ #allrecords #rec889168555 .t396__artboard > .tn-group .tn-elem.tn-elem__8891685551741616556944, #allrecords #rec889168555 .t396__artboard > .tn-group .tn-elem.tn-elem__8891685551741616556924, #allrecords #rec889168555 .t396__artboard > .tn-group .tn-elem.tn-elem__8891685551741616556875, #allrecords #rec889168555 .t396__artboard > .tn-group .tn-elem.tn-elem__8891685551741616556856 { width: 230px !important; } } /* ~~~~~ PRAVKA 25 (22.09, krug 2 p.17): «Populyarnye» i «Novinki» na glavnoy — kartochki kak v kataloge ~~~~~ V nastroykah etih dvuh blokov stoyal rezhim «v odin ryad», no setka Tilda stavila 1 kolonku — kartochki shli stolbikom vo vsyu shirinu ekrana (ok. 700px vysotoy kazhdaya). Delaem kak v kataloge: do 960 — 2 v ryad, 961-1199 — 4 v ryad; ot 1200 bez izmeneniy (5 v ryad, kak i v kataloge). */ @media screen and (max-width: 1199px) { #allrecords :is(#rec888921451, #rec3310036801) .js-store-grid-cont { display: block !important; overflow: visible !important; width: auto !important; max-width: none !important; } } @media screen and (max-width: 960px) { #allrecords :is(#rec888921451, #rec3310036801) .js-store-grid-cont .t-store__card-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (min-width: 961px) and (max-width: 1199px) { #allrecords :is(#rec888921451, #rec3310036801) .js-store-grid-cont .t-store__card-list { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } /* ~~~~~ PRAVKA 26 (22.09, krug 2 p.19): «Nichego ne naydeno» — bez ramki, myagkoe soobshchenie s kartinkoy ~~~~~ Dva mesta: pustoy razdel / filtr / poisk v vitrine magazina i poisk po saytu (t838). Kartinka — vstroennyy SVG (lupa s listom, cveta sayta), tekst podskazki — unicode-escape, chtoby ne zaviset ot kodirovki fayla. */ #allrecords .t-store__empty-part-msg-wrapper { border: 0 !important; background: transparent !important; min-height: 0 !important; height: auto !important; padding: 56px 20px 64px !important; width: 100% !important; box-sizing: border-box !important; } #allrecords .t-store__empty-part-msg { font-family: 'Inter', Arial, sans-serif !important; font-size: 20px !important; line-height: 28px !important; font-weight: 500 !important; color: #2A3316 !important; text-align: center !important; } #allrecords .t-store__empty-part-msg::before { content: ''; display: block; width: 96px; height: 96px; margin: 0 auto 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Ccircle cx='48' cy='48' r='48' fill='%23E1EBD9'/%3E%3Cg fill='none' stroke='%231C570C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='44' cy='44' r='17'/%3E%3Cpath d='M56.5 56.5L68 68'/%3E%3Cpath d='M36 52C36 43 42 36 52 36C52 45 45 52 36 52Z'/%3E%3Cpath d='M36 52L46 42'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; } #allrecords .t-store__empty-part-msg::after { content: '\41F \43E \43F \440 \43E \431 \443 \439 \442 \435 \20 \438 \437 \43C \435 \43D \438 \442 \44C \20 \444 \438 \43B \44C \442 \440 \44B \20 \438 \43B \438 \20 \437 \430 \433 \43B \44F \43D \438 \442 \435 \20 \432 \A0 \434 \440 \443 \433 \438 \435 \20 \440 \430 \437 \434 \435 \43B \44B \20 \43A \430 \442 \430 \43B \43E \433 \430 '; display: block; max-width: 360px; margin: 8px auto 0; font-size: 15px; line-height: 22px; font-weight: 400; color: rgba(42, 51, 22, 0.6); } @media screen and (max-width: 639px) { #allrecords .t-store__empty-part-msg-wrapper { padding: 40px 16px 48px !important; } #allrecords .t-store__empty-part-msg { font-size: 18px !important; line-height: 24px !important; } #allrecords .t-store__empty-part-msg::before { width: 80px; height: 80px; margin-bottom: 16px; } #allrecords .t-store__empty-part-msg::after { font-size: 14px; line-height: 20px; } } /* poisk po saytu: stilizuem tolko sluchay «nichego ne naydeno» — u naydennyh strok vnutri est ssylka i zagolovok */ body .t-site-search-pu > .t-site-search-dm__result:not(:has(a)):not(:has(.t-site-search-dm__result__title)) { padding: 24px 20px 40px !important; font-size: 20px !important; line-height: 28px !important; font-weight: 500 !important; color: #2A3316 !important; text-align: center !important; } body .t-site-search-pu > .t-site-search-dm__result:not(:has(a)):not(:has(.t-site-search-dm__result__title))::before { content: ''; display: block; width: 96px; height: 96px; margin: 0 auto 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Ccircle cx='48' cy='48' r='48' fill='%23E1EBD9'/%3E%3Cg fill='none' stroke='%231C570C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='44' cy='44' r='17'/%3E%3Cpath d='M56.5 56.5L68 68'/%3E%3Cpath d='M36 52C36 43 42 36 52 36C52 45 45 52 36 52Z'/%3E%3Cpath d='M36 52L46 42'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; } body .t-site-search-pu > .t-site-search-dm__result:not(:has(a)):not(:has(.t-site-search-dm__result__title))::after { content: '\41F \43E \43F \440 \43E \431 \443 \439 \442 \435 \20 \434 \440 \443 \433 \43E \439 \20 \437 \430 \43F \440 \43E \441 '; display: block; margin-top: 8px; font-size: 15px; line-height: 22px; font-weight: 400; color: rgba(42, 51, 22, 0.6); } /* ~~~~~ PRAVKA 27 (22.09, finalnaya proverka kruga 2) ~~~~~ */ /* 27.1 /delivery: vtoroy zagolovok — konteyner po toy zhe formule, chto u H1 i kroshek (v oknakh 640–655 i 960–975 px rashodilis na 7.5 px) */ @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__artboard { max-width: none !important; padding-left: calc((100% - 940px) / 2) !important; padding-right: calc((100% - 940px) / 2) !important; } } @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords[data-tilda-page-id="65732295"] #rec941212836 .t396__artboard { max-width: none !important; padding-left: calc((100% - 620px) / 2) !important; padding-right: calc((100% - 620px) / 2) !important; } } /* 27.2 glavnaya, 480–639: «Kompaniya» i blok preimushchestv po toy zhe linii, chto zagolovki sekciy (setka 480 + 10) */ @media screen and (min-width: 480px) and (max-width: 639px) { #allrecords #rec888943924 .t396__artboard > .tn-elem { margin-left: 10px !important; } #allrecords #rec889168555 .t396__artboard { padding-left: calc(50% - 230px) !important; padding-right: calc(50% - 230px) !important; } } /* 27.3 glavnaya, telefon: blok «Kompaniya» (rec888943924) ne masshtabirovalsya vmeste s ostalnymi (u 320-maketa ne bylo nastroyki «po oknu») i na 320 px tekst stoyal vplotnuyu k krayu. V redaktore vklyucheno «po oknu» dlya 320; v makete elementy stoyat na left 0 — stavim 15, kak u zagolovkov sekciy */ @media screen and (max-width: 479px) { #allrecords #rec888943924 .t396__artboard > .tn-elem { left: 15px !important; } } /* 27.4 glavnaya, telefon: ikonki bloka preimushchestv na toy zhe linii, chto zagolovki sekciy (15 px makata 320 = 4.6875% shiriny) */ @media screen and (max-width: 479px) { #allrecords #rec889168555 .t396__artboard { padding-left: 4.6875% !important; padding-right: 4.6875% !important; } } /* PRAVKA 29 (23.09, круг 2, дополнение к п.15 и п.9, по сообщениям Дениса 23.09). 29.1 Карточки товаров (главная, каталог, категории; телефон и десктоп): строку категории под артикулом («Йерба мате, Аргентина», «Lázeňské oplatky») убрали — лишняя информация. 29.2 Артикул на одном уровне, как цена: стоит прямо над ценой, оба прижаты к кнопкам, название — сверху. Если у товара нет артикула, цена прижата к кнопкам, как раньше (PRAVKA 19). 29.3 Страница товара: бренд и артикул были 10px (7,5 pt) — стали 14px (10,5 pt). */ #allrecords .t-store .t-store__card__wrap_txt-and-btns .t-store__card__textwrapper > .t-store__card__descr { display: none !important; } #allrecords .t-store .t-store__card__wrap_txt-and-btns .t-store__card__textwrapper > .t-store__card__sku { margin-top: auto !important; padding-top: 12px; } #allrecords .t-store .t-store__card__wrap_txt-and-btns .t-store__card__textwrapper:has(> .t-store__card__sku) > .t-store__card__price-wrapper { margin-top: 0 !important; padding-top: 6px; } body .t-store__prod-popup__brand, body .t-store__prod-popup__brand .js-product-brand, body .t-store__prod-popup__sku, body .t-store__prod-popup__sku .js-store-prod-sku { font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: rgba(42, 51, 22, 0.6) !important; } /* konec PRAVKA 29 */ /* PRAVKA 30 (23.09, круг 2, дополнение к п.14, по сообщению Руслана): шапка — всё содержимое по центру высоты 60 px. ≥1200: кнопка «Каталог» (42 px) стояла на 13 px от верха и 5 px от низа; логотип, пункты меню и телефон тоже были на 4 px ниже центра. Сдвинуты на 4 px вверх: у кнопки 9 / 9, центр всех элементов на 30. Иконки поиска, избранного и корзины и так стояли по центру. 480–1199: у кнопки и так 13 / 13; иконки поиска, избранного и корзины были на 4,5 px выше центра — опущены; на 480–959 кнопка меню (34 px) стояла на 7 / 19 — теперь 13 / 13, как «Каталог». <480: кнопка меню (46×40) стояла на 5 px от верха и 15 px от низа — теперь 10 / 10; логотип поднят на 1 px, на ту же линию. */ @media screen and (min-width: 1200px) { #allrecords .tn-elem.tn-elem__8882467031741595107051, #allrecords .tn-elem.tn-elem__8882467031742577180459, #allrecords .tn-elem.tn-elem__8882467031742577295945, #allrecords .tn-elem.tn-elem__8882467031742577500346, #allrecords .tn-elem.tn-elem__8882467031742577094685, #allrecords .tn-elem.tn-elem__8882467031741595619332, #allrecords .tn-elem.tn-elem__8882467031741595586745, #allrecords .tn-elem.tn-elem__8882467031741595530698, #allrecords .tn-elem.tn-elem__8882467031741595233868, #allrecords .tn-elem.tn-elem__8882467031741595763812 { translate: 0 -4px; } } @media screen and (min-width: 480px) and (max-width: 1199px) { #allrecords .tn-elem.tn-elem__8882467031741596210594, #allrecords .tn-elem.tn-elem__8882467031741596803298, #allrecords .tn-elem.tn-elem__8882467031741597688832 { translate: 0 4.5px; } } @media screen and (min-width: 480px) and (max-width: 959px) { #allrecords .tn-elem.tn-elem__8882467031741613013371 { translate: 0 6px; } } @media screen and (max-width: 479px) { #allrecords .tn-elem.tn-elem__8882467031741613013371 { translate: 0 5px; } #allrecords .tn-elem.tn-elem__8882467031741595107051 { translate: 0 -1px; } } /* konec PRAVKA 30 */ /* PRAVKA 31 (24.09, дополнение к п.14 / PRAVKA 30): текст «Каталог» по центру кнопки на 480–1199. Кнопка 34 px стоит 13 / 13, иконка ≡ по центру (29.5), а надпись была на 3,5 px ниже (центр букв 33.5) — поднята. Центр букв 30.3. */ @media screen and (min-width: 480px) and (max-width: 1199px) { #allrecords .tn-elem.tn-elem__8882467031742577500346 { translate: 0 -3.5px; } } /* konec PRAVKA 31 */ /* PRAVKA 32 (24.09, etap oplata+dostavka, p.1): stranica /oferta (pageid 262448609) — kopiya /privacy, to zhe oformlenie. Bloki: kroshki 4172262301, H1 4172262401, tekst 4172262601 (vmesto 941224866 / 941224871 / 941307826 v PRAVKA 15). */ /* === PRAVKA 32: /oferta v novom dizajne === */ #allrecords #rec4172262401 .t396__artboard, #allrecords #rec4172262401 .t396__carrier, #allrecords #rec4172262401 .t396__filter, #allrecords #rec4172262601 .t396__artboard, #allrecords #rec4172262601 .t396__carrier, #allrecords #rec4172262601 .t396__filter { height: auto !important; min-height: 0 !important; } #allrecords #rec4172262401 .t396__carrier, #allrecords #rec4172262401 .t396__filter, #allrecords #rec4172262601 .t396__carrier, #allrecords #rec4172262601 .t396__filter { bottom: 0 !important; } #allrecords #rec4172262401 .t396__elem, #allrecords #rec4172262601 .t396__elem { position: relative !important; height: auto !important; } #allrecords #rec4172262401 .t396__elem .tn-atom { font-size: 42px !important; line-height: 50px !important; } #allrecords #rec4172262601 .t396__artboard { padding-bottom: 40px !important; } #allrecords #rec4172262601 .t396__elem .tn-atom { font-size: 16px !important; line-height: 26px !important; } #allrecords #rec4172262601 .t396__elem .tn-atom strong { display: block !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; margin: 28px 0 6px !important; } #allrecords #rec4172262601 .t396__elem .tn-atom strong:first-child { margin-top: 0 !important; } #allrecords #rec4172262601 .t396__elem .tn-atom a { color: #1F5A12 !important; text-decoration: underline !important; } @media screen and (max-width: 639px){ #allrecords #rec4172262401 .t396__elem .tn-atom { font-size: 24px !important; line-height: 30px !important; } #allrecords #rec4172262601 .t396__elem { max-width: none !important; } #allrecords #rec4172262601 .t396__elem .tn-atom { font-size: 14px !important; line-height: 22px !important; } #allrecords #rec4172262601 .t396__elem .tn-atom strong { font-size: 18px !important; line-height: 24px !important; margin-top: 22px !important; } } /* === konec PRAVKA 32 === */ /* === PRAVKA 32b: /oferta — shirina teksta i vyravnivanie po setke tolko na desktope === */ @media screen and (min-width: 1200px){ #allrecords #rec4172262601 .t396__elem { width: auto !important; max-width: 800px !important; } #allrecords #rec4172262301 .t396__elem, #allrecords #rec4172262401 .t396__elem, #allrecords #rec4172262601 .t396__elem { margin-left: -40px !important; } } /* === PRAVKA 32c: /oferta — otstupy sverhu kak na drugih stranicah, H1 ne nalezaet na kroshki, lishnyaya pustaya stroka posle podzagolovkov === */ #allrecords > [id^="rec888941938"]:has(~ #rec4172262301) { display: none !important; } #allrecords #rec4172262301 { padding-top: 100px !important; } #allrecords #rec4172262401 .t396__elem { top: 4px !important; } #allrecords #rec4172262601 .tn-atom strong + br { display: none !important; } /* === PRAVKA 32d: /oferta — otstup kroshek na telefone kak na drugih stranicah === */ @media screen and (max-width: 639px){ #allrecords #rec4172262301 { padding-top: 84px !important; } } /* === PRAVKA 16: "Blog" vozvrashchen v verhnee menyu i mobilnoe menyu (podval i glavnaya — po-prezhnemu skryty) === */ /* PRAVKA 18 (круг 2, п.14): шапка одной высоты при прокрутке. Пустой Zero Block rec889011136 (белая полоса 70px, на телефоне 50px) фиксировался после 700px прокрутки под шапкой высотой 60 → фон шапки «прыгал» на 10px вниз. Скрыт. */ #allrecords #rec889011136 { display: none !important; } /* konec PRAVKA 18 */ /* konec PRAVKA 32 */ /* PRAVKA 33 (24.09, этап «оплата + доставка», п.2): в подвале добавлена ссылка «Публичная оферта» (/oferta) между «Политикой конфиденциальности» и «Разработкой сайта». Шаг строк прежний, «Разработка сайта» — на линии копирайта там, где они стоят рядом. ≥1200: столбик поднят на 30px (Политика 110.8 / Оферта 140.8 / Разработка 170.8 = копирайт); высота подвала 190, как была (Tilda сама увеличила её до 220 из-за новой строки). 960–1199: столбик поднят на 30px (98.6 / 128.6 / 158.6 = копирайт), высота 178, как была. 640–959: Политика и Оферта на месте прежних строк, Разработка на строку ниже; телефон, почта и копирайт опущены на 30px, высота 263 → 293. 480–639: копирайт опущен на 29px (шаг строк в столбике), padding-top 350 → 379. <480: копирайт опущен на 27px (шаг строк в столбике), padding-top 363 → 390. */ @media screen and (min-width: 1200px) { #allrecords #rec913267366 .t396__artboard { height: 190px !important; } #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 110.8px !important; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords #rec913267366 .t396__artboard > .tn-group.tn-group__9132673661787658974185000003 { top: 98.6px !important; } } @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords #rec913267366 .t396__artboard { height: 293px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978363943, #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742978962707 { top: 222.1px !important; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { top: 273.6px !important; } } @media screen and (min-width: 480px) and (max-width: 639px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { padding-top: 379px !important; } } @media screen and (max-width: 479px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { padding-top: 390px !important; } } /* konec PRAVKA 33 */ /* PRAVKA 34 (24.09, этап «оплата + доставка», корзина): в галочке согласия две ссылки — на оферту и на политику. Ссылки были оранжевыми (цвет Tilda по умолчанию #ff8562) посреди чёрного текста — сделаны цветом текста с подчёркиванием, как в форме на «Контактах». */ #allrecords #rec888306142 .t706 .t-input-group_cb a, #rec888306142 .t706 .t-input-group_cb a { color: inherit !important; text-decoration: underline !important; text-underline-offset: 2px; } /* konec PRAVKA 34 */ /* PRAVKA 35 (24.09, этап «оплата + доставка», п.3): логотипы Т-Банка, Мира и СБП в подвале — требование платёжных систем. Официальные файлы от Данила (Т-Банк — фирменная тёмная плашка; Мир — пакет НСПК, вариант для тёмного фона; СБП — надпись белая, как у версии для тёмного фона), Мир и СБП положены на такие же плашки #333, как у Т-Банка. Один ряд 185×28 (71 + 8 + 49 + 8 + 49), картинки 2x в data URI. Ряд — псевдоэлемент копирайта «Все права защищены». ≥1200 и 960–1199: средняя колонка под «О нас / Доставка / Контакты», на линии «Публичной оферты». 640–959: левая колонка, тоже на линии «Публичной оферты». 480–639 и <480: отдельной строкой над копирайтом, копирайт опущен на 43px (28 + отступ 15). */ #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919::before { content: ""; position: absolute; display: block; width: 185px; height: 28px; pointer-events: none; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAAA4CAMAAAAcsDBSAAABgFBMVEUzMzP93C39/f0oKS00NDT+5i1YWFh2dnaqqqrX19eNfjBHRDLDw8NFRUUaGhphWzG4uLjNuC4AAABwaDGJiYno6OiVlZVlZWWWhzA0NDQzMzNaVDGnly+5pi81NTXlyi58czHZxC4NDQ0qKiozMzM2NjYzMzN/f3//8i0fITOgjjC8sC8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA56WF7AAAAgHRSTlP+////1f////////////////8A////////jrf///9k/////wYUOEsC/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF61FpUAAAK+SURBVHic7ZnZupowFIWD2zAHGcLgQRzO2OH9368ZgASKFC4KtB/rQpMQze/eK5uoKI7j6xFtQMcrQ0Hx+8vaII1e3mP0thkaxvOGrmsz6LqiTfim0aZgdu3ataBgXAvDeIU7osJdGCf5hkflLRofOGFjVDvOjvOv4fR2VA9nqBj1253W0KU5OLdI1w13cYipicjXyo5qo3YmAdKZlpO5ODgBFQIERRcH7IOmTHx8U3aImOA0LTHTCiz2aLd9Z3Z0OI42/OPPOJns0FEcoKyRkqnZ0nHqHIv4XAZwHN/h8h1LjKUSR35ygSNmhjoO8OeDOd87OEFuUXhspLwU98Fk5YFmXrEQ5WvnUOMgfj3QohPIhFrTN6fCqQx5hxJ3sUc0gGNblFLLMuXO4SSErxo2OBnNsow6LY5vWWmT2rk4htjbAgfXnWfe8VnwgfAGkLT2jKN7q8aRsucUrl4ZbHD6ZbBr5bQ2sgVinK6D49tMYe0Gvn5uElqbmXdTIYWTOo7aehNxylEcfKuncRzzNQiCVx6WLMj1YOTwbGfZh8brE3E8YxQn0nAyM2fiC9Mg1HFseFp3/Fllh708Uqtjw+ulD19A4SgRbuSDqEKO9NITHOl1B00vPK6GU33ndeWmjZxqnE40aJApj4poQdridJJV30r8ydFByGhXx8UpSZKyUgNRc1emfugLhWHG9rnNurLWgsWaGRvwQ9LOzCFnj8LD/DofmByeuxaMztmC9cvmbXrni/4xY+SAMffrkbo/9YXdhb9mSVWDPBgXq9Cw043xOxA2knVoePWpMO6F5rLsKbnLA8lDtzCOyvVgBBBSGcOPZOnfCgaAvIvIGDaK6VX0LwqgjFjZqVY0TVcA95+n9fOktPgPTLt2/Q/a0L9rHOZzbQRdnyg+r82gdI7R13Z4zvEXiuP443zcgM4fDOUXpAsrozM4AHEAAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAA4CAMAAAAxbt2tAAABgFBMVEUzMzP9/f0pKCeJiIeVlZV2dnbm5uZVVlbY2NgAAAAVeOcLl/UdHR0QiO9oaGcsLCxISEgbZ9kFpvsoKCjFxcUURoojWoKmpqYbaugmU3IcHBwPVZAuLi4rSGopIB0qSF4gYYW1tbUbPVMSUn8eaYsdeJ4YcN8XissPks8AvP8wOUogP3wnTJQiVrsiXNCeoKEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADXgJgFAAAAgHRSTlP+//////////8D///////K////b////////xv/v/////////////////////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE4cL7gAAAHSSURBVHic7Zhpb4MwDIZdcwQopdCyAV3P3ff+/79bTiWkm0QqgTQt74cmsVI/sUNiKZCm6XoJI2m5pu4h3WzHAjBtNxQxWghCyxTW4xKAAkYOAsYHeHl5ef1BoZA9NKx9kzV/iKKAqZDe5JBgyVtuK6Wpuz8er7m6bndwQMyEGu6NJGIU5hFvCV17EfPu1/7hZbVazefzxWKRZVm1G4yIJYPFgbUcBHnBmpgiQFGx4wBJeGzbwQyFaOiCS9nXUQBGyoTwbCCyqqpeHREJaHdmohKNOBh5ooj23RFB3WFzjihmGiFSJbeC6sMVEaDua0RtIAB2TzpVbfvpgmDZqPmKk9hElESb2MHY4+3dDdUV15sLImAMCFVPI070J6oFgoRBX8XAAygQzHvBXBETEfO4xI6H+mNQckOoHCXQS1TC9+gXRDT0FhEItdMh9hAsEvg5inpoDBIR4kn8kYCNCLGPkBtCD+VQgpUYsBFxaSHK3PmqlVGIu6NBG9GglSji4NtE0GNXy29EjHN1qskZwqlUcMmEYyCz0o8iQLWKJr8YEYl6A6zwRHqs6pAxhXBT6UzQFdRodBU1p7hXVC8vL69/qAkeiyZ48prg4W6K58fRH1G/AYvvF5NHcCekAAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAA4CAMAAAAxbt2tAAABgFBMVEUzMzP9/f0qKSkDldWVS5cEezPxdCXnBVPo6OhIRUhntDAAAABZVppaV6T8uhwsLCyGhoZVV1VmqDa5ubnkqyepqakJgjZkZGR0dHTX19f2tSINiqsoKChLRTfHx8ccHBw4RTw5SUwzVk9zSnaVlZXvXC8VjMlsNEVrU54cHBwva4VJPUXoGE0Nlqw0Y3coeJgveLJBMjJQpDRhSjqPXDmzG1LNFlbIbTHRcDLsaSodbj43Wm0oZ0EggqxpSVB5UjuxZDT3iyLsmCgadkECneg9P0AzUj8hbDY9eUIsd3o9fsQigMI1mjFGZq9NcLdMnaBMoF5ApXFhVKJ2n4eRLE2fRFiZTqCFU6KrJVGkT0SgS52jp1rLtT3trB3/wh0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABI9Vd8AAAAgHRSTlP+/////////////wP////I////////////////cf///////////////xv//////////////////////////////////////////////////////////////////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGt+jPoAAAKUSURBVHic7dhnc9pAEAbg5SSIDjCWACGJ3oIxMdjggnFL7PTee/n/PyO7d0LIKTOIcMxkhveTZjD7sLuSRhakUqnyJijKZhnLQ2pbGSCQbSSUCmikoKxWAAQUNwHqgXX+qzD1xL564upORTWRv0wcqCbyk8TxbaUryf+4nCQSY5UryWeKCcqSVxKeSj6TuRLGclfSDCFIFI+lscyV7JUa14jK/lgi49+nxUQiE+mO1rvPQgSDg8lNkc+/AGC5GCc68VzTOgM5FUHA1uENkcOt64JVjVHakdtIv3mqaVpJrISICx84CgA5HWYJIOZN5zX/yNIbGxplt8EEsSOFdwEApm2bHMCLxUyOAeaYMu7cRHdPGFqPf88UJfHpViA4Bv12AxwckWPbLvYjB4aZv4u0b3S+yi5mMwLGsVK1GsvVbHSobBVYzheMCMSwWZLIy2+ZnaPwlhlWNhmzuKhrm6i0a3jogmVEInDgvY5E3r4fhj/FoVAhJiyb1XBcHmkWg4gEcF1/ofkrCV/WNHcuTiiTfj/NTRAO49EI3tIxH59Io3Q6Q6iy57o5t4bnrOFwrG7XFiC6BOgf9ItXfYmcz+4p/m4NYG1/xzzoIsIZJQS9BZBNvvanRVeJHxMvCKNNDdFBDsdmGx7uwjO8uQnRRIuuhGwymd31kcF0WnhrssQxA45n1gL337RogotjJJKVxrkg7nVOp38SlF3kNktE9wvNKCDqbDjolyj9x4vU+0O6ckYzAppxmYf1JREzQBLWSYHqF+42/v6dfwgSIwnEm4oedZCQwpmyZ6lsckTASV3dw1oWmyjEHyirT8SzuLIl+BkVzhTOSORRXW19ygr+TVpnnWhZwcuiFbzyWsGLu1W8flT+EvUnfPU4Jba9MwkAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 71px 28px, 49px 28px, 49px 28px; background-position: 0 0, 79px 0, 136px 0; } @media screen and (min-width: 1200px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919::before { left: 525px; top: -30px; bottom: auto; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919::before { left: 460px; top: -30px; bottom: auto; } } @media screen and (min-width: 640px) and (max-width: 959px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919::before { left: 0; top: -115px; } } @media screen and (min-width: 480px) and (max-width: 639px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919::before { left: calc(50% - 230px); top: 379px; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { padding-top: 422px !important; } } @media screen and (max-width: 479px) { #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919::before { left: 15px; top: 390px; } #allrecords #rec913267366 .t396__artboard > .tn-elem.tn-elem__9132673661742979112919 { padding-top: 433px !important; } } /* konec PRAVKA 35 */ /* PRAVKA 36: katalog s filtrom (T951) na 961-1199 - 3 kartochki v ryad vmesto 4 (ne szhimayutsya do 142-176px). Razdeliteli ryadov Tilda stoyat posle kazhdoy 4-y kartochki - pryachem ih, otstup mezhdu ryadami daet margin kartochki (90px, kak u razdelitelya) */ @media screen and (min-width: 961px) and (max-width: 1199px) { #allrecords .t951 .t-store__card-list > .t-store__stretch-col_25 { width: 33.333% !important; margin-bottom: 90px; } #allrecords .t951 .t-store__card-list > .t-store__grid-separator { display: none !important; } #allrecords .t951 .t-store__card-list { margin-bottom: -90px; } } /* konec PRAVKA 36 */ /* PRAVKA 37 (29.09): stranica tovara — opisanie i harakteristiki 16px (bylo 12/14), foto v slajdere 3:4 kak v kataloge */ body .t-store__prod-popup__text, body .t-store__prod-popup__text *, body .js-store-prod-all-charcs, body .js-store-prod-all-charcs * { font-size: 16px !important; line-height: 1.55 !important; } body .t-store__prod-popup__text ul { margin-bottom: 12px !important; } .t-store__prod-popup__slider .t-slds__bgimg { padding-bottom: 133.333% !important; } .t-store__prod-popup__slider .t-slds__items-wrapper { height: auto !important; } /* konec PRAVKA 37 */ /* PRAVKA 39 (29.10): knopka «Zakazat» na stranice tovara — tekst belyj (Tilda perevela knopku na t-btnflex, cvet teksta na span) */ .t-store__prod-popup__btn .t-btnflex__text, .t-store__prod-popup__btn .t-store__card__btn-text { color: #ffffff !important; } /* konec PRAVKA 39 */ /* PRAVKA 40 (29.10): vhod v kabinet v korzine skryt — SMS.RU bez imeni otpravitelya, Denis: zapuskaem bez kabineta. Udalit etot blok, kogda poyavitsya imya */ .t706__auth { display: none !important; } /* konec PRAVKA 40 */ /* PRAVKA 41 (29.10): knopka «Primenit» u promokoda v korzine — zelenaya, kak «Oformit zakaz» */ .t706 .t-inputpromocode__btn { background: #1c570c !important; font-weight: 400 !important; } .t706 .t-inputpromocode__btn:hover { background: #104203 !important; } /* konec PRAVKA 41 */ /* PRAVKA 43 (30.10): ssylki v popapah 'Soobshit o postuplenii' (ST600 rec5324849901) i 'Skidka 5%' (BF502N rec5325599801) v zelenom cvete sajta */ #rec5324849901 a, #rec5325599801 a { color: #1c570c !important; text-decoration: underline; }