/* ==========================================================================
   1. БАЗОВІ СКИДАННЯ, СІТКА ТА ШРИФТИ (ОРИГІНАЛЬНА КЛАСИКА)
   ========================================================================== */
html { -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
::-ms-clear { display: none }
.container, .wrap-fluid { padding-right: 10px; padding-left: 10px }
*, .reviews__item, .slick-slider { box-sizing: border-box }
.slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden }
.slick-dots, ol, ul { list-style: none }
.reviews__item, .slick-dots li button, .slick-dots li button:focus, .slick-dots li button:hover, .slick-list:focus, .slick-next, .slick-prev, .slick-slide, a, a:focus, button, button:focus, input, input:focus { outline: 0 }
.arth-order-box, .slick-dots, .title { text-align: center }
.arth-nav-list, .arth-price-block { justify-content: space-between }
.arth-btn-submit, .slick-list, svg { overflow: hidden }
.container { width: 100%; margin: 0 auto }
@media (min-width:480px) { .container { width: 480px } }
@media (min-width:640px) { .container { width: 640px } }
@media (min-width:768px) { .container { width: 768px } }
@media (min-width:1024px) { .container { width: 1024px } }
@media (min-width:1200px) { .container { width: 1190px } }
.wrap-fluid { margin-right: auto; margin-left: auto }
.row { margin-right: -10px; margin-left: -10px }
.row::after, .row::before, .wrap-fluid::after, .wrap-fluid::before, .wrap::after, .wrap::before { content: ""; display: table; clear: both }
.slick-list, .slick-slider, .slick-track, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline }
.slick-dots li button:before, .slick-next:before, .slick-prev:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.text-bold, .title { font-weight: 700 }
body { line-height: 1; font-family: 'Roboto', sans-serif; font-size: 14px; background-color: #fff; }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
br { font-size: 0; line-height: 1 }
a { text-decoration: none }
button { border: none }
::-moz-focus-inner, ::-moz-focus-outer { border: 0; padding: 0 }
img { max-width: 100%; height: auto; }

.title { font-size: 44px; line-height: 1.2; color: #4a5665; margin: 0 auto; font-weight: 700; }
.main-color { color: #de3875 }
.text-black { font-weight: 900 }
.nowrap { white-space: nowrap }
.center, .subtitle { text-align: center }

/* ==========================================================================
   2. КОМПОНЕНТИ ФОРМИ ЗАМОВЛЕННЯ ТА ЦІН
   ========================================================================== */
.arth-order-box, .arth-form-head::after { background-color: #f1f4f6 }
.arth-order-box::after, .arth-form-footer, .arth-input-wrap::before { background-repeat: no-repeat }
.arth-order-box { max-width: 269px; border-radius: 10px; border: 4px solid #f39167; position: relative; box-shadow: 0 0 20px 5px rgba(196, 170, 160, .5) }
.arth-order-box::after { content: ''; display: block; position: absolute; height: 286px; width: 53px; right: -42px; top: 123px; background-image: url(../img/form-arrow.svg); background-size: contain }
.arth-btn-submit::before, .arth-input-wrap::before { top: 50%; content: '' }
.arth-form-head { padding: 18px 16px 12px; position: relative; z-index: 0 }
.arth-form-head::after { display: block; position: absolute; bottom: 0; left: -3px; width: 135px; height: 135px; transform: translateY(50%) translateX(50%) scaleY(.12) scaleX(1.37) rotate(45deg); z-index: -1; content: '' }
.arth-form-title { font-size: 20px; color: #000; font-weight: 500; line-height: 1 }
.arth-form-body { background-color: #fff; padding: 23px 16px 20px }
.arth-input-wrap { display: block; margin-bottom: 16px; position: relative; max-width: 220px; margin-left: auto; margin-right: auto }
.arth-input-wrap::before { display: block; position: absolute; height: 24px; width: 22px; background-image: url(../img/ico-name.svg); background-position: 50%; background-size: contain; left: 20px; transform: translateY(-50%) }
.arth-input-tel::before { background-image: url(../img/ico-phone.svg) }
.arth-input-wrap input { padding-top: 20px; padding-bottom: 18px; font-size: 16px; color: #666; border-radius: 5px; border: 1px solid #dedddd; box-shadow: inset 1px 3px 5px rgba(34, 35, 39, .09); padding-left: 54px; width: 100%; max-width: 100%; box-sizing: border-box; }
.arth-input-wrap input:focus, .arth-input-wrap input:hover { box-shadow: inset 0 0 10px 2px rgba(34, 35, 39, .2) }
.arth-form-footer { padding: 20px 16px 20px 45px; font-size: 15px; color: #1f1f1f; background-image: url(../img/ico-pay.svg); background-position: 30px 50% }

.arth-price-block { display: flex; margin-top: 16px; align-items: flex-end; }
.arth-price-lbl { margin-bottom: 2px; text-align: left }
.arth-price-old-wrap { display: flex; flex-direction: column; margin-left: auto; margin-right: 5px; position: relative }
.arth-price-old-wrap::before { content: ''; display: block; position: absolute; height: 54px; width: 1px; background-color: rgba(209, 208, 208, .6); right: -10px }
.arth-price-old-wrap .arth-price-val { margin-top: 13px }
.arth-price-old-wrap .arth-price-lbl { font-size: 13px; color: #666; font-weight: 400 }
.arth-price-old-wrap .arth-price-num { font-size: 28px; color: #3a3a3a; position: relative }
.arth-price-old-wrap .arth-price-num::after, .arth-price-old-wrap .arth-price-num::before { content: ''; display: block; position: absolute; width: 112%; height: 1px; background-color: #f01d07; transform: rotate(18deg); top: 50%; left: 0 }
.arth-btn-submit, .arth-price-new-wrap { margin-right: auto; position: relative }
.arth-price-old-wrap .arth-price-num::after { transform: rotate(-18deg) }
.arth-price-new-wrap { display: flex; flex-direction: column; margin-left: 5px; left: 10px }
.arth-price-new-wrap .arth-price-val { color: #de3875 }
.arth-price-new-wrap .arth-price-lbl { font-size: 14px; color: #30302f }
.arth-price-new-wrap .arth-price-num { font-size: 35px; font-weight: 700; letter-spacing: -1.5px }

.arth-btn-submit { background: linear-gradient(to right, #dd3472 0, #ff5594 50%, #dd3472 100%); padding: 12px 20px; border-radius: 5px; font-size: 24px; font-weight: 900; color: #fff; line-height: 1.2; box-shadow: 0 5px 0 #c62963, 0 20px 16px -7px rgba(198, 41, 99, .28); margin-bottom: 20px; cursor: pointer; width: 100%; max-width: 280px; font-family: 'Roboto', sans-serif; transition: .3s; text-align: center; }
.arth-btn-submit:hover { box-shadow: 0 5px 0 #c62963, 0 0 16px -7px rgba(198, 41, 99, 0); transition: .3s }
.arth-btn-submit:hover::before { animation: main_btn .4s linear }
.arth-btn-submit:active { box-shadow: 0 0 0 #c62963, 0 0 16px -7px rgba(198, 41, 99, 0); transition: .1s; transform: translateY(5px) }
.arth-btn-submit::before { width: 20px; height: 150%; background: rgba(255, 255, 255, .4); box-shadow: 0 0 63px 3px #fff; transform: translateY(-50%) rotate(25deg); position: absolute; left: -20% }
@keyframes main_btn { 0% { left: -10% } 100% { left: 120% } }

/* ==========================================================================
   3. ПЕРШИЙ ЕКРАН (HERO) - З ВИПРАВЛЕНИМ СИНТАКСИСОМ
   ========================================================================== */
.arth-nav-menu { max-width: 769px; width: 100%; padding-top: 10px; margin-left: auto }
.arth-nav-list { display: flex }
.arth-nav-link { font-size: 18px; color: #4a5665; font-weight: 500; cursor: default }

.no-webp .arth-hero-wrap { background-image: url(../img/bg-header.jpg); background-position: 50% 0; background-repeat: no-repeat; position: relative; padding-bottom: 74px; z-index: 2 }
.webp .arth-hero-wrap { background-image: url(../img/bg-header.webp); background-position: 50% 0; background-repeat: no-repeat; position: relative; padding-bottom: 74px; z-index: 2 }
.arth-hero-wrap::after { content: ''; display: block; width: 100%; height: 68px; background: url(../img/wave-top.png) center center no-repeat; position: absolute; background-position: 50% 100%; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1 }
.arth-top-bar { display: flex; padding-top: 20px; margin-bottom: 33px }
.arth-logo-box { margin-left: 1px }
.arth-hero-content { display: flex; flex-wrap: wrap }
.arth-hero-info { max-width: 515px; position: relative; z-index: 3; }
.arth-hero-title { font-size: 52px; font-weight: 900; line-height: 54px; color: #3a3a3a; margin-bottom: 50px }
.arth-hero-title span { line-height: 60px; display: block; font-size: 54px; margin-bottom: 3px }
.arth-ben-item { font-size: 20px; color: #4a5665; font-weight: 400; line-height: 1.2; margin-bottom: 23px; padding-left: 37px; position: relative }
.arth-ben-item::before { content: ''; display: block; position: absolute; background-color: #fff; border-radius: 50%; height: 9px; width: 9px; border: 3px solid #ed6b23; left: 0; top: 8px }
.arth-ben-item b { color: #1d1d1b; font-weight: 700; display: block; line-height: 30px; margin-bottom: -3px }
.arth-product-showcase { position: relative; max-width: 320px; align-self: flex-end; margin-top: 50px; margin-right: 20px; z-index: 2; pointer-events: none; }

/* ВИПРАВЛЕНО: Прибрано зайву крапку перед коментарем */
/* Базовий контейнер хедера з правильним контекстом накладання */
.arth-hero-wrap { 
    position: relative; 
    z-index: 1; 
    padding-bottom: 74px; 
    overflow: hidden;
}

.arth-hero-model { 
    position: absolute; 
    z-index: 1; 
    bottom: 0; 
    left: 50%; 
    transform: translateX(-35%); 
    width: 740px; 
    height: 768px; 
    overflow: hidden; 
    pointer-events: none; 
}

.arth-hero-wrap .arth-order-box { 
    margin-left: auto; 
    align-self: flex-start; 
    position: relative; 
    z-index: 5; 
}

.arth-clean-logo {
    max-height: 45px;
    width: auto;
    display: block;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.08));
}

.arth-badge-discount {
    position: absolute;
    top: -10px;      
    right: 20px;      
    background-color: #f01d07; 
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(240, 29, 7, 0.4);
    z-index: 10;
}

/* ==========================================================================
   4. ІНТЕГРАЦІЯ НАШИХ НОВИХ ПРЕМІАЛЬНИХ БЛОКІВ ЛЕНДІНГУ
   ========================================================================== */

/* --- СЕКЦІЯ РИЗИКІВ ТА ФАКТОРІВ ЗАГРОЗ --- */
.arth-risk-sec { padding: 60px 0; background-color: #fff; }
.arth-risk-maintitle { font-size: 36px; font-weight: 900; text-align: center; color: #222; margin-bottom: 45px; line-height: 1.3; }
.arth-risk-grid { display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; max-width: 1100px; margin: 0 auto; }
.arth-risk-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; width: calc(33.333% - 17px); max-width: 350px; display: flex; gap: 20px; align-items: flex-start; box-sizing: border-box; }
.arth-risk-icon-box { font-size: 28px; background: #fff; width: 55px; height: 55px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.04); }
.arth-risk-info h3 { font-size: 18px; font-weight: 900; color: #de3875; margin: 0 0 8px 0; }
.arth-risk-info p { font-size: 14px; color: #475569; line-height: 1.5; margin: 0; }
.arth-risk-footer-text { text-align: center; font-size: 18px; font-weight: 700; color: #222; margin-top: 40px; }

/* --- СУВОРА ТАБЛИЦЯ ПОРІВНЯННЯ ❌ vs ✅ --- */
.arth-compare-sec { padding: 60px 0; background-color: #f4f7f9; }
.arth-comp-title { font-size: 36px; font-weight: 900; text-align: center; color: #222; margin-bottom: 40px; line-height: 1.2; }
.arth-comp-table { max-width: 850px; margin: 0 auto; background: #fff; border-radius: 12px; border: 1px solid #ddd; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.arth-comp-header, .arth-comp-row { display: flex; width: 100%; flex-wrap: nowrap; }
.arth-comp-header { border-bottom: 3px solid #eee; }
.arth-comp-row { border-bottom: 1px solid #eee; }
.arth-comp-row:last-child { border-bottom: none; }
.arth-comp-col { width: 50%; padding: 20px; box-sizing: border-box; display: flex; align-items: center; gap: 15px; }
.arth-comp-bad-head { background: #fff5f5; justify-content: center; border-right: 1px solid #ddd; }
.arth-comp-bad-head h3 { font-size: 24px; color: #d93838; margin: 0; font-weight: 900; }
.arth-comp-bad { background: #fffafb; border-right: 1px solid #ddd; }
.arth-comp-bad p { color: #555; font-size: 16px; margin: 0; line-height: 1.4; }
.arth-comp-good-head { background: #f4fbf4; justify-content: center; }
.arth-comp-good-head img { max-height: 40px; }
.arth-comp-good { background: #fdfefd; }
.arth-comp-good p { color: #111; font-size: 16px; margin: 0; line-height: 1.4; font-weight: 700; }
.arth-icon { font-size: 22px; flex-shrink: 0; line-height: 1; }

/* --- СЕКЦІЯ ІНСТРУКЦІЇ (ЯК КОРИСТУВАТИСЯ) --- */
.arth-use-sec { padding: 70px 0; background-color: #fff; }
.arth-use-title { font-size: 38px; font-weight: 900; text-align: center; color: #222; margin-bottom: 50px; line-height: 1.2; }
.arth-use-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 40px; max-width: 950px; margin: 0 auto; }
.arth-use-imgbox { flex: 0 0 100%; text-align: center; }
.arth-use-imgbox img { max-width: 280px; height: auto; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.1)); }
.arth-use-content { flex: 0 0 100%; }
.arth-use-list { list-style: none; padding: 0; margin: 0; }
.arth-use-item { display: flex; align-items: center; margin-bottom: 25px; background: #f9fbfd; padding: 20px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.03); border-left: 4px solid #76c726; transition: transform 0.3s ease; }
.arth-use-item:hover { transform: translateX(5px); }
.arth-use-step-img { flex: 0 0 85px; margin-right: 25px; }
.arth-use-step-img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1); }
.arth-use-desc { font-size: 16px; line-height: 1.5; color: #4a5665; margin: 0; }
.arth-use-desc strong { color: #3a3a3a; font-size: 18px; display: block; margin-bottom: 5px; }

/* --- СЕКЦІЯ ВІДГУКІВ ВЕРТИКАЛЬНОЮ СТРІЧКОЮ --- */
.arth-rev-clean-sec { padding: 60px 0; background-color: #f8fafc; }
.arth-rev-clean-title { font-size: 36px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 40px; }
.arth-rev-clean-list { max-width: 750px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.arth-rev-clean-card { background: #fff; padding: 25px; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); box-sizing: border-box; }
.arth-rev-clean-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.arth-rev-clean-header img { width: 55px; height: 55px; border-radius: 50%; object-fit: cover; background: #e2e8f0; }
.arth-rev-clean-header h4 { font-size: 18px; font-weight: 700; color: #0f172a; margin: 0; }
.arth-rev-clean-header span { font-size: 13px; color: #64748b; }
.arth-rev-clean-text { font-size: 15px; line-height: 1.6; color: #334155; margin: 0; font-style: italic; }
.my-review-style { border-left: 4px solid #76c726 !important; background-color: #f8fafc !important; }
.arth-rev-clean-addbox { max-width: 550px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05); box-sizing: border-box; }
.arth-rev-clean-addbox h3 { font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 20px; color: #0f172a; }
.arth-rev-clean-form { display: flex; flex-direction: column; gap: 15px; }
.arth-rev-clean-form input, .arth-rev-clean-form textarea { width: 100%; border: 1px solid #cbd5e1; border-radius: 6px; padding: 12px; font-size: 15px; background: #f8fafc; outline: none; font-family: inherit; box-sizing: border-box; }
.arth-rev-clean-form input:focus, .arth-rev-clean-form textarea:focus { border-color: #de3875; background: #fff; }
.arth-rev-clean-form textarea { height: 90px; resize: none; }
.arth-rev-clean-submit { background: #de3875; color: #fff; border: none; padding: 14px; border-radius: 6px; font-size: 16px; font-weight: 700; cursor: pointer; text-transform: uppercase; width: 100%; }
.arth-rev-clean-submit:hover { background: #be2559; }

/* --- СЕКЦІЯ FAQ (АКОРДЕОН НА ЧИСТОМУ JS) --- */
.arth-faq-sec { padding: 60px 0; background-color: #fff; }
.arth-faq-maintitle { font-size: 36px; font-weight: 900; text-align: center; color: #222; margin-bottom: 40px; }
.arth-faq-list { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 15px; }
.arth-faq-item { background: #f9fbfd; border: 1px solid #e4e7ed; border-radius: 8px; overflow: hidden; transition: 0.3s; }
.arth-faq-trigger { padding: 20px 25px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; user-select: none; }
.arth-faq-trigger:hover { background-color: #f1f5f9; }
.arth-faq-q { font-size: 18px; font-weight: 700; color: #333; margin: 0; padding-right: 20px; line-height: 1.4; }
.arth-faq-icon { font-size: 24px; font-weight: bold; color: #de3875; transition: transform 0.3s; line-height: 1; }
.arth-faq-content { display: none; padding: 0 25px 20px 25px; background: #f9fbfd; border-top: 1px solid transparent; }
.arth-faq-a { font-size: 15px; line-height: 1.6; color: #555; margin: 0; }
.arth-faq-item.active .arth-faq-icon { transform: rotate(45deg) !important; color: #76c726 !important; }
.arth-faq-item.active .arth-faq-content { border-top-color: #e4e7ed; }

/* --- СЕКЦІЯ ДОСТАВКИ (3 ПРОСТІ КРОКИ) --- */
.arth-del-sec { padding: 70px 0; background-color: #f9fbfd; }
.arth-del-title { font-size: 38px; font-weight: 900; text-align: center; color: #222; margin-bottom: 50px; line-height: 1.2; }
.arth-del-grid { display: flex; justify-content: center; gap: 30px; max-width: 1100px; margin: 0 auto; flex-wrap: wrap; }
.arth-del-card { background: #fff; border: 1px solid #e4e7ed; border-radius: 12px; padding: 35px 25px; width: calc(33.333% - 20px); max-width: 350px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: transform 0.3s; box-sizing: border-box; }
.arth-del-card:hover { transform: translateY(-5px); }
.arth-del-pic { width: 90px; height: 90px; margin: 0 auto 25px auto; overflow: hidden; border-radius: 50%; border: 3px solid #76c726; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.arth-del-pic img { max-width: 50%; max-height: 50%; object-fit: contain; }
.arth-del-info { text-align: center; }
.arth-del-step-title { font-size: 20px; font-weight: 900; color: #de3875; margin-bottom: 12px; line-height: 1.3; }
.arth-del-desc { font-size: 15px; color: #4a5665; line-height: 1.5; margin: 0; }

/* --- СЕКЦІЯ УВАГИ ТА ЗАКЛИКУ ДО ДІЇ --- */
.arth-att-sec { padding: 60px 0; background: linear-gradient(135deg, #de3875 0%, #be2559 100%); color: #fff; text-align: center; }
.arth-att-title { font-size: 38px; font-weight: 900; margin-bottom: 20px; color: #fff; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.5px; }
.arth-att-text { font-size: 18px; line-height: 1.6; max-width: 850px; margin: 0 auto; color: #fff; }

/* --- СЕКЦІЯ КОРПОРАТИВНОГО ФУТЕРА --- */
.arth-footer-sec { background-color: #1e293b; color: #94a3b8; padding: 45px 0; font-size: 13px; line-height: 1.6; text-align: center; border-top: 3px solid #de3875; box-sizing: border-box; }
.arth-footer-links { margin-bottom: 25px; display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }
.arth-footer-links a { color: #f1f5f9; text-decoration: none; font-weight: 700; transition: color 0.2s ease; }
.arth-footer-links a:hover { color: #de3875; }
.arth-footer-disclaimer { max-width: 850px; margin: 0 auto 25px auto; font-size: 11px; color: #64748b; text-align: justify; padding: 15px 20px; background-color: #0f172a; border-radius: 8px; line-height: 1.5; }
.arth-footer-copy-box { border-top: 1px solid #334155; padding-top: 20px; font-size: 12px; }
.arth-footer-copy { color: #cbd5e1; margin-bottom: 4px; font-weight: bold; }
.arth-footer-company { color: #64748b; font-size: 11px; margin: 0; }

/* --- АНІМАЦІЯ ПУЛЬСАЦІЇ ДЛЯ ВСІХ КНОПОК НА САЙТІ --- */
.pulse { animation: arthPulse 2s infinite; }
@keyframes arthPulse {
    0% { box-shadow: 0 5px 0 #c62963, 0 0 0 0 rgba(222,56,117,0.4); }
    70% { box-shadow: 0 5px 0 #c62963, 0 0 0 10px rgba(222,56,117,0); }
    100% { box-shadow: 0 5px 0 #c62963, 0 0 0 0 rgba(222,56,117,0); }
}

/* ==========================================================================
   5. АДАПТИВНІСТЬ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ (МЕДІА-ЗАПИТИ)
   ========================================================================== */
@media (max-width: 992px) {
    .arth-risk-card { width: calc(50% - 13px); }
}

@media (max-width: 768px) {
    /* Хедер мобільна версія */
    .arth-top-bar { flex-direction: column; align-items: center; margin-bottom: 20px; }
    .arth-nav-menu { margin-left: 0; margin-top: 15px; }
    .arth-nav-list { flex-direction: column; align-items: center; gap: 8px; }
    .arth-hero-title { font-size: 32px; line-height: 1.2; margin-bottom: 25px; text-align: center; }
    .arth-hero-title span { font-size: 34px; line-height: 1.2; margin-bottom: 10px; }
    .arth-ben-item { font-size: 16px; }
    .arth-hero-content { flex-direction: column; align-items: center; }
    .arth-hero-info { max-width: 100%; margin-bottom: 20px; }
    .arth-product-showcase { align-self: center; margin: 0 auto 30px auto; max-width: 200px; right: 0; top: 0; }
    .arth-badge-discount { width: 55px; height: 55px; font-size: 18px; top: -15px; right: -10px; }
    .arth-hero-wrap .arth-order-box { margin: 0 auto; align-self: center; width: 100%; }
    .arth-hero-model { width: 100%; max-width: 400px; height: auto; transform: translateX(-50%); opacity: 0.15; }

    /* Нові блоки мобільна версія */
    .arth-risk-maintitle { font-size: 26px; margin-bottom: 30px; }
    .arth-risk-card { width: 100%; max-width: 450px; }
    .arth-risk-footer-text { font-size: 15px; }
    
    .arth-comp-title { font-size: 28px; margin-bottom: 25px; }
    .arth-comp-col { padding: 15px 10px; gap: 10px; flex-direction: column; text-align: center; }
    .arth-comp-bad-head h3 { font-size: 18px; }
    .arth-icon { font-size: 24px; margin-bottom: 5px; }
    .arth-comp-bad p, .arth-comp-good p { font-size: 14px; }

    .arth-use-title { font-size: 30px; margin-bottom: 30px; }
    .arth-use-item { flex-direction: column; text-align: center; padding: 25px 15px; }
    .arth-use-step-img { margin-right: 0; margin-bottom: 15px; width: 90px; height: 90px; }

    .arth-rev-clean-title { font-size: 28px; }
    .arth-rev-clean-card { padding: 20px; }

    .arth-faq-maintitle { font-size: 28px; margin-bottom: 25px; }
    .arth-faq-trigger { padding: 15px; }
    .arth-faq-q { font-size: 16px; }

    .arth-del-title { font-size: 30px; margin-bottom: 35px; }
    .arth-del-grid { flex-direction: column; align-items: center; gap: 20px; }
    .arth-del-card { width: 100%; max-width: 400px; padding: 25px 20px; }

    .arth-att-title { font-size: 26px !important; margin-bottom: 15px !important; }
    .arth-att-text { font-size: 15px !important; line-height: 1.5 !important; }

    .arth-footer-sec { padding: 35px 0; }
    .arth-footer-links { gap: 12px; flex-direction: column; }
    .arth-footer-disclaimer { text-align: center; font-size: 10px; padding: 12px; }
}/* Стилі для нових розділів інфо та інгредієнтів */
.arth-info-sec { padding: 60px 0; background-color: #f8fafc; }
.arth-info-title { font-size: 34px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 35px; }
.arth-info-subtitle { font-size: 18px; text-align: center; color: #64748b; margin-top: -25px; margin-bottom: 40px; }
.arth-info-urgency { text-align: center; font-size: 16px; font-weight: 700; color: #222; margin-top: 30px; }
.arth-info-grid, .arth-benefits-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1100px; margin: 0 auto; }
.arth-info-card, .arth-benefit-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; width: calc(33.333% - 14px); min-width: 280px; box-sizing: border-box; }
.arth-info-card h4 { font-size: 18px; font-weight: 700; color: #de3875; margin-bottom: 8px; }
.arth-benefit-item h5 { font-size: 18px; font-weight: 700; color: #76c726; margin-bottom: 8px; }
.arth-info-card p, .arth-benefit-item p { font-size: 14px; color: #475569; line-height: 1.4; }

.arth-ingr-sec { padding: 60px 0; background-color: #fff; }
.arth-ingr-maintitle { font-size: 34px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 40px; }
.arth-ingr-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1100px; margin: 0 auto; }
.arth-ingr-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; width: calc(33.333% - 14px); min-width: 280px; text-align: center; box-sizing: border-box; }
.arth-ingr-imgbox { width: 80px; height: 80px; margin: 0 auto 15px auto; background: #fff; border-radius: 50%; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; }
.arth-ingr-imgbox img { max-width: 70%; height: auto; }
.arth-ingr-card h3 { font-size: 19px; font-weight: 700; color: #1e293b; margin-bottom: 10px; }
.arth-ingr-card p { font-size: 14px; color: #475569; line-height: 1.4; margin-bottom: 15px; }
.arth-ingr-popup-trigger { background: none; border: none; color: #de3875; font-size: 14px; font-weight: 700; cursor: pointer; text-decoration: underline; }
.arth-ingr-footer-note { max-width: 850px; margin: 35px auto 0 auto; text-align: center; font-size: 15px; color: #1e293b; line-height: 1.5; background: #fffdf5; border: 1px solid #fef3c7; padding: 15px; border-radius: 8px; }

/* Стилі вікна Попапу */
.arth-mdl-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10000; display: none; align-items: center; justify-content: center; }
.arth-mdl-box { background: #fff; border-radius: 12px; max-width: 500px; width: 90%; padding: 30px; box-sizing: border-box; position: relative; border-top: 6px solid #de3875; }
.arth-mdl-overlay.open { display: flex; }
.arth-mdl-close { position: absolute; top: 10px; right: 15px; font-size: 28px; cursor: pointer; background: none; border: none; color: #aaa; }
.arth-mdl-title { font-size: 22px; font-weight: 900; color: #1e293b; margin-bottom: 15px; text-align: left; }
.arth-mdl-body { text-align: left; line-height: 1.5; font-size: 14px; color: #334155; }
.arth-mdl-body h5 { font-size: 16px; font-weight: 700; color: #de3875; margin-bottom: 8px; }
.arth-mdl-body p { margin-bottom: 10px; }
.arth-mdl-disclaimer { display: block; font-size: 11px; color: #94a3b8; margin-top: 15px; padding-top: 10px; border-top: 1px solid #eee; }

@media (max-width: 768px) {
    .arth-info-title, .arth-ingr-maintitle { font-size: 24px; }
    .arth-info-card, .arth-benefit-item, .arth-ingr-card { width: 100%; }
}/* ==========================================================================
   ФІКС СТИЛІВ ДЛЯ НОВИХ РОЗДІЛІВ (ФАКТОРИ, РІШЕННЯ ТА ІНГРЕДІЄНТИ)
   ========================================================================== */

/* --- 1. БЛОК ФАКТОРІВ ТА РИЗИКІВ (.arth-factors-sec) --- */
.arth-factors-sec { padding: 60px 0; background-color: #f8fafc; }
.arth-factors-sec .arth-info-title { font-size: 34px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 35px; }
.arth-factors-sec .arth-info-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1100px; margin: 0 auto; }
.arth-factors-sec .arth-info-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; width: calc(33.333% - 14px); min-width: 280px; box-sizing: border-box; }
.arth-factors-sec .arth-info-card h4 { font-size: 18px; font-weight: 700; color: #de3875; margin-bottom: 8px; text-align: left; }
.arth-factors-sec .arth-info-card p { font-size: 14px; color: #475569; line-height: 1.4; text-align: left; }
.arth-factors-sec .arth-info-urgency { text-align: center; font-size: 16px; font-weight: 700; color: #222; margin-top: 30px; }

/* --- 2. БЛОК РІШЕННЯ ТА БЕНЕФІТІВ (.arth-sol-sec) --- */
.arth-sol-sec { padding: 60px 0; background-color: #f8fafc; }
.arth-sol-sec .arth-info-title { font-size: 34px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 10px; }
.arth-sol-sec .arth-info-subtitle { font-size: 18px; text-align: center; color: #64748b; margin-top: -25px; margin-bottom: 40px; }
.arth-sol-sec .arth-benefits-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1100px; margin: 0 auto; }
.arth-sol-sec .arth-benefit-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; width: calc(33.333% - 14px); min-width: 280px; box-sizing: border-box; }
.arth-sol-sec .arth-benefit-item h5 { font-size: 18px; font-weight: 700; color: #76c726; margin-bottom: 8px; text-align: left; }
.arth-sol-sec .arth-benefit-item p { font-size: 14px; color: #475569; line-height: 1.4; text-align: left; }

/* --- 3. БЛОК ІНГРЕДІЄНТІВ (.arth-ing-sec) --- */
.arth-ing-sec { padding: 60px 0; background-color: #fff; }
.arth-ing-sec .arth-ingr-maintitle { font-size: 34px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 40px; }
.arth-ing-sec .arth-ingr-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1100px; margin: 0 auto; }
.arth-ing-sec .arth-ingr-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; width: calc(33.333% - 14px); min-width: 280px; text-align: center; box-sizing: border-box; }
.arth-ing-sec .arth-ingr-imgbox { width: 80px; height: 80px; margin: 0 auto 15px auto; background: #fff; border-radius: 50%; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; }
.arth-ing-sec .arth-ingr-imgbox img { max-width: 70%; height: auto; }
.arth-ing-sec .arth-ingr-card h3 { font-size: 19px; font-weight: 700; color: #1e293b; margin-bottom: 10px; }
.arth-ing-sec .arth-ingr-card p { font-size: 14px; color: #475569; line-height: 1.4; margin-bottom: 15px; }
.arth-ing-sec .arth-ingr-popup-trigger { background: none; border: none; color: #de3875; font-size: 14px; font-weight: 700; cursor: pointer; text-transform: none; text-decoration: underline; padding: 0; }
.arth-ing-sec .arth-ingr-popup-trigger:hover { color: #be2559; }
.arth-ing-sec .arth-ingr-footer-note { max-width: 850px; margin: 35px auto 0 auto; text-align: center; font-size: 15px; color: #1e293b; line-height: 1.5; background: #fffdf5; border: 1px solid #fef3c7; padding: 15px; border-radius: 8px; }

/* --- МОБІЛЬНА АДАПТАЦІЯ ДЛЯ ВСІХ ТРЬОХ БЛОКІВ --- */
@media (max-width: 768px) {
    .arth-factors-sec .arth-info-title, 
    .arth-sol-sec .arth-info-title, 
    .arth-ing-sec .arth-ingr-maintitle { font-size: 24px !important; line-height: 1.3 !important; }
    
    .arth-sol-sec .arth-info-subtitle { font-size: 15px !important; margin-top: -15px !important; margin-bottom: 25px !important; }
    
    .arth-factors-sec .arth-info-card, 
    .arth-sol-sec .arth-benefit-item, 
    .arth-ing-sec .arth-ingr-card { width: 100% !important; max-width: 450px !important; margin: 0 auto !important; }
}/* ==========================================================================
   ФІКС СТИЛІВ ДЛЯ РОЗДІЛІВ: ФАКТОРИ, РІШЕННЯ, ІНГРЕДІЄНТИ ТА ПОПАП
   ========================================================================== */

/* --- 1. СЕКЦІЯ ФАКТОРІВ ТА ЗАГРОЗ (.arth-factors-sec) --- */
.arth-factors-sec { padding: 60px 0; background-color: #fff; }
.arth-sec-title { font-size: 36px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 45px; line-height: 1.3; }

.arth-fac-grid { display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; max-width: 1100px; margin: 0 auto; }

.arth-fac-card { background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px 20px; width: calc(33.333% - 17px); max-width: 350px; text-align: center; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; transition: transform 0.3s ease; }
.arth-fac-card:hover { transform: translateY(-3px); }

.arth-fac-name { font-size: 18px; font-weight: 700; color: #de3875; margin-bottom: 15px; min-height: 42px; display: flex; align-items: center; justify-content: center; line-height: 1.2; }

/* Коло для SVG іконки */
.arth-fac-line { position: relative; width: 100%; display: flex; justify-content: center; margin-bottom: 18px; }
.arth-fac-icon { width: 65px; height: 65px; border-radius: 50%; background-color: #fff; border: 2px solid #e2e8f0; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.03); }
.arth-fac-icon svg { max-width: 30px; max-height: 30px; display: block; }
.arth-svg-path { fill: #1e293b; } /* Колір векторних іконок */

.arth-fac-list { list-style: none; padding: 0; margin: 0; width: 100%; }
.arth-fac-point { font-size: 14px; color: #475569; line-height: 1.5; margin-bottom: 8px; position: relative; padding-left: 15px; text-align: left; }
.arth-fac-point::before { content: '•'; position: absolute; left: 0; color: #de3875; font-weight: bold; font-size: 16px; line-height: 1; }
.arth-fac-point:last-child { margin-bottom: 0; }

.arth-fac-cta-text { text-align: center; font-size: 18px; font-weight: 700; color: #1e293b; max-width: 850px; margin: 40px auto 0 auto; line-height: 1.5; padding: 0 10px; }


/* --- 2. СЕКЦІЯ РІШЕННЯ ТА БЕНЕФІТІВ (.arth-sol-sec) --- */
.arth-sol-sec { padding: 60px 0; background-color: #f4f7f9; }
.arth-sol-title { font-size: 36px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 12px; line-height: 1.2; }
.arth-sol-subtitle { font-size: 18px; text-align: center; color: #64748b; margin-bottom: 45px; font-weight: 500; }

.arth-sol-grid { max-width: 950px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.arth-sol-row { display: flex; gap: 20px; width: 100%; justify-content: center; }

.arth-sol-item { background-color: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; width: 50%; box-sizing: border-box; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01); display: flex; align-items: center; }
.arth-sol-descr { font-size: 15px; color: #475569; line-height: 1.6; margin: 0; text-align: left; width: 100%; }
.arth-text-bold { font-size: 18px; font-weight: 700; color: #76c726; display: inline-block; margin-bottom: 6px; }

.arth-sol-foot-title { font-size: 20px; font-weight: 700; text-align: center; color: #1e293b; margin: 40px 0 25px 0; line-height: 1.3; }


/* --- 3. СЕКЦІЯ ІНГРЕДІЄНТІВ ТА СКЛАДУ (.arth-ing-sec) --- */
.arth-ing-sec { padding: 60px 0; background-color: #fff; }
.arth-ing-title { font-size: 36px; font-weight: 900; text-align: center; color: #1e293b; margin-bottom: 45px; line-height: 1.2; }

.arth-ing-grid { max-width: 950px; margin: 0 auto; display: flex; flex-direction: column; gap: 25px; }
.arth-ing-row { display: flex; gap: 25px; width: 100%; justify-content: center; }

.arth-ing-card { background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 25px; width: 50%; box-sizing: border-box; display: flex; align-items: center; gap: 25px; transition: transform 0.3s ease; }
.arth-ing-card:hover { transform: scale(1.01); }

/* Спеціальний стиль для третьої картки, яка стоїть по центру на окремому рядку */
.arth-ing-card.arth-ing-center { width: 60%; max-width: 550px; margin: 0 auto; }

.arth-ing-pic { width: 100px; height: 100px; border-radius: 50%; background-color: #fff; border: 2px solid #e2e8f0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }
.arth-ing-img { max-width: 75%; max-height: 75%; object-fit: contain; }

.arth-ing-info { text-align: left; }
.arth-ing-name { font-size: 19px; font-weight: 700; color: #de3875; margin-bottom: 8px; line-height: 1.2; }
.arth-ing-desc { font-size: 14px; color: #475569; line-height: 1.5; margin: 0; }

/* Нижня плашка з посиланням на попап */
.arth-ing-research { max-width: 850px; margin: 45px auto 0 auto; text-align: center; background: #fffdf5; border: 1px solid #fef3c7; padding: 25px; border-radius: 10px; box-sizing: border-box; }
.arth-ing-about { font-size: 15px; color: #1e293b; line-height: 1.6; margin-bottom: 15px; }
.arth-ing-links { display: flex; justify-content: center; }
.arth-ing-link { display: inline-block; color: #de3875; font-size: 15px; font-weight: 700; cursor: pointer; text-decoration: underline; transition: color 0.2s; }
.arth-ing-link:hover { color: #be2559; }


/* --- 4. МОДЛЬНЕ ВІКНО ПОПАПУ АРНІКИ (#arth-popup-arnica) --- */
.arth-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(15, 23, 42, 0.6); backdrop-filter: blur(4px); z-index: 200000; display: none; align-items: center; justify-content: center; padding: 15px; box-sizing: border-box; }
.arth-modal-content { background-color: #fff; border-radius: 16px; max-width: 550px; width: 100%; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); border-top: 6px solid #de3875; display: flex; flex-direction: column; overflow: hidden; box-sizing: border-box; animation: arthMdlFade 0.3s ease; }

@keyframes arthMdlFade { 
    from { opacity: 0; transform: translateY(-20px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.arth-modal-header { padding: 25px 30px 15px 30px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1f5f9; position: relative; }
.arth-modal-title { font-size: 22px; font-weight: 900; color: #1e293b; margin: 0; line-height: 1.2; }
.arth-modal-close { font-size: 24px; color: #94a3b8; cursor: pointer; line-height: 1; user-select: none; transition: color 0.2s; }
.arth-modal-close:hover { color: #1e293b; }

.arth-modal-body { padding: 25px 30px; text-align: left; font-size: 15px; line-height: 1.6; color: #334155; }
.arth-modal-body p { margin-bottom: 15px; }
.arth-modal-body p strong { color: #de3875; font-size: 16px; }
.arth-modal-body p:last-of-type { margin-bottom: 0; }
.arth-modal-note { display: block; font-size: 11px; color: #94a3b8; line-height: 1.4; border-top: 1px solid #e2e8f0; padding-top: 15px; margin-top: 20px; font-style: italic; }

.arth-modal-footer { padding: 20px 30px 30px 30px; background-color: #f8fafc; display: flex; justify-content: center; border-top: 1px solid #f1f5f9; }
.arth-modal-btn { width: 100%; max-width: 320px; background: linear-gradient(to right, #dd3472 0, #ff5594 50%, #dd3472 100%); color: #fff; border: none; padding: 14px 20px; border-radius: 8px; font-size: 18px; font-weight: 900; cursor: pointer; text-transform: uppercase; text-align: center; box-shadow: 0 4px 0 #c62963; box-sizing: border-box; }


/* --- 5. АДАПТИВНІСТЬ ДЛЯ СМАРТФОНІВ (МЕДІА-ЗАПИТИ) --- */
@media (max-width: 768px) {
    .arth-sec-title, .arth-sol-title, .arth-ing-title { font-size: 26px !important; line-height: 1.3 !important; }
    .arth-sol-subtitle { font-size: 15px !important; margin-top: -5px !important; margin-bottom: 30px !important; }
    
    /* Перебудова сіток у вертикальну стрічку */
    .arth-fac-grid, .arth-sol-grid, .arth-ing-grid { gap: 15px; }
    .arth-sol-row, .arth-ing-row { flex-direction: column; gap: 15px; width: 100%; }
    
    .arth-fac-card, .arth-sol-item, .arth-ing-card, .arth-ing-card.arth-ing-center { width: 100% !important; max-width: 450px !important; margin: 0 auto !important; }
    
    .arth-fac-cta-text { font-size: 15px; margin-top: 25px; }
    .arth-sol-foot-title { font-size: 17px; margin: 30px 0 20px 0; }
    
    /* Картка інгредієнта стає вертикальною на мобільних */
    .arth-ing-card { flex-direction: column; text-align: center; padding: 25px 20px; gap: 15px; }
    .arth-ing-info { text-align: center; }
    
    .arth-ing-research { margin-top: 30px; padding: 15px; }
    .arth-ing-about { font-size: 14px; }
    
    /* Попап мобільний */
    .arth-modal-content { border-radius: 12px; }
    .arth-modal-header, .arth-modal-body, .arth-modal-footer { padding-left: 20px; padding-right: 20px; }
    .arth-modal-title { font-size: 19px; }
}