/* Статья «4 сауал» (Нурофен KZ, KK) */
/* Статья «Прежде чем менять жаропонижающий препарат» — 1:1 по Figma 1405-947 (article_desktop_KZ_№2) Фрейм 1440, шрифты Jost. Координаты из get_figma_data. */ @font-face { font-family: "Jost Regular"; src: url("../fonts/Jost/static/Jost-Regular.ttf"); } @font-face { font-family: "Jost Bold"; src: url("../fonts/Jost/static/Jost-Bold.ttf"); } @font-face { font-family: "Jost SemiBold"; src: url("../fonts/Jost/static/Jost-SemiBold.ttf"); } @font-face { font-family: "Jost Medium"; src: url("../fonts/Jost/static/Jost-Medium.ttf"); } @font-face { font-family: "Jost Light"; src: url("../fonts/Jost/static/Jost-Light.ttf"); } * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #ffffff; } .page { width: 1440px; margin: 0 auto; background: #eeeeee; font-family: "Jost Regular", sans-serif; color: #000000; display: flex; flex-direction: column; align-items: center; } /* ============ HERO (как в статье-примере, классы темы) ============ */ .fl2-hero { height: 560px !important; } .fl2-hero .wrapper { align-items: flex-start !important; } .fl2-hero .wrapper .fl-hero-head { margin-top: 90px !important; max-width: 720px !important; padding-top: 0 !important; } .fl2-hero .fl-tag, .fl2-hero .fl-hero-head span.fl-tag { display: inline-flex !important; width: max-content !important; align-items: center !important; height: 44px !important; padding: 0 26px !important; border-radius: 100px !important; background-color: #ffffff !important; font-family: "Jost Regular", sans-serif !important; font-size: 18px !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: #1a1a1a !important; margin-bottom: 22px !important; } .fl2-hero .fl-h1 { font-family: "Jost Bold", sans-serif !important; font-size: 44px !important; font-weight: 700 !important; line-height: 110% !important; color: #000000 !important; text-transform: none !important; margin: 0 !important; padding: 0 !important; } .fl2-hero .fl-h1 span { display: block !important; font-family: "Jost Regular", sans-serif !important; font-weight: 400 !important; font-size: 36px !important; line-height: 120% !important; margin-top: 10px !important; } /* ============ МАТЕРИАЛЫ ============ */ .materials { width: 1440px; padding: 80px 120px; display: flex; flex-direction: column; gap: 20px; } .mwrap { width: 1200px; display: flex; flex-direction: column; gap: 36px; background: #ffffff; border-radius: 30px; padding: 30px 20px 30px 30px; } /* -- Белая карточка: интро + 4 вопроса -- */ .tcol { display: flex; flex-direction: column; gap: 16px; } .tcol p, .pcard__lead { font-size: 22px; line-height: 1.2em; color: #000000; } .tcol p strong { font-family: "Jost Bold", sans-serif; font-weight: 700; } .tcol .nm { font-family: "Jost Bold", sans-serif; font-weight: 700; } sup { font-size: 0.55em; line-height: 0; } /* -- Блок «4 вопроса» (1140×352) -- */ .qblock { position: relative; width: 1140px; height: 352px; background: url("https://tumau.kz/wp-content/uploads/2026/10/fever2/qblock-bg.png") center / 1140px 352px no-repeat; border-radius: 20px; overflow: hidden; } .qb-title { position: absolute; left: 30px; top: 22px; line-height: 1; font-family: "Jost SemiBold", sans-serif; font-size: 45px; line-height: 1.1em; color: #d12e36; font-weight: 600; } .qb-title span { font-family: "Jost Regular", sans-serif; font-size: 45px; line-height: 1.1em; font-weight: 400; color: #000000; } .qb-card { position: absolute; height: 97px; display: flex; align-items: center; gap: 20px; padding: 0 20px; border-radius: 15px; background: linear-gradient(90deg, #ffffff 52%, rgba(247,247,247,0) 100%); } .qb-card--1 { left: 30px; top: 107px; width: 597px; } .qb-card--2 { left: 578px; top: 107.3px; width: 562px; } .qb-card--3 { left: 30px; top: 224px; width: 634px; } .qb-card--4 { left: 578px; top: 224px; width: 570px; } .qb-ic { flex: none; width: 75px; height: 75px; background: #d12e36; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .qb-ic--tight { padding: 18px 15px 15px 22px; } .qb-ic img { width: 44px; height: 44px; } .qb-card p { font-size: 25px; line-height: 1.05em; color: #000000; } .qb-card--4 p { width: 379px; } /* -- Секции 1–4, вывод -- */ .tsec { display: flex; flex-direction: column; gap: 18px; } .tsec h3 { font-family: "Jost Bold", sans-serif; font-size: 24px; line-height: 1.2em; color: #000000; font-weight: 700; text-align: left; } .tsec .tcol { width: 1150px; } /* Плашки */ .plate { display: flex; align-items: center; gap: 20px; width: 1140px; padding: 15px 20px; background: #eeeeee; border-radius: 20px; } .plate img { flex: none; width: 90px; height: 90px; } .plate__txt { width: 976px; font-family: "Jost Bold", sans-serif; font-size: 22px; line-height: 1.2em; color: #000000; } .plate--wide { padding: 15px 20px; } .plate__2col { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 990px; } .plate__b { font-family: "Jost Bold", sans-serif; font-size: 22px; line-height: 1.2em; } .plate__r { font-size: 22px; line-height: 1.2em; } /* Аспекты (буллеты жёлтые) */ .aspects { display: flex; flex-direction: column; gap: 12px; } .dots { list-style: none; display: flex; flex-direction: column; gap: 5px; } .dots li { display: flex; align-items: center; gap: 10px; font-size: 22px; line-height: 1.2em; } .dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: #f2a83b; } /* ============ ЛИНЕЙКА (1140×758) ============ */ .lineup { position: relative; width: 1140px; height: 758px; background: #eeeeee; border-radius: 20px; overflow: hidden; } .lu-head { position: absolute; left: 30px; top: 30.7px; display: flex; flex-direction: column; gap: 20px; } .lu-head h2 { font-family: "Jost SemiBold", sans-serif; font-size: 45px; line-height: 1.1em; color: #000000; font-weight: 600; width: 1025px; } .lu-brand { color: #d12e36; } .lu-head p { font-family: "Jost Medium", sans-serif; font-size: 30px; line-height: 1.1em; color: #000000; width: 1025px; } .lu-cards { position: absolute; left: 30px; top: 211px; display: flex; align-items: center; gap: 17px; } .pcard { position: relative; width: 352px; height: 516px; background: #ffffff; border-radius: 20px; overflow: hidden; } .pcard__yel { position: absolute; left: -49px; top: 321px; width: 427px; height: 427px; border-radius: 50%; background: #f2a83b; } .pcard__yel--low { top: 367px; } .pcard__badge { position: absolute; left: 12px; top: 12px; width: 328px; padding: 10px; background: rgba(212,212,212,0.2); border-radius: 30px; display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 18px; line-height: 1.2em; color: #222222; } .pcard__title { position: absolute; left: 12px; top: 62px; width: 328px; display: flex; flex-direction: column; gap: 5px; } .pcard__title h4 { font-family: "Jost SemiBold", sans-serif; font-size: 22px; line-height: 1.2em; letter-spacing: -0.03em; color: #000000; } .pcard__dose { font-family: "Jost SemiBold", sans-serif; font-size: 18px; line-height: 1.2em; color: #222222; } .pcard__list { position: absolute; left: 12px; top: 154px; width: 323px; display: flex; flex-direction: column; gap: 11px; } .pcard__list--top { top: 62px; } .pcard__lead { font-size: 18px; line-height: 1.2em; color: #222222; } .pcard__li { display: flex; justify-content: space-between; align-items: center; } .pcard__li img { flex: none; width: 28px; height: 28px; } .pcard__li span { width: 286px; font-size: 16px; line-height: 1.2em; color: #222222; } /* Упаковки: карточка 1 (дети) */ .pk { position: absolute; z-index: 1; } .pk-a { left: 33px; top: 315.3px; width: 181px; height: 181px; } .pk-b { left: 162px; top: 315.3px; width: 189px; height: 189px; } .ml-badge { position: absolute; left: 10px; top: 337.3px; width: 90px; height: 36px; background: #ffffff; box-shadow: 6px 4px 4px 0 rgba(0,0,0,0.1); border-radius: 10px 0 0 10px; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 0 5px; font-size: 12px; line-height: 1.12em; text-align: center; color: #000000; font-family: Inter, "Jost Regular", sans-serif; z-index: 0; } /* Упаковки: карточка 2 (экспресс) */ .expr-packs { position: absolute; left: 26px; top: 359px; width: 296px; height: 140px; } .ep-10 { position: absolute; left: 0; top: 0; width: 177.96px; height: 85.35px; } .ep-20 { position: absolute; left: 110.07px; top: 42.48px; width: 186.12px; height: 97.39px; } /* Упаковки: карточка 3 (таблетки) */ .pk-12 { left: -10px; top: 240px; width: 263px; height: 263px; } .pk-24 { left: 99px; top: 312px; width: 263px; height: 263px; } /* ============ СНОСКИ ============ */ .links { padding: 0 120px 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .links__txt { width: 1200px; font-family: "Jost Light", sans-serif; font-weight: 300; font-size: 12px; color: #000000; line-height: 1.4; } /* ============ МЕД-ДИСКЛЕЙМЕР ============ */ .med { padding: 10px 13px 210px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; } .med__lead { font-family: "Jost Light", sans-serif; font-weight: 300; font-size: 37px; line-height: 1.2em; color: #878787; text-transform: uppercase; } .med__sub { width: 1363px; font-family: "Jost Light", sans-serif; font-weight: 300; font-size: 20px; line-height: 1.2em; color: #878787; text-transform: uppercase; text-align: center; }  main.fl2-landing {width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important;} .article-content {width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important;} .fl2-hero {width:100% !important;} .fl2-landing .page {margin: 0 auto !important;}