/* Scoped, approved design-lab styles. Generated by tools/prepare-approved-design.cjs. */
.approved { --paper: #fff; --ink: #302b24; --muted: #756f66; --green: #334b35; --gold: #a66b20; --line: #e8e6df; --tint: #f5f6f1; --ozon: #005bff; --font: 'Montserrat',sans-serif; --display: 'Montserrat Alternates',sans-serif; }
.approved * { box-sizing: border-box; }
.approved { margin: 0px; color: var(--ink); font-family: var(--font); font-size: 17px; line-height: 1.65; letter-spacing: 0px; background: rgb(221, 221, 221); }
.approved button { font: inherit; letter-spacing: 0px; cursor: default; }
.approved button, .approved figure, .approved p, .approved h1, .approved h2, .approved h3, .approved ul, .approved ol { margin: 0px; }
.approved button { border: 0px; }
.approved button:disabled { opacity: 0.5; }
.approved img { display: block; max-width: 100%; }
.approved .board { background: rgb(255, 255, 255); position: relative; width: 1440px; min-height: 900px; padding: 70px 88px; overflow: hidden; }
.approved .board + .board { margin-top: 32px; }
.approved h1, .approved h2, .approved h3 { font-family: var(--display); font-weight: 600; line-height: 1.16; letter-spacing: 0px; }
.approved h1 { font-size: 56px; }
.approved h2 { font-size: 44px; }
.approved h2 span { color: var(--green); }
.approved h3 { font-size: 22px; }
.approved p { color: var(--muted); }
.approved .eyebrow { color: var(--gold); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px; }
.approved .lead { font-size: 19px; line-height: 1.7; }
.approved .large-copy { font-size: 22px; line-height: 1.6; color: var(--ink); }
.approved .muted { color: var(--muted); }
.approved .blue { color: var(--ozon) !important; }
.approved svg { width: 22px; height: 22px; flex: 0 0 auto; }
.approved .button { height: 48px; border-radius: 6px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; font-size: 15px; font-weight: 600; white-space: nowrap; background: white; }
.approved .primary { background: var(--green); color: white; border: 1px solid var(--green); }
.approved .outline { color: var(--green); background: white; border: 1px solid rgb(186, 197, 184); }
.approved .light { color: var(--ink); border: 1px solid rgb(184, 137, 63); background: rgba(255, 255, 255, 0.6); }
.approved .text-link { background: none; color: var(--green); font-size: 15px; font-weight: 600; display: inline-flex; gap: 16px; align-items: center; padding: 0px 0px 7px; border-bottom: 1px solid rgb(191, 199, 185); }
.approved .section-heading { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 34px; gap: 40px; }
.approved .section-heading > p, .approved .section-heading > div > p:not(.eyebrow) { font-size: 16px; max-width: 450px; line-height: 1.8; }
.approved .section-heading .eyebrow { margin-bottom: 14px; }
.approved .section-foot { border-top: 1px solid var(--line); margin-top: 34px; padding-top: 25px; display: flex; justify-content: space-between; font-size: 13px; color: var(--muted); }
.approved .section-foot span { display: flex; align-items: center; gap: 10px; }
.approved .section-foot svg { color: var(--gold); width: 19px; }
.approved .mobile-menu { display: none !important; }
.approved .hero { height: 900px; padding: 20px 60px 0px; background: url("/assets/img/hero-main.jpg") center center / cover no-repeat; }
.approved .hero::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(245, 212, 124, 0.45) 0%, rgba(248, 225, 168, 0.17) 48%, transparent 72%); pointer-events: none; }
.approved .topline, .approved .header, .approved .hero-copy { position: relative; z-index: 1; }
.approved .topline { height: 40px; margin: 0px 52px; display: flex; justify-content: space-between; align-items: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; }
.approved .topline > span { display: flex; align-items: center; gap: 17px; }
.approved .topline > span:first-child { font-size: 12px; font-weight: 500; color: rgb(71, 59, 42); }
.approved .topline img { width: 23px; height: 23px; object-fit: contain; }
.approved .header { margin-top: 25px; height: 70px; background: rgba(255, 252, 249, 0.97); border-radius: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0px 48px; font-size: 15px; font-weight: 600; }
.approved .header > div { display: flex; gap: 38px; }
.approved .header .brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 252px; height: 119px; object-fit: contain; }
.approved .hero-copy { margin: 79px 0px 0px 28px; width: 760px; }
.approved .hero .eyebrow { margin-bottom: 18px; color: rgb(119, 81, 28); }
.approved .hero h1 { line-height: 1.18; font-size: 56px; font-weight: 600; }
.approved .hero h1 em { font-style: normal; color: white; text-shadow: rgba(92, 69, 45, 0.25) 0px 1px 6px; }
.approved .hero .lead { margin-top: 22px; color: rgb(71, 59, 42); font-size: 18px; line-height: 1.65; }
.approved .actions { display: flex; gap: 16px; margin-top: 31px; }
.approved .hero-proof { display: flex; gap: 28px; margin-top: 32px; align-items: center; font-size: 13px; }
.approved .hero-proof span { display: flex; align-items: center; gap: 9px; }
.approved .hero-proof svg { color: var(--green); width: 22px; }
.approved .cloud { position: absolute; bottom: -200px; width: 100%; height: 270px; left: 0px; object-fit: fill; z-index: 2; }
.approved .family { display: grid; grid-template-columns: 1.05fr 1fr; gap: 85px; padding-top: 74px; padding-bottom: 74px; background: linear-gradient(rgb(255, 255, 255), rgb(247, 248, 243)); }
.approved .family-copy { align-self: center; }
.approved .family h2 { font-size: 50px; }
.approved .family .large-copy { margin-top: 26px; margin-bottom: 20px; }
.approved .family-copy > p:not(.eyebrow) { max-width: 545px; }
.approved .family-photo { position: relative; height: 720px; margin-left: 8px; align-self: center; }
.approved .family-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 38%; border-radius: 8px; }
.approved .family-photo figcaption { position: absolute; left: 20px; bottom: 20px; background: rgba(255, 254, 244, 0.91); padding: 10px 16px; font-size: 12px; display: flex; align-items: center; gap: 8px; border-radius: 4px; }
.approved .family-photo svg { width: 15px; }
.approved .stats { border-top: 1px solid rgb(216, 223, 210); border-bottom: 1px solid rgb(216, 223, 210); display: flex; justify-content: space-between; margin: 30px 0px; padding: 18px 0px; }
.approved .stats span { font-size: 11px; color: var(--muted); }
.approved .stats b { display: block; font-size: 23px; color: var(--green); font-weight: 600; margin-bottom: 3px; }
.approved .assortment { padding-top: 56px; padding-bottom: 50px; }
.approved .category-row { display: flex; gap: 0px; border-bottom: 1px solid var(--line); margin-bottom: 28px; }
.approved .category-row button { padding: 14px 18px; background: none; border-bottom: 2px solid transparent; display: flex; gap: 9px; align-items: center; font-size: 14px; color: var(--muted); }
.approved .category-row .active { color: var(--green); border-bottom-color: var(--green); font-weight: 600; }
.approved .category-row small { font-size: 11px; color: rgb(136, 136, 136); }
.approved .category-row svg { width: 18px; }
.approved .category-row .ozon-tab { margin-left: auto; color: var(--ozon); }
.approved .product-grid { display: grid; gap: 24px; }
.approved .fresh-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.approved .product { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(43, 51, 39, 0.02) 0px 8px 18px; display: flex; flex-direction: column; }
.approved .product-photo { height: 244px; position: relative; }
.approved .product-photo > img { width: 100%; height: 100%; object-fit: cover; }
.approved .product:nth-child(3) .product-photo > img { object-position: center 52%; }
.approved .badge { position: absolute; left: 16px; top: 16px; border: 1px solid rgba(255, 255, 255, 0.314); border-radius: 4px; padding: 4px 10px; background: rgba(248, 251, 243, 0.925); color: var(--green); font-size: 10px; line-height: 1.5; font-weight: 600; }
.approved .product-body { padding: 19px 20px 20px; display: flex; flex-direction: column; flex: 1 1 0%; }
.approved .product-meta { display: flex; justify-content: space-between; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight: 600; color: var(--gold); margin-bottom: 9px; }
.approved .product-meta span { color: var(--green); }
.approved .product h3 { font-size: 21px; line-height: 1.28; min-height: 54px; }
.approved .product-note { font-size: 12px; line-height: 1.7; min-height: 59px; margin-top: 8px; }
.approved .volumes { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 7px; margin-top: 18px; }
.approved .volume { text-align: center; border: 1px solid var(--line); border-radius: 4px; padding: 7px 4px; font-size: 10px; color: var(--muted); line-height: 1.4; display: flex; flex-direction: column; justify-content: center; }
.approved .volume b { font-size: 13px; color: var(--ink); font-weight: 600; margin-top: 3px; }
.approved .volume.selected { border-color: rgb(155, 175, 145); background: rgb(245, 248, 241); }
.approved .product .button { width: 100%; height: 42px; font-size: 12px; margin-top: 14px; justify-content: space-between; padding: 0px 14px; }
.approved .product .button svg { width: 18px; }
.approved .assortment .section-foot { font-size: 12px; margin-top: 28px; }
.approved .more-products { padding-top: 65px; }
.approved .more-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; }
.approved .compact .product-photo { height: 229px; }
.approved .compact .product-photo img { object-position: center 46%; }
.approved .compact .product-body { padding: 16px 16px 18px; }
.approved .compact h3 { font-size: 18px; min-height: 70px; }
.approved .compact .product-note { min-height: 86px; font-size: 12px; }
.approved .compact .volumes { margin-top: auto; }
.approved .compact .volume { padding: 8px 3px; }
.approved .compact .volumes:has(.volume:only-child) { grid-template-columns: 1fr; }
.approved .photo-note { font-size: 9px; color: var(--muted); margin-bottom: 10px; margin-top: -8px; }
.approved .selection-help { display: flex; align-items: center; gap: 17px; border-top: 1px solid var(--line); margin-top: 35px; padding-top: 26px; font-size: 12px; color: var(--muted); }
.approved .selection-help b { font-weight: 500; color: var(--ink); }
.approved .selection-help > .text-link { margin-left: auto; font-size: 12px; }
.approved .selection-help > svg { color: var(--gold); }
.approved .ozon { min-height: 820px; padding-top: 84px; padding-bottom: 72px; background: rgb(251, 252, 254); }
.approved .ozon-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 46px; }
.approved .ozon-product { display: grid; grid-template-columns: 1.05fr 1fr; background: rgb(255, 255, 255); border: 1px solid rgb(229, 234, 242); border-radius: 8px; overflow: hidden; min-height: 405px; }
.approved .ozon-photo { position: relative; }
.approved .ozon-photo > img { height: 100%; width: 100%; object-fit: cover; }
.approved .ozon-badge { background: var(--ozon); color: rgb(255, 255, 255); font-size: 12px; left: 14px; top: 14px; }
.approved .ozon-info { padding: 35px 25px; display: flex; flex-direction: column; align-items: flex-start; }
.approved .ozon-info .product-meta { font-size: 9px; color: var(--muted); letter-spacing: 0px; }
.approved .ozon-info h3 { font-size: 30px; line-height: 1.25; margin: 10px 0px 18px; }
.approved .ozon-info > p:not(.product-meta) { font-size: 14px; }
.approved .ozon-button { background: var(--ozon); color: white; font-size: 12px; gap: 10px; margin-top: auto; width: 100%; padding: 0px 12px; height: 44px; }
.approved .ozon-button svg { width: 17px; }
.approved .ozon-info small { font-size: 9px; color: var(--muted); text-align: center; width: 100%; margin-top: 10px; }
.approved .ozon-bottom { display: flex; justify-content: space-between; border-top: 1px solid rgb(224, 230, 237); margin-top: 40px; padding-top: 25px; font-size: 14px; }
.approved .journey { display: grid; grid-template-columns: 0.88fr 1.12fr; gap: 88px; padding-top: 76px; padding-bottom: 76px; }
.approved .journey-photo { height: 748px; position: relative; }
.approved .journey-photo img { height: 100%; width: 100%; object-fit: cover; border-radius: 8px; }
.approved .photo-caption { position: absolute; left: 22px; bottom: 24px; color: white; font-size: 13px; text-shadow: rgb(0, 0, 0) 0px 1px 6px; }
.approved .journey-copy { align-self: center; }
.approved .journey h2 { font-size: 43px; }
.approved .journey-copy .lead { font-size: 17px; margin-top: 22px; }
.approved .steps { list-style: none; padding: 0px; margin-top: 38px; }
.approved .steps li { display: flex; gap: 22px; padding: 22px 0px; border-top: 1px solid var(--line); }
.approved .steps li > b { font-family: var(--display); font-weight: 500; font-size: 18px; color: var(--gold); }
.approved .steps h3 { font-size: 20px; margin-bottom: 8px; }
.approved .steps p { font-size: 14px; max-width: 440px; line-height: 1.75; }
.approved .standards { background: rgb(244, 246, 240); padding-top: 74px; }
.approved .standards-layout { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 95px; margin-top: 53px; }
.approved .principles { display: grid; gap: 0px; }
.approved .principles article { display: flex; gap: 22px; border-top: 1px solid rgb(219, 224, 212); padding: 25px 0px; }
.approved .principles article > svg { width: 29px; height: 29px; color: var(--green); margin-top: 1px; }
.approved .principles h3 { font-size: 20px; }
.approved .principles p { font-size: 14px; line-height: 1.8; margin-top: 9px; max-width: 490px; }
.approved .documents { background: rgb(255, 255, 255); padding: 36px; border-radius: 8px; border: 1px solid rgb(223, 229, 216); }
.approved .documents > svg { color: var(--green); height: 40px; width: 40px; margin-bottom: 24px; }
.approved .documents .eyebrow { font-size: 10px; margin-bottom: 13px; }
.approved .documents h3 { font-size: 31px; line-height: 1.2; margin-bottom: 21px; }
.approved .documents p:not(.eyebrow) { font-size: 14px; }
.approved .documents ul { padding: 0px; list-style: none; font-size: 13px; margin: 20px 0px 26px; }
.approved .documents li { display: flex; align-items: center; gap: 9px; margin: 8px 0px; }
.approved .documents li svg { width: 16px; color: var(--green); }
.approved .documents .button { width: 100%; font-size: 13px; padding: 0px 13px; gap: 12px; }
.approved .reviews { min-height: 1040px; padding-top: 60px; padding-bottom: 45px; }
.approved .reviews .section-heading { margin-bottom: 30px; }
.approved .review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; max-width: 1030px; margin: auto; align-items: start; }
.approved .review-grid figure { margin: 0px; max-width: 488px; }
.approved .review-grid figcaption { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font-size: 12px; color: var(--muted); }
.approved .review-grid img { width: 100%; height: 650px; object-fit: contain; object-position: center top; background: rgb(250, 250, 248); border-radius: 8px; }
.approved .platform { padding: 4px 11px; border-radius: 4px; font-weight: 600; font-size: 11px; }
.approved .ozon-platform { background: rgb(237, 244, 255); color: var(--ozon); }
.approved .avito-platform { background: rgb(236, 247, 238); color: rgb(41, 129, 68); }
.approved .review-navigation { display: flex; justify-content: space-between; align-items: center; margin: 25px auto 0px; max-width: 1030px; font-size: 14px; }
.approved .review-navigation > div { display: flex; gap: 10px; }
.approved .icon-button { width: 44px; height: 44px; border-radius: 50%; background: white; border: 1px solid var(--line); display: grid; place-items: center; color: var(--green); }
.approved .telegram { background: rgb(255, 255, 255); padding-top: 70px; }
.approved .telegram .section-heading { align-items: flex-start; margin-bottom: 43px; }
.approved .telegram .section-heading > div:last-child { padding-top: 20px; }
.approved .telegram-button { border: 1px solid rgb(194, 213, 226); background: rgb(239, 248, 255); color: rgb(34, 108, 154); font-size: 13px; height: 44px; gap: 14px; margin-top: 22px; }
.approved .telegram-button img { width: 22px; height: 22px; }
.approved .telegram-button svg { width: 17px; }
.approved .handle { margin-left: 14px; font-size: 11px; color: var(--muted); }
.approved .photo-strip { display: grid; grid-template-columns: 1.15fr 0.9fr 0.9fr 1.15fr; gap: 20px; }
.approved .photo-strip figure:nth-child(2n) { padding-top: 40px; }
.approved .photo-strip img { width: 100%; height: 415px; object-fit: cover; border-radius: 6px; }
.approved .photo-strip figure:first-child img { object-position: 50% 38%; }
.approved .photo-strip figcaption { font-size: 11px; color: var(--muted); margin-top: 13px; }
.approved .quiet-note { font-size: 12px; text-align: center; margin-top: 35px; }
.approved .delivery { background: rgb(247, 248, 244); padding-top: 66px; min-height: 920px; }
.approved .delivery h2 { font-size: 41px; }
.approved .order-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 44px 0px; }
.approved .order-steps article { border-top: 1px solid rgb(207, 216, 198); padding-top: 17px; }
.approved .order-steps span { font-size: 12px; color: var(--gold); }
.approved .order-steps h3 { font-size: 22px; margin: 12px 0px; }
.approved .order-steps p { font-size: 14px; line-height: 1.7; }
.approved .delivery-options { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgb(220, 226, 213); border-bottom: 1px solid rgb(220, 226, 213); padding: 28px 0px; margin-bottom: 31px; gap: 62px; }
.approved .delivery-options article + article { padding-left: 52px; border-left: 1px solid rgb(220, 226, 213); }
.approved .option-heading { display: flex; gap: 13px; align-items: center; margin-bottom: 17px; }
.approved .option-heading svg { color: var(--green); }
.approved .option-heading h3 { font-size: 23px; }
.approved .delivery-options p { font-size: 14px; line-height: 1.8; }
.approved .delivery-options b { font-weight: 500; color: var(--ink); }
.approved .delivery-options .muted { font-size: 12px; margin-top: 13px; max-width: 440px; }
.approved .contact-strip { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.approved .contact-strip > span { display: flex; align-items: center; gap: 13px; font-size: 22px; font-weight: 500; }
.approved .contact-strip > div { display: flex; gap: 17px; margin-left: auto; }
.approved .contact-strip img { width: 31px; height: 31px; object-fit: contain; }
.approved .contact-strip .button { font-size: 13px; }
.approved .faq { display: grid; grid-template-columns: 0.83fr 1.17fr; gap: 85px; padding-top: 104px; padding-bottom: 100px; }
.approved .faq h2 { font-size: 44px; line-height: 1.22; }
.approved .faq-heading > p:not(.eyebrow) { font-size: 15px; margin-top: 28px; line-height: 1.9; }
.approved .faq-heading .text-link { margin-top: 24px; font-size: 13px; }
.approved .faq-list article { border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; padding: 24px 0px; gap: 26px; }
.approved .faq-list article:last-child { border-bottom: 1px solid var(--line); }
.approved .faq-list h3 { font-family: var(--font); font-size: 16px; font-weight: 500; line-height: 1.55; }
.approved .faq-list svg { width: 18px; color: var(--green); }
.approved .faq-list .expanded { display: block; border-top: 2px solid var(--green); padding-top: 21px; padding-bottom: 28px; }
.approved .expanded > div { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.approved .expanded h3 { font-weight: 600; color: var(--green); }
.approved .expanded p { font-size: 14px; line-height: 1.85; padding-right: 30px; margin-top: 16px; }
.approved .contact { padding: 0px; background: var(--green); color: white; min-height: 1060px; }
.approved .contact-main { display: grid; grid-template-columns: 1fr 0.94fr; gap: 90px; padding: 76px 100px 70px; position: relative; background: linear-gradient(90deg, rgba(51, 75, 53, 0.96), rgba(51, 75, 53, 0.69)), url("/assets/img/photos/apiary-hives.webp") center 48% / cover; }
.approved .contact h2 { font-size: 49px; }
.approved .contact h2 span { color: rgb(230, 217, 172); }
.approved .contact .eyebrow { color: rgb(214, 202, 163); }
.approved .contact-copy { padding-top: 32px; }
.approved .contact .lead { color: rgb(225, 231, 219); margin-top: 24px; font-size: 18px; }
.approved .contact-phone { font-size: 26px; font-weight: 500; color: white; margin-top: 32px; }
.approved .messengers { display: flex; gap: 18px; margin-top: 21px; }
.approved .messengers span { display: flex; align-items: center; gap: 6px; font-size: 11px; }
.approved .messengers img { width: 22px; height: 22px; }
.approved .contact-note { color: rgb(202, 213, 196); font-size: 14px; margin-top: 29px; }
.approved .form-preview { background: white; color: var(--ink); padding: 31px 34px; border-radius: 8px; box-shadow: rgba(10, 33, 25, 0.145) 0px 10px 30px; }
.approved .form-preview h3 { font-size: 24px; }
.approved .form-preview > p:not(.consent) { font-size: 12px; margin: 10px 0px 22px; }
.approved .form-preview label { display: block; font-size: 11px; color: var(--ink); margin-top: 14px; font-weight: 500; }
.approved .input-preview { display: flex; align-items: center; height: 43px; border: 1px solid rgb(217, 221, 212); border-radius: 4px; background: rgb(255, 255, 255); margin-top: 7px; padding: 9px 12px; font-weight: 400; font-size: 12px; color: rgb(140, 142, 136); }
.approved .multiline { height: 66px; align-items: flex-start; padding-top: 12px; }
.approved .form-preview label small { font-size: 9px; color: var(--muted); margin-left: 8px; font-weight: 400; }
.approved .connection-choice { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin-top: 8px; font-size: 10px; text-align: center; }
.approved .connection-choice span { border: 1px solid var(--line); border-radius: 4px; padding: 9px 2px; }
.approved .connection-choice .selected { color: var(--green); border-color: rgb(168, 183, 156); background: rgb(243, 247, 238); }
.approved .consent { display: flex; gap: 9px; font-size: 9px; line-height: 1.6; margin: 17px 0px; }
.approved .checkbox-preview { width: 14px; height: 14px; flex: 0 0 auto; border: 1px solid rgb(165, 176, 152); border-radius: 2px; margin-top: 2px; }
.approved .form-preview .button { width: 100%; font-size: 13px; }
.approved .contact footer { padding: 39px 88px; background: rgb(37, 58, 40); display: grid; grid-template-columns: 1fr 1.4fr 1.3fr; gap: 45px; font-size: 11px; color: rgb(226, 230, 219); }
.approved .footer-brand img { width: 172px; height: 81px; object-fit: contain; }
.approved .contact footer b { font-weight: 500; font-size: 12px; }
.approved .contact footer p { font-size: 10px; line-height: 1.9; color: rgb(184, 196, 178); margin-top: 10px; }
.approved .footer-brand p { font-size: 10px; }
.approved .eyebrow, .approved .product-meta { letter-spacing: 0px; }
.approved .product-meta span { text-transform: none; }
.approved .product-note { font-size: 14px; min-height: 71px; }
.approved .product h3 { font-size: 22px; }
.approved .volume { font-size: 12px; }
.approved .volume b { font-size: 17px; }
.approved .product .button { font-size: 14px; height: 46px; }
.approved .compact .product-note { font-size: 13px; min-height: 90px; }
.approved .compact .volume { font-size: 11px; }
.approved .compact .volume b { font-size: 16px; }
.approved .compact .product-photo img { object-position: center 35%; }
.approved .compact:last-child .product-photo img { object-fit: contain; background: rgb(244, 246, 240); }
.approved .fresh-grid .product-photo { height: 320px; }
.approved .fresh-grid .product:nth-child(3) .product-photo img { object-fit: cover; object-position: center center; }
.approved .fresh-grid .product:nth-child(2) .product-photo img { object-position: center 35%; }
.approved .review-grid img { height: auto; max-height: 650px; background: transparent; }
.approved .contact { min-height: 0px; }
.approved .form-preview label { font-size: 13px; }
.approved .form-preview label small { font-size: 11px; }
.approved .input-preview { font-size: 14px; }
.approved .connection-choice { font-size: 12px; }
.approved .consent { font-size: 11px; }
.approved .form-preview > p:not(.consent) { font-size: 14px; }
.approved .form-preview .button { font-size: 15px; }
@media (max-width: 700px) {
.approved .board { width: 390px; min-height: 0px; height: auto; padding: 42px 22px; }
.approved .board + .board { margin-top: 16px; }
.approved h1 { font-size: 32px; }
.approved h2 { font-size: 30px; }
.approved h3 { font-size: 20px; }
.approved .eyebrow { font-size: 9px; letter-spacing: 1px; margin-bottom: 14px; }
.approved .lead { font-size: 15px; }
.approved .desktop-only { display: none; }
.approved .button { height: 46px; font-size: 13px; gap: 12px; padding: 0px 16px; }
.approved .button svg { width: 18px; }
.approved .text-link { font-size: 13px; }
.approved .section-heading { display: block; margin-bottom: 26px; }
.approved .section-heading > p, .approved .section-heading > div > p:not(.eyebrow) { font-size: 13px; margin-top: 18px; line-height: 1.75; }
.approved .section-heading h2 { font-size: 29px; }
.approved .section-foot { flex-direction: column; gap: 11px; font-size: 10px; padding-top: 20px; margin-top: 24px; }
.approved .hero { height: 844px; padding: 0px; background-position: 65% center; }
.approved .hero::before { background: linear-gradient(90deg, rgba(255, 233, 174, 0.808), rgba(255, 225, 160, 0.408) 70%, rgba(255, 227, 168, 0.125)); }
.approved .topline { margin: 0px; padding: 12px 14px; height: 47px; background: rgb(255, 254, 249); gap: 12px; color: var(--ink); }
.approved .topline > span:first-child { font-size: 0px; gap: 12px; }
.approved .topline img { width: 21px; height: 21px; }
.approved .topline > span { font-size: 12px; gap: 7px; }
.approved .topline svg { width: 14px; height: 14px; }
.approved .header { margin: 0px; height: 64px; border-radius: 0px; background: rgb(255, 254, 249); padding: 0px 20px; }
.approved .header > div { display: none; }
.approved .header .brand { left: 22px; width: 141px; height: 65px; transform: translateY(-50%); }
.approved .mobile-menu { margin-left: auto; width: 24px; height: 24px; color: var(--green); display: block !important; }
.approved .hero-copy { width: auto; margin: 59px 22px 0px; }
.approved .hero .eyebrow { font-size: 9px; }
.approved .hero h1 { font-size: 31px; line-height: 1.25; }
.approved .hero h1 em { text-shadow: rgba(112, 81, 35, 0.376) 0px 1px 3px; }
.approved .hero .lead { font-size: 14px; line-height: 1.85; margin-top: 20px; max-width: 309px; }
.approved .actions { flex-direction: column; gap: 10px; margin-top: 28px; width: 242px; }
.approved .hero .button { height: 45px; font-size: 12px; justify-content: space-between; }
.approved .hero-proof { gap: 12px; flex-wrap: wrap; margin-top: 26px; max-width: 318px; font-size: 10px; }
.approved .hero-proof span { gap: 6px; }
.approved .hero-proof svg { width: 17px; height: 17px; }
.approved .hero .cloud { height: 113px; bottom: -76px; }
.approved .family { display: flex; flex-direction: column; gap: 29px; padding-top: 40px; background: linear-gradient(rgb(255, 255, 255), rgb(245, 247, 240)); }
.approved .family h2 { font-size: 35px; }
.approved .family .large-copy { font-size: 17px; margin-top: 23px; margin-bottom: 17px; }
.approved .family-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.8; }
.approved .family-photo { height: 454px; width: 100%; margin: 0px; }
.approved .family-photo img { object-position: center 35%; }
.approved .family-photo figcaption { left: 12px; bottom: 12px; font-size: 9px; padding: 6px 10px; }
.approved .stats { margin: 23px 0px; padding: 14px 0px; }
.approved .stats b { font-size: 20px; }
.approved .stats span { font-size: 9px; }
.approved .category-row { overflow: hidden; white-space: nowrap; margin-right: -22px; margin-bottom: 24px; }
.approved .category-row button { font-size: 11px; padding: 12px 9px; gap: 6px; flex: 0 0 auto; }
.approved .category-row small { font-size: 9px; }
.approved .category-row svg { width: 14px; }
.approved .category-row .ozon-tab { display: none; }
.approved .product-grid { grid-template-columns: 1fr; gap: 22px; }
.approved .product-photo { height: 218px; }
.approved .product-body { padding: 18px; }
.approved .product h3 { font-size: 21px; min-height: 0px; }
.approved .product-meta { font-size: 9px; }
.approved .product-note { font-size: 12px; min-height: 0px; margin-top: 9px; }
.approved .volumes { margin-top: 19px; }
.approved .volume { padding: 10px 3px; font-size: 11px; }
.approved .volume b { font-size: 15px; }
.approved .product .button { height: 43px; margin-top: 13px; font-size: 12px; }
.approved .assortment .section-foot { font-size: 10px; }
.approved .more-grid { grid-template-columns: 1fr; }
.approved .compact .product-photo { height: 228px; }
.approved .compact h3 { font-size: 22px; min-height: 0px; }
.approved .compact .product-body { padding: 18px; }
.approved .compact .product-note { min-height: 0px; font-size: 12px; margin-bottom: 19px; }
.approved .compact .volume { padding: 10px 3px; }
.approved .compact .photo-note { margin-top: -9px; }
.approved .selection-help { align-items: flex-start; font-size: 11px; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.approved .selection-help > span { width: 290px; }
.approved .selection-help .text-link { margin-left: 34px; font-size: 11px; }
.approved .ozon { padding-top: 44px; padding-bottom: 35px; }
.approved .ozon-grid { grid-template-columns: 1fr; gap: 22px; margin-top: 27px; }
.approved .ozon-product { grid-template-columns: 1fr; min-height: 0px; }
.approved .ozon-photo { height: 290px; }
.approved .ozon-photo > img { object-fit: cover; object-position: center 47%; }
.approved .ozon-info { padding: 23px; }
.approved .ozon-info h3 { font-size: 25px; margin: 8px 0px 13px; }
.approved .ozon-info h3 br { display: none; }
.approved .ozon-info > p:not(.product-meta) { font-size: 13px; }
.approved .ozon-info > p br { display: none; }
.approved .ozon-info .ozon-button { margin-top: 22px; font-size: 13px; }
.approved .ozon-bottom { flex-direction: column; gap: 12px; font-size: 12px; }
.approved .ozon-bottom .text-link { align-self: flex-start; font-size: 12px; }
.approved .journey { display: flex; flex-direction: column; gap: 27px; padding-top: 45px; }
.approved .journey-copy { order: -1; }
.approved .journey h2 { font-size: 31px; }
.approved .journey-copy .lead { font-size: 14px; }
.approved .steps { margin-top: 26px; }
.approved .steps li { gap: 15px; padding: 20px 0px; }
.approved .steps li > b { font-size: 14px; }
.approved .steps h3 { font-size: 18px; }
.approved .steps p { font-size: 12px; line-height: 1.8; }
.approved .journey-photo { height: 400px; }
.approved .photo-caption { font-size: 11px; }
.approved .standards-layout { grid-template-columns: 1fr; gap: 22px; margin-top: 30px; }
.approved .principles article { padding: 22px 0px; gap: 15px; }
.approved .principles article > svg { width: 23px; height: 23px; }
.approved .principles h3 { font-size: 17px; }
.approved .principles p { font-size: 12px; }
.approved .documents { padding: 25px; }
.approved .documents h3 { font-size: 29px; }
.approved .documents > svg { width: 32px; height: 32px; }
.approved .documents p:not(.eyebrow) { font-size: 13px; }
.approved .reviews { padding-top: 42px; padding-bottom: 32px; }
.approved .review-grid { grid-template-columns: 1fr; gap: 27px; }
.approved .review-grid img { height: auto; width: 100%; object-fit: contain; }
.approved .review-grid figcaption { font-size: 10px; }
.approved .review-grid figure:nth-child(2) { display: none; }
.approved .review-navigation { font-size: 12px; margin-top: 20px; }
.approved .review-navigation .icon-button { width: 42px; height: 42px; }
.approved .telegram .section-heading > div:last-child { padding-top: 0px; }
.approved .telegram .section-heading > div > p br { display: none; }
.approved .telegram .section-heading { margin-bottom: 28px; }
.approved .telegram-button { font-size: 11px; gap: 10px; }
.approved .handle { margin: 10px 0px 0px; display: block; font-size: 10px; }
.approved .photo-strip { display: grid; grid-template-columns: repeat(4, 230px); gap: 14px; width: 962px; }
.approved .photo-strip figure:nth-child(2n) { padding-top: 0px; }
.approved .photo-strip img { height: 310px; }
.approved .photo-strip figcaption { font-size: 10px; }
.approved .quiet-note { font-size: 10px; line-height: 1.7; text-align: left; max-width: 314px; margin-top: 24px; }
.approved .delivery h2 { font-size: 29px; }
.approved .order-steps { grid-template-columns: 1fr; gap: 23px; margin: 27px 0px; }
.approved .order-steps article { display: grid; grid-template-columns: 29px 1fr; gap: 6px 8px; padding-top: 16px; }
.approved .order-steps article > span { grid-row: span 2; font-size: 10px; padding-top: 3px; }
.approved .order-steps h3 { font-size: 19px; margin: 0px 0px 4px; }
.approved .order-steps p { font-size: 12px; grid-column: 2; }
.approved .order-steps p br { display: none; }
.approved .delivery-options { grid-template-columns: 1fr; gap: 26px; padding: 26px 0px; }
.approved .delivery-options article + article { padding: 23px 0px 0px; border-left: 0px; border-top: 1px solid rgb(220, 226, 213); }
.approved .option-heading h3 { font-size: 22px; }
.approved .delivery-options p { font-size: 12px; }
.approved .delivery-options .muted { font-size: 11px; }
.approved .contact-strip { flex-wrap: wrap; gap: 20px; justify-content: flex-start; }
.approved .contact-strip > span { font-size: 20px; width: 100%; }
.approved .contact-strip img { width: 26px; height: 26px; }
.approved .contact-strip > div { margin: 0px; gap: 12px; }
.approved .contact-strip .button { font-size: 11px; margin-left: auto; padding: 0px 12px; gap: 9px; }
.approved .faq { grid-template-columns: 1fr; gap: 31px; padding-top: 42px; }
.approved .faq h2 { font-size: 32px; }
.approved .faq-heading > p:not(.eyebrow) { font-size: 13px; margin-top: 20px; }
.approved .faq-heading .text-link { font-size: 12px; margin-top: 16px; }
.approved .faq-list h3 { font-size: 13px; }
.approved .faq-list article { padding: 20px 0px; gap: 20px; }
.approved .expanded p { font-size: 12px; padding-right: 0px; margin-top: 15px; line-height: 1.85; }
.approved .faq-list .expanded { padding-bottom: 24px; }
.approved .contact { padding: 0px; }
.approved .contact-main { grid-template-columns: 1fr; gap: 30px; padding: 43px 22px 35px; }
.approved .contact-copy { padding: 0px; }
.approved .contact h2 { font-size: 33px; }
.approved .contact .lead { font-size: 14px; margin-top: 20px; }
.approved .contact-phone { font-size: 21px; margin-top: 26px; }
.approved .messengers { gap: 12px; }
.approved .messengers span { font-size: 10px; gap: 5px; }
.approved .messengers img { width: 20px; height: 20px; }
.approved .contact-note { font-size: 12px; margin-top: 23px; }
.approved .form-preview { padding: 25px 22px; }
.approved .form-preview h3 { font-size: 22px; }
.approved .form-preview label { font-size: 10px; }
.approved .connection-choice { font-size: 9px; }
.approved .consent { font-size: 8px; }
.approved .contact footer { grid-template-columns: 1fr; padding: 28px 22px; gap: 24px; }
.approved .footer-brand img { width: 150px; height: 70px; }
.approved .contact footer b { font-size: 12px; }
.approved .contact footer p { font-size: 10px; }
.approved .eyebrow, .approved .product-meta { letter-spacing: 0px; }
.approved .product-note, .approved .compact .product-note { font-size: 14px; line-height: 1.7; }
.approved .fresh-grid .product-photo { height: 260px; }
.approved .product .button { font-size: 14px; }
.approved .form-preview label { font-size: 12px; }
.approved .form-preview label small { font-size: 10px; }
.approved .input-preview { font-size: 14px; height: 46px; }
.approved .input-preview.multiline { height: 72px; }
.approved .connection-choice { font-size: 10px; }
.approved .connection-choice span { padding: 12px 2px; }
.approved .consent { font-size: 10px; }
.approved .form-preview > p:not(.consent) { font-size: 12px; }
.approved .form-preview .button { font-size: 14px; }
}
.approved .hero .button--primary::before { content: ""; position: absolute; z-index: 0; inset: -86%; background: conic-gradient(rgba(255, 250, 224, 0.42) 0deg, rgba(255, 192, 65, 0.98) 46deg, rgba(211, 109, 0, 0.56) 104deg, rgba(255, 249, 222, 0.3) 158deg, rgba(255, 186, 53, 0.78) 214deg, rgba(193, 91, 0, 0.48) 286deg, rgba(255, 250, 224, 0.42) 360deg); animation: 5.2s linear 0s infinite normal none running catalog-aura-spin; pointer-events: none; }
.approved .hero .button--primary:hover::before { background: conic-gradient(rgba(255, 246, 210, 0.36) 0deg, rgba(255, 178, 43, 0.92) 48deg, rgba(184, 91, 0, 0.46) 102deg, rgba(255, 247, 216, 0.24) 156deg, rgba(255, 174, 39, 0.66) 216deg, rgba(177, 83, 0, 0.38) 286deg, rgba(255, 246, 210, 0.36) 360deg); animation-duration: 7s; }
@keyframes catalog-aura-spin { 
  100% { transform: rotate(360deg); }
}

.approved a { color: inherit; text-decoration: none; }
.approved a, .approved button { cursor: pointer; }
.approved a:focus-visible, .approved button:focus-visible { outline: rgb(182, 128, 36) solid 3px; outline-offset: 5px; }
.approved .preserved { padding: 0px; min-height: 0px; background: rgb(255, 255, 255); line-height: 0; }
.approved .preserved img, .approved .preserved-footer img { width: 100%; height: auto; display: block; }
.approved .preserved-footer { line-height: 0; background: rgb(48, 43, 36); }
.approved .hero { height: 880px; padding: 12px 46px 0px; background-image: url("/assets/img/approved/hero.webp"); background-position: center center; background-size: cover; }
.approved .hero::before { background: linear-gradient(90deg, rgba(255, 247, 216, 0.72) 0%, rgba(255, 246, 215, 0.62) 40%, rgba(255, 243, 207, 0.27) 57%, transparent 72%); }
.approved .topline { height: 44px; margin: 0px 28px; font-family: var(--display); font-size: 15px; align-items: center; }
.approved .header-messengers { display: flex; gap: 9px; align-items: center; }
.approved .connection-label { font-size: 12px; color: rgb(45, 51, 38); margin-right: 8px; }
.approved .messenger { height: 40px; display: flex; align-items: center; gap: 8px; padding: 0px 11px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 7px; background: rgba(255, 255, 255, 0.282); color: rgb(45, 56, 41); font-size: 12px; font-weight: 500; transition: background 0.22s, color 0.22s, border-color 0.22s, box-shadow 0.22s, transform 0.22s; }
.approved .messenger img { width: 21px; height: 21px; object-fit: contain; transition: filter 0.22s; }
.approved .messenger-telegram { --messenger-color: #008fcd; }
.approved .messenger-whatsapp { --messenger-color: #16864a; }
.approved .messenger-max { --messenger-color: #6142e8; }
.approved .messenger:hover, .approved .messenger:focus-visible { background: var(--messenger-color); color: rgb(255, 255, 255); border-color: var(--messenger-color); box-shadow: rgba(37, 51, 38, 0.125) 0px 5px 14px; transform: translateY(-1px); }
.approved .hero-phone { display: flex; align-items: center; gap: 11px; color: rgb(255, 255, 255); font-size: 17px; font-weight: 600; text-shadow: rgba(38, 49, 25, 0.44) 0px 1px 6px; }
.approved .hero-phone svg { width: 19px; height: 19px; }
.approved .header { margin-top: 18px; height: 86px; padding: 0px 56px; border-radius: 30px; font: 600 16px var(--display); background: rgba(255, 254, 250, 0.93); box-shadow: rgba(121, 97, 38, 0.03) 0px 8px 30px; }
.approved .header nav { display: flex; align-items: center; gap: 44px; }
.approved .header nav a { display: flex; align-items: center; min-height: 48px; position: relative; transition: color 0.22s; color: rgb(52, 46, 38); }
.approved .header nav a::after { content: ""; position: absolute; bottom: 6px; height: 2px; left: 0px; right: 0px; background: rgb(180, 119, 22); transform: scaleX(0); transform-origin: center center; transition: transform 0.24s; }
.approved .header nav a:hover, .approved .header nav a:focus-visible { color: rgb(160, 101, 18); }
.approved .header nav a:hover::after, .approved .header nav a:focus-visible::after { transform: scaleX(1); }
.approved .header .brand-link { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 310px; height: 150px; }
.approved .header .brand { position: static; transform: none; width: 100%; height: 100%; object-fit: contain; filter: none; }
.approved .mobile-brand { display: none; }
.approved .hero-copy { width: 820px; margin: 74px 0px 0px 42px; font-family: var(--display); }
.approved .hero .eyebrow { font-size: 12px; font-weight: 700; color: rgb(129, 83, 17); margin-bottom: 19px; }
.approved .hero h1 { font-family: var(--display); font-size: 53px; line-height: 1.21; font-weight: 700; max-width: 830px; color: rgb(43, 36, 28); }
.approved .hero h1 em { white-space: nowrap; text-shadow: rgba(118, 85, 32, 0.46) 0px 2px 9px; }
.approved .hero .lead { font-family: var(--display); color: rgb(48, 43, 36); font-weight: 500; font-size: 17px; line-height: 1.8; margin-top: 24px; max-width: 660px; text-shadow: rgba(255, 249, 232, 0.69) 0px 0px 14px; }
.approved .actions { margin-top: 29px; gap: 16px; }
.approved .hero .button { height: 58px; border-radius: 9px; font-family: var(--display); font-size: 15px; min-width: 226px; transition: background 0.25s, box-shadow 0.25s, transform 0.25s; position: relative; }
.approved .hero .primary { background: rgb(48, 75, 48); color: white; border: 1px solid rgb(73, 102, 68); min-width: 248px; justify-content: space-between; gap: 29px; }
.approved .hero .light { background: rgba(255, 248, 227, 0.78); border: 1px solid rgb(170, 124, 49); color: rgb(58, 48, 32); }
.approved .hero .button:hover { transform: translateY(-2px); box-shadow: rgba(72, 65, 39, 0.145) 0px 8px 18px; }
.approved .hero .primary:hover { background: rgb(36, 67, 36); }
.approved .hero .light:hover { background: rgb(255, 250, 240); }
.approved .hero .contour-button { overflow: hidden; isolation: isolate; border: 0px; background: rgb(185, 131, 39); }
.approved .hero .contour-button::after { content: ""; position: absolute; z-index: 1; inset: 3px; border-radius: inherit; background: rgb(255, 250, 240); box-shadow: rgba(255, 255, 255, 0.34) 0px 1px 0px inset; pointer-events: none; transition: background 0.25s; }
.approved .hero .contour-button:hover::after { background: rgb(255, 246, 223); }
.approved .contour-button > span, .approved .contour-button > svg { position: relative; z-index: 3; }
.approved .hero-proof { gap: 0px; margin-top: 36px; font-size: 12px; font-family: var(--display); font-weight: 600; color: rgb(48, 56, 41); }
.approved .hero-proof > span { padding: 0px 20px; gap: 12px; line-height: 1.55; align-items: center; }
.approved .hero-proof > span:first-child { padding-left: 0px; }
.approved .hero-proof > span + span { border-left: 1px solid rgba(126, 131, 86, 0.25); }
.approved .hero-proof > span > span { display: block; }
.approved .hero-proof small { font-size: 11px; font-weight: 500; color: rgb(56, 64, 45); }
.approved .hero-proof svg { width: 29px; height: 29px; color: rgb(49, 72, 49); }
.approved .hero .cloud { height: 260px; bottom: -173px; width: 100%; }
.approved .category-anchors { gap: 8px; padding-bottom: 12px; }
.approved .category-anchors a { display: flex; align-items: center; gap: 10px; font-size: 13px; padding: 12px 15px; min-height: 44px; border-radius: 6px; color: rgb(75, 86, 69); background: rgb(246, 248, 243); border: 1px solid rgb(227, 232, 223); transition: background 0.2s; }
.approved .category-anchors a.active { background: rgb(237, 243, 231); border: 1px solid rgb(187, 203, 176); }
.approved .category-anchors a:hover { background: rgb(233, 239, 223); }
.approved .category-anchors a svg { width: 17px; height: 17px; }
.approved .category-anchors a svg:last-child { width: 14px; color: rgb(141, 152, 126); }
.approved .category-anchors .ozon-tab { background: rgb(243, 247, 255); border-color: rgb(227, 234, 247); }
.approved .more-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.approved .more-grid .product h3 { min-height: 48px; }
.approved .more-grid .product-note { min-height: 64px; }
.approved .more-grid .volumes:has(.volume:nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.approved .product-photo-pending { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: rgb(244, 246, 240); color: rgb(120, 136, 107); font-size: 12px; }
.approved .product-photo-pending svg { width: 36px; height: 36px; opacity: 0.65; }
.approved .product-price-pending { font-size: 12px; color: rgb(105, 119, 93); margin-top: 12px; }
.approved .product .volumes:empty { margin-top: auto; }
.approved .standards .section-heading { align-items: flex-start; gap: 50px; }
.approved .standards .section-heading h2 { font-size: 42px; max-width: 680px; }
.approved .standards .section-heading > p { max-width: 410px; font-size: 14px; padding-top: 38px; }
.approved .standards-layout { gap: 68px; margin-top: 38px; }
.approved .documents h3 { font-size: 27px; }
.approved .documents ul { margin: 22px 0px; }
.approved .documents p:not(.eyebrow) { font-size: 14px; line-height: 1.8; }
.approved .contact h2 { font-size: 43px; }
.approved .contact-main { padding-bottom: 70px; }
.approved .hero-only .board:not(.hero) { display: none; }
.approved .hero-only { background: rgb(255, 255, 255); }
@media (max-width: 700px) {
.approved .preserved { padding: 0px; }
.approved .hero { height: 820px; padding: 0px; background-size: auto 820px; background-position: 83% bottom; display: flex; flex-direction: column; }
.approved .hero::before { background: linear-gradient(90deg, rgba(255, 242, 216, 0.84), rgba(255, 240, 212, 0.7) 68%, rgba(255, 240, 211, 0.3)); }
.approved .topline { margin: 0px; padding: 0px 16px; height: 44px; background: rgb(255, 255, 255); gap: 4px; flex-direction: row; flex-shrink: 0; border-bottom: 1px solid rgb(236, 235, 229); z-index: 2; }
.approved .connection-label, .approved .messenger span { display: none; }
.approved .header-messengers { gap: 0px; }
.approved .messenger { width: 44px; height: 44px; padding: 0px; justify-content: center; background: none; border: 0px; }
.approved .messenger img { width: 25px; height: 25px; }
.approved .hero-phone { font-size: 17px; font-weight: 600; gap: 7px; color: rgb(51, 43, 34); text-shadow: none; white-space: nowrap; min-height: 44px; }
.approved .hero-phone svg { width: 17px; height: 17px; }
.approved .header { margin: 0px; height: 44px; padding: 0px 16px; border-radius: 0px; background: rgb(255, 255, 255); box-shadow: none; order: -1; flex-shrink: 0; z-index: 5; }
.approved .header nav { display: none; }
.approved .header .brand-link { left: 17px; transform: translateY(-50%); width: max-content; max-width: calc(100% - 84px); height: 44px; }
.approved .header .brand { display: none; }
.approved .mobile-brand { display: flex; align-items: center; gap: 8px; height: 100%; font: 700 16px/1.2 var(--display); color: rgb(41, 39, 31); white-space: nowrap; }
.approved .mobile-brand-mark { display: block; position: relative; overflow: hidden; width: 27px; height: 27px; flex: 0 0 auto; }
.approved .mobile-brand-mark img { position: absolute; width: 115px; max-width: none; height: auto; left: -10px; top: -8px; }
.approved .mobile-menu { border: 0px; background: none; width: 44px; align-items: center; justify-content: center; padding: 10px; height: 44px !important; display: flex !important; }
.approved .mobile-menu svg { width: 24px; height: 24px; }
.approved .menu-open nav { display: flex; position: absolute; left: 0px; right: 0px; top: 88px; background: rgb(255, 255, 255); flex-direction: column; gap: 0px; box-shadow: rgba(51, 69, 43, 0.06) 0px 9px 12px; }
.approved .menu-open .nav-right { top: 232px; padding-bottom: 14px; }
.approved .menu-open { z-index: 5; }
.approved .menu-open nav a { width: 100%; justify-content: center; }
.approved .hero-copy { width: auto; margin: 32px 22px 0px; flex: 0 0 auto; }
.approved .hero .eyebrow { font-size: 10px; margin-bottom: 20px; }
.approved .hero h1 { font-size: 33px; line-height: 1.25; font-weight: 700; max-width: 346px; }
.approved .hero h1 em { white-space: normal; }
.approved .hero .lead { font-size: 14px; line-height: 1.9; max-width: 330px; margin-top: 22px; color: rgb(39, 42, 32); }
.approved .actions { width: 270px; margin-top: 25px; gap: 12px; }
.approved .hero .button { height: 52px; font-size: 13px; width: 100%; min-width: 0px; }
.approved .hero-proof { max-width: 340px; gap: 12px 0px; margin-top: 25px; align-items: stretch; font-size: 10px; }
.approved .hero-proof > span { padding: 0px 12px; gap: 7px; }
.approved .hero-proof > span:nth-child(3) { padding: 0px; border-left: 0px; flex-basis: 100%; }
.approved .hero-proof svg { width: 22px; height: 22px; }
.approved .hero-proof small { font-size: 9px; }
.approved .hero .cloud { height: 120px; bottom: -75px; }
.approved .category-anchors { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-right: 0px; overflow: visible; white-space: normal; border: 0px; }
.approved .category-anchors a { font-size: 10px; gap: 6px; padding: 9px 10px; justify-content: space-between; }
.approved .category-anchors a > svg:first-child:not(:last-child) { display: none; }
.approved .category-anchors .ozon-tab { display: flex; margin-left: 0px; }
.approved .category-anchors a.active { border: 1px solid rgb(187, 203, 176); }
.approved .more-grid { grid-template-columns: 1fr; gap: 22px; }
.approved .more-grid .product h3, .approved .more-grid .product-note { min-height: 0px; }
.approved .standards .section-heading h2 { font-size: 29px; }
.approved .standards .section-heading > p { padding: 0px; font-size: 13px; }
.approved .standards-layout { gap: 24px; margin-top: 30px; }
.approved .documents h3 { font-size: 26px; }
.approved .contact h2 { font-size: 31px; }
.approved .contact-main { padding-bottom: 40px; }
}
@media (max-width: 370px) {
.approved .topline { padding: 0px 10px; }
.approved .header-messengers .messenger { width: 40px; }
.approved .hero-phone { gap: 5px; font-size: 16px; }
.approved .hero-phone svg { width: 15px; height: 15px; }
.approved .mobile-brand { font-size: 14px; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {

.approved .hero .contour-button::before { animation: auto ease 0s 1 normal none running none; }
.approved .hero a, .approved .header nav a::after { transition: none; }
.approved .hero .button:hover, .approved .messenger:hover { transform: none; }
}
.approved .contact-toggle { display: none; }
@media (max-width: 700px) {
.approved .hero-only .hero { width: 100%; min-height: 820px; height: auto; padding-bottom: 90px; }
.approved .hero[data-header-style="contact"] .header { background: rgb(255, 255, 255); }
.approved .hero[data-header-style="contact"] .topline { background: rgb(51, 75, 53); padding: 0px 16px; gap: 4px; border-bottom: 0px; }
.approved .hero[data-header-style="contact"] .topline .hero-phone { color: rgb(255, 255, 255); }
.approved .hero[data-header-style="contact"] .mobile-brand { font-size: 14px; gap: 6px; }
.approved .hero[data-header-style="contact"] .header-messengers { gap: 0px; }
.approved .hero[data-header-style="contact"] .messenger { width: 44px; }
.approved .hero[data-header-style="compact"] .header { height: 76px; }
.approved .hero[data-header-style="compact"] .header .brand-link { top: 0px; left: 16px; transform: none; height: 32px; }
.approved .hero[data-header-style="compact"] .mobile-brand { font-size: 15px; gap: 6px; }
.approved .hero[data-header-style="compact"] .topline { height: 0px; padding: 0px; border: 0px; z-index: 6; }
.approved .hero[data-header-style="compact"] .topline .hero-phone { position: absolute; left: 16px; top: -44px; height: 44px; z-index: 1; }
.approved .hero[data-header-style="compact"] .contact-toggle { display: grid; place-items: center; position: absolute; right: 60px; top: 16px; width: 44px; height: 44px; padding: 0px; background: transparent; border: 0px; border-radius: 6px; color: rgb(51, 75, 53); cursor: pointer; }
.approved .hero[data-header-style="compact"] .contact-toggle[aria-expanded="true"] { background: rgb(238, 243, 232); }
.approved .hero[data-header-style="compact"] .contact-toggle svg { width: 23px; height: 23px; }
.approved .hero[data-header-style="compact"] .header-messengers { display: none; position: absolute; right: 12px; top: 8px; gap: 4px; padding: 8px; background: rgb(255, 255, 255); border: 1px solid rgb(220, 227, 213); border-radius: 8px; box-shadow: rgba(27, 48, 33, 0.14) 0px 10px 28px; }
.approved .hero[data-header-style="compact"] .header-messengers.is-open { display: flex; }
.approved .hero[data-header-style="compact"] .header-messengers .messenger { width: 92px; height: 65px; flex-direction: column; gap: 5px; border-radius: 5px; }
.approved .hero[data-header-style="compact"] .header-messengers .messenger span { display: block; font-size: 10px; }
.approved .hero[data-header-style="compact"] .menu-open nav { top: 76px; }
.approved .hero[data-header-style="compact"] .menu-open .nav-right { top: 220px; }
}
@media (max-width: 370px) {
.approved .hero[data-header-style="contact"] .topline { padding: 0px 10px; }
.approved .hero[data-header-style="contact"] .mobile-brand { font-size: 13px; gap: 4px; }
.approved .hero[data-header-style="contact"] .mobile-brand-mark { width: 24px; }
.approved .hero[data-header-style="contact"] .messenger { width: 40px; }
.approved .hero[data-header-style="compact"] .mobile-brand { font-size: 14px; }
}
@media (max-width: 340px) {
.approved .hero .hero-phone { font-size: 15px; gap: 4px; }
.approved .hero[data-header-style="contact"] .mobile-brand { font-size: 12px; gap: 3px; }
.approved .hero[data-header-style="compact"] .mobile-brand { font-size: 13px; gap: 4px; }
}