:root { --wood:#240200; --woodA:#7C4820; --woodB:#663F33; --woodC:#3D0E00; --leaves:#1C3D1D; --leavesA:#BFCB96; --leavesB:#E0EAD1; --leavesC:#7EA492; --sun:#D89745; --sunA:#F5F1E9; --sunB:#FCDCA1; --sunC:#FECAA2; --fh:'Spectral',Georgia,serif; --fb:'Ysabeau Infant','Segoe UI',Arial,sans-serif; --fs:'Libre Baskerville',Georgia,serif; }
/* AUTO-START */
html body .header_language:hover { color: var(--woodA); }
html body .header_search:hover svg { fill: var(--sun); }
html body .menu a:hover { background-color: var(--sun); }
html body .header_cart { background-color: var(--leaves); }
html body .header_cart:hover { border-top-color: var(--leaves); border-right-color: var(--leaves); border-bottom-color: var(--leaves); border-left-color: var(--leaves); color: var(--leaves); }
html body .header_cart:hover path { fill: var(--leaves); }
html body .header_message:hover { background-color: var(--sun); }
html body .btn { background-color: var(--sun); border-top-color: var(--sun); border-right-color: var(--sun); border-bottom-color: var(--sun); border-left-color: var(--sun); }
html body .btn:hover { border-top-color: var(--sun); border-right-color: var(--sun); border-bottom-color: var(--sun); border-left-color: var(--sun); color: var(--woodA); }
html body .catalog_block-link { color: var(--woodA); }
html body .catalog_block-link:hover { color: var(--leaves); }
html body .catalog_block-link:hover path { stroke: var(--leaves); }
html body .certificates_slider .slick-arrow:hover { background-color: var(--sun); }
html body .delivery_item:last-child { border-top-color: var(--leaves); border-right-color: var(--leaves); border-bottom-color: var(--leaves); border-left-color: var(--leaves); }
html body .delivery_item::before { background-color: var(--leaves); }
html body .delivery_item-title { color: var(--woodA); }
html body .ways_item-title { color: var(--woodA); }
html body .facts_item:nth-child(2n)::before { border-top-color: var(--leaves); border-right-color: var(--leaves); border-bottom-color: var(--leaves); border-left-color: var(--leaves); }
html body .facts_item::before { border-top-color: var(--sun); border-right-color: var(--sun); border-bottom-color: var(--sun); border-left-color: var(--sun); }
html body .faq_item:has(.faq_item-title.active) { border-top-color: var(--sun); border-right-color: var(--sun); border-bottom-color: var(--sun); border-left-color: var(--sun); }
html body .faq_item-title.active span { background-color: var(--sun); }
html body .consult_number:hover { color: var(--woodA); }
html body .consult_message:hover { background-color: var(--sun); }
html body .footer a:hover { color: var(--woodA); }
html body .footer_message:hover { background-color: var(--sun); }
html body .advantages_item-link { color: var(--woodA); }
html body .advantages_item-link:hover { color: var(--leaves); }
html body .advantages_item-link:hover path { stroke: var(--leaves); }
html body .news_item-link { color: var(--woodA); }
html body .news_item-link:hover { color: var(--leaves); }
html body .news_item-link:hover path { stroke: var(--leaves); }
html body .card_teg { background-color: var(--leaves); }
html body .card_list li::before { background-color: var(--leaves); }
html body .card_tab.active { border-bottom-color: var(--leaves); }
html body .card h3 span { color: var(--woodA); }
html body .card ul li::before { background-color: var(--leaves); }
html body .card ol li::before { background-color: var(--leaves); }
@media (max-width: 1200px) { html body .menu_burger::before { background-color: var(--leaves); } }
@media (max-width: 1200px) { html body .menu_burger::after { background-color: var(--leaves); } }
@media (max-width: 1200px) { html body .menu_burger span { background-color: var(--leaves); } }
/* AUTO-END */
html body, html body input, html body textarea, html body button, html body select { font-family: var(--fb); }
html body { color: var(--wood); font-size: 17px; }
html body h1, html body h2, html body h3, html body h4, html body .title, html body [class$="-title"], html body [class*="-title "], html body .catalog_item-title { font-family: var(--fh); font-weight: 600; letter-spacing: 0; color: var(--wood); }
html body h2.title { font-size: 40px; font-weight: 600; }
html body a { color: var(--woodA); }
html body .header a, html body .menu a, html body .btn, html body .footer a { color: inherit; }
/* buttons */
html body .btn, html body .consult_btn, html body .main_btn { background: var(--sun); color: var(--wood); border-radius: 4px; font-family: var(--fb); font-weight: 600; letter-spacing: .02em; box-shadow: none; }
html body .btn:hover, html body .consult_btn:hover, html body .main_btn:hover { background: var(--wood); color: var(--sunA); }
html body .btn_white, html body .sl-btn2 { background: transparent; color: var(--wood); border: 1.5px solid var(--wood); border-radius: 4px; }
html body .btn_white:hover, html body .sl-btn2:hover { background: var(--wood); color: var(--sunA); }
/* sidebar header */
html body .header { background: var(--sunA); }
html body .menu a { background: transparent; color: var(--wood); font-family: var(--fh); font-weight: 600; font-size: 17px; border-radius: 0; border-bottom: 1px solid rgba(36,2,0,.10); padding-left: 4px; }
html body .menu a:hover { background: transparent; color: var(--leaves); }
html body .header_message, html body .header_order-btn { background: #fff; border-radius: 4px; }
html body .header_cart { background: var(--leaves) !important; border-radius: 4px; }
html body .header_cart:hover { background: var(--wood) !important; }
html body .header_language:hover, html body .header_search:hover svg { color: var(--sun); fill: var(--sun); }
/* accents that were orange */
html body .catalog_block-link, html body .advantages_item-link, html body .news_item-link, html body .card h3 span { color: var(--woodA); }
html body .delivery_item-title, html body .ways_item-title { color: var(--sunB); }
html body .delivery_item-img img, html body .ways_item-img img { filter: sepia(.3) saturate(.85); }
html body .delivery_item-img::before, html body .ways_item-img::before { z-index: 1; background: linear-gradient(180deg, rgba(36,2,0,.10) 0%, rgba(36,2,0,.55) 45%, rgba(36,2,0,.93) 100%); }
html body .delivery_item::after { background: var(--sun); background-image: none; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 0 0 1px var(--leaves); }
html body .delivery_item-title, html body .ways_item-title { color: var(--sunB); text-shadow: 0 1px 2px rgba(36,2,0,.4); }
html body .facts_item::before { display: none; }
html body .facts_item { border-top: 3px solid var(--sun) !important; }
html body .facts_item img { filter: grayscale(1) sepia(.55) saturate(1.4) brightness(.95); }
html body .faq_item:has(.faq_item-title.active) { border-color: var(--sun); }
html body .faq_item-title span, html body .card_counter, html body .consult_inp, html body .consult_area { background: var(--sunA); }
html body .faq_item-title.active span { background: var(--sun); color: var(--wood); }
html body .menu a:hover, html body .footer a:hover { color: var(--sun); }
/* hero slide 1: wood + tree rings */
html body section.main { background: var(--wood) url(/template/files/brand/rings-light.svg) right -180px center/900px no-repeat; }
html body section.main .main_bg { display: none; }
html body section.main h1 { font-family: var(--fh); font-weight: 500; color: var(--sunA); font-size: 52px; line-height: 1.12; max-width: 760px; }
html body section.main .container::before { content: "Фармацевтика и нутрицевтика из Индии · с 2015 года"; display: block; font-family: var(--fb); font-style: normal; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: 14px !important; color: var(--sun); font-size: 20px; margin-bottom: 18px; position: relative; z-index: 2; padding-top: 60px; }
html body section.main .main_item { color: var(--sunA); }
html body section.main .main_item img { filter: brightness(0) invert(.94) sepia(.3); }
/* hero slide 2 reviews: light sand */
html body .sl-hs-rev { background: var(--sunA) url(/template/files/brand/veins-dark.svg) left -200px bottom -220px/760px no-repeat; }
html body .sl-hs-rev h2, html body .sl-hs-rev .sl-hs-title, html body .sl-hs-rev p, html body .sl-hs-rev li { color: var(--wood); }
/* hero slide 3 trust: leaves */
html body .sl-hs-tr { background: var(--leaves) url(/template/files/brand/veins-light.svg) right -160px center/760px no-repeat !important; }
html body .sl-hs-tr .sl-stat { background: rgba(245,241,233,.08); border: 1px solid rgba(191,203,150,.35); border-radius: 4px; }
html body .sl-hs-tr .sl-stat b, html body .sl-hs-tr .sl-stat strong { color: var(--sunB); font-family: var(--fh); }
html body .sl-hs-tr, html body .sl-hs-tr p, html body .sl-hs-tr span { color: var(--leavesB); }
html body .sl-hs-tr h2 { color: var(--sunA); }
html body .sl-hero .slick-dots button { background: var(--leavesA); }
html body .sl-hero .slick-dots .slick-active button { background: var(--sun); }
/* own products banner */
html body .sl-own .sl-own-box { background: var(--leaves) url(/template/files/brand/veins-light.svg) right -140px center/680px no-repeat !important; border-radius: 6px; box-shadow: none; }
html body .sl-own .sl-own-box .btn { background: var(--sun); color: var(--wood); }
html body .sl-own .sl-own-box .btn:hover { background: var(--sunA); }
html body .sl-own h2, html body .sl-own h3 { color: var(--sunA); }
html body .sl-own-tags a { border-color: rgba(191,203,150,.4); color: var(--leavesB); border-radius: 3px; }
html body .sl-own-tags a:hover { background: var(--sun); color: var(--wood); }
/* cards */
html body .advantages_item, html body .catalog_block-item, html body .delivery_item, html body .steps_item, html body .ways_item, html body .reviews_item, html body .faq_item, html body .catalog_item { border-radius: 6px; box-shadow: none; border: 1px solid rgba(36,2,0,.08); }
html body .advantages_item-icon, html body .advantages_item > div:first-child { border-color: var(--leavesA) !important; background-image: none !important; }
/* catalog icons: flat leaves circles, white icon (brand: icons black/white in round frame) */
html body .sl-caticon { background: var(--leaves) !important; box-shadow: none !important; }
html body .catalog_block-item:hover .sl-caticon { background: var(--wood) !important; }
/* section rhythm */
html body section.certificates, html body section.steps, html body section.facts, html body section.sl-gr { background: var(--sunA); }
html body section.facts { background: var(--sunA) url(/template/files/brand/rings-dark.svg) right -260px top -200px/900px no-repeat; }
/* footer: wood */
html body .footer { background: var(--wood) url(/template/files/brand/rings-light.svg) left -320px bottom -380px/900px no-repeat; color: var(--sunA); }
html body .footer, html body .footer *, html body .footer a { color: rgba(245,241,233,.86); }
html body .footer a:hover { color: var(--sunB); }
html body .footer .sl-legal, html body .footer .sl-legal * { color: rgba(245,241,233,.6); }
html body .footer img[src*="logo"] { filter: none; }
/* page base */
html body { background: #fff; }
html body .header_logo img, html body .header a img[src*="logo"] { mix-blend-mode: multiply; }
html body .header_cart, html body .header_cart * { color: var(--sunA) !important; fill: var(--sunA); }
/* line icons in round frames -> monochrome (brand: icons black/white) */
html body .advantages_item-img img, html body .steps_item-icon img, html body .ways_item-icon img { filter: grayscale(1) sepia(.35) contrast(1.35); }
/* certificates: wood + rings instead of navy photo */
html body section.certificates { background: var(--wood) url(/template/files/brand/rings-light.svg) right -240px center/900px no-repeat; }
html body section.certificates .certificates_bg { display: none; }
html body section.certificates, html body section.certificates * { color: var(--sunA); }
html body section.certificates h2 { color: var(--sunA); }
html body section.certificates .certificates_subtitle { color: var(--sunB); }
/* map recoloured from blue to brand leaves/sun */
html body section.map .map_img img, html body section.map img { filter: grayscale(.75) sepia(.55) hue-rotate(35deg) saturate(1.1) brightness(.92); }
html body .ways_item:hover, html body .ways_item.active { border-color: var(--sun) !important; }
/* google reviews CTA + rating */
html body .sl-gr-cta { background: var(--leaves) url(/template/files/brand/veins-light.svg) right -120px bottom -160px/420px no-repeat; border-radius: 6px; }
html body .sl-gr b { color: var(--wood); font-family: var(--fh); }
html body .sl-gr-cta b { color: var(--sunA); }
/* facts: leaves instead of navy photo */
html body section.facts { background: var(--leaves) url(/template/files/brand/veins-light.svg) right -160px center/820px no-repeat; }
html body section.facts .facts_bg { display: none; }
html body section.facts h2, html body section.facts h2 span { color: var(--sunA); }
html body section.facts .facts_subtitle { color: var(--leavesB); }
html body section.facts .facts_item { border: 0; border-radius: 6px; }
/* consult: sand + leaf texture instead of blue stock photo */
html body .consult_wrapper { background: var(--leavesB) url(/template/files/brand/veins-dark.svg) left -220px center/900px no-repeat !important; border-radius: 6px; }
html body .consult_wrapper::before, html body .consult_wrapper::after { display: none; }
html body .card_teg { background: var(--leaves); color: var(--sunA); border-radius: 3px; }
/* catalog page info block: wood instead of navy photo */
html body section.info_block { background: var(--wood) url(/template/files/brand/rings-light.svg) left -260px center/900px no-repeat; }
html body section.info_block .info_block-bg { display: none; }
html body section.info_block, html body section.info_block * { color: var(--sunA); }
html body section.info_block h2, html body section.info_block h3, html body section.info_block [class$='-title'] { color: var(--sunB); }
html body section.info_block .info_block-text { background: transparent; }
html body section.info_block img { filter: sepia(.3) saturate(.85); border-radius: 6px; }
/* product page: messenger buttons */
html body .sl-msg { margin-top: 18px; padding: 16px 18px; border: 1px solid rgba(36,2,0,.10); border-radius: 6px; background: var(--sunA); }
html body .sl-msg-t { font-size: 15px; font-weight: 600; color: var(--wood); margin-bottom: 12px; }
html body .sl-msg-b { display: flex; gap: 10px; flex-wrap: wrap; }
html body .sl-msg-b a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 4px; font-weight: 600; font-size: 15px; color: #fff !important; text-decoration: none; flex: 1 1 140px; justify-content: center; }
html body .sl-msg-wa { background: #1FA855; }
html body .sl-msg-tg { background: #2A9FD8; }
html body .sl-msg-b a:hover { filter: brightness(.92); }
html body .sl-msg-note { margin-top: 10px; font-size: 13px; color: var(--woodB); }
/* floating messenger buttons keep their own colours */
@media (max-width: 767px) { html body h2.title { font-size: 30px; } html body section.main h1 { font-size: 34px; } html body section.main .container::before { font-size: 16px; padding-top: 30px; } html body section.main { background-size: 600px; background-position: right -260px top 40px; } }