@keyframes doc-shine-effect{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);opacity:0;}50%{opacity:1;}100%{transform:translateX(100%) translateY(100%) rotate(45deg);opacity:0;}}@keyframes doc-float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-10px);}}@keyframes doc-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}@keyframes doc-slideIn{0%{opacity:0;transform:translateX(-20px);}100%{opacity:1;transform:translateX(0);}}.doc-intro-hero{background:linear-gradient(135deg,#175AA8 0%,#1e66c4 100%);color:white;padding:40px;border-radius:1px;margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(23,90,168,0.3);}.doc-intro-hero::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);animation:doc-shine-effect 4s infinite;}.doc-intro-split{background:linear-gradient(90deg,#175AA8 0%,#d91f27 100%);color:white;padding:40px;border-radius:1px;margin-bottom:40px;position:relative;box-shadow:0 15px 40px rgba(23,90,168,0.2);}.doc-intro-minimal{border:4px solid #175AA8;background:white;padding:40px;border-radius:1px;margin-bottom:40px;position:relative;box-shadow:0 10px 30px rgba(23,90,168,0.1);}.doc-hero-title,.page-article .doc-hero-title,.doc-intro-hero h1,.doc-intro-hero h2,h1.doc-hero-title,h2.doc-hero-title{color:white !important;margin:0 0 20px 0 !important;font-family:'Montserrat',sans-serif !important;font-weight:700 !important;font-size:32px !important;position:relative !important;z-index:2 !important;text-shadow:2px 2px 4px rgba(0,0,0,0.3) !important;word-wrap:break-word !important;overflow-wrap:break-word !important;}.doc-section-header,.page-article .doc-section-header,h2.doc-section-header{color:white !important;text-align:center !important;margin:60px 0 40px 0 !important;font-family:'Montserrat',sans-serif !important;font-weight:700 !important;font-size:38px !important;background:linear-gradient(135deg,#175AA8,#1e66c4) !important;padding:25px !important;border-radius:1px !important;text-shadow:2px 2px 4px rgba(0,0,0,0.3) !important;box-shadow:0 15px 35px rgba(23,90,168,0.25) !important;position:relative !important;overflow:hidden !important;word-wrap:break-word !important;overflow-wrap:break-word !important;}.doc-section-header::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background:rgba(255,255,255,0.5);border-radius:2px;}.doc-section-header-red,.page-article .doc-section-header-red,h2.doc-section-header-red{color:white !important;text-align:center !important;margin:60px 0 40px 0 !important;font-family:'Montserrat',sans-serif !important;font-weight:700 !important;font-size:38px !important;background:linear-gradient(135deg,#d91f27,#b71c1c) !important;padding:25px !important;border-radius:1px !important;text-shadow:2px 2px 4px rgba(0,0,0,0.3) !important;box-shadow:0 15px 35px rgba(217,31,39,0.25) !important;word-wrap:break-word !important;overflow-wrap:break-word !important;}.doc-section-simple{color:#2F363B !important;text-align:center !important;margin:50px 0 30px 0 !important;font-family:'Montserrat',sans-serif !important;font-weight:600 !important;font-size:32px !important;position:relative !important;word-wrap:break-word !important;overflow-wrap:break-word !important;}.doc-section-simple::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,#175AA8,#1e66c4);border-radius:2px;}.doc-company-highlight{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left:8px solid #175AA8;padding:30px;border-radius:1px;margin:40px 0;box-shadow:0 15px 40px rgba(23,90,168,0.15);transition:all 0.4s ease;color:#2F363B;}.doc-company-highlight:hover{transform:translateX(15px);box-shadow:0 20px 50px rgba(23,90,168,0.2);}.doc-info-bordered{border:3px solid #175AA8;background:white;padding:30px;border-radius:1px;margin:40px 0;position:relative;box-shadow:0 8px 20px rgba(23,90,168,0.1);}.doc-info-colored{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);padding:30px;border-radius:1px;margin:40px 0;border:2px solid #2196f3;}.doc-brand-text{color:#175AA8;font-weight:700;font-size:18px;}.doc-process-container{margin:50px 0;}.doc-process-step{display:flex;align-items:flex-start;margin:30px 0;position:relative;}.doc-step-circle{background:linear-gradient(135deg,#175AA8,#1e66c4);color:white;width:60px;height:60px;border-radius:1px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:24px;margin-right:25px;box-shadow:0 10px 25px rgba(23,90,168,0.4);flex-shrink:0;animation:doc-float 3s ease-in-out infinite;}.doc-step-diamond{background:#d91f27;color:white;width:50px;height:50px;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px;margin-right:25px;box-shadow:0 8px 20px rgba(217,31,39,0.4);flex-shrink:0;}.doc-step-diamond span{transform:rotate(-45deg);}.doc-step-hexagon{background:#175AA8;color:white;width:60px;height:52px;position:relative;margin-right:25px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px;flex-shrink:0;}.doc-step-hexagon::before,.doc-step-hexagon::after{content:"";position:absolute;width:0;border-left:30px solid transparent;border-right:30px solid transparent;}.doc-step-hexagon::before{bottom:100%;border-bottom:15px solid #175AA8;}.doc-step-hexagon::after{top:100%;border-top:15px solid #175AA8;}.doc-step-content{background:white;border:3px solid #f0f0f0;border-radius:1px;padding:30px;flex:1;box-shadow:0 8px 25px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;}.doc-step-content::before{content:'';position:absolute;left:-3px;top:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#175AA8,#1e66c4);border-radius:1px;z-index:-1;opacity:0;transition:opacity 0.3s ease;}.doc-step-content:hover{border-color:transparent;transform:translateY(-5px);box-shadow:0 15px 40px rgba(23,90,168,0.2);}.doc-step-content:hover::before{opacity:1;}.doc-step-title{color:#175AA8;font-size:20px;font-weight:700;margin-bottom:10px;}.doc-process-step:not(:last-child)::after{content:'';position:absolute;left:29px;top:70px;width:2px;height:50px;background:linear-gradient(to bottom,#175AA8,rgba(23,90,168,0.3));}.doc-warning-yellow{background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border:3px solid #ffc107;padding:30px;border-radius:1px;margin:40px 0;position:relative;box-shadow:0 15px 35px rgba(255,193,7,0.3);}.doc-warning-yellow::before{content:'!';position:absolute;top:-20px;left:40px;background:#ffc107;color:#856404;width:40px;height:40px;border-radius:1px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:24px;box-shadow:0 8px 20px rgba(255,193,7,0.4);}.doc-warning-red{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:3px solid #f44336;padding:30px;border-radius:1px;margin:40px 0;position:relative;box-shadow:0 15px 35px rgba(244,67,54,0.3);}.doc-info-blue{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:3px solid #2196f3;padding:30px;border-radius:1px;margin:40px 0;position:relative;box-shadow:0 15px 35px rgba(33,150,243,0.3);}.doc-warning-text{margin:0;font-weight:600;font-size:17px;line-height:1.6;}.doc-warning-yellow .doc-warning-text{color:#856404;}.doc-warning-red .doc-warning-text{color:#c62828;}.doc-info-blue .doc-warning-text{color:#1565c0;}.doc-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin:40px 0;}.doc-card-classic{background:white;border:3px solid #e9ecef;padding:25px;border-radius:1px;transition:all 0.3s ease;box-shadow:0 8px 20px rgba(0,0,0,0.08);position:relative;overflow:hidden;}.doc-card-classic::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(to bottom,#175AA8,#1e66c4);transform:scaleY(0);transition:transform 0.3s ease;}.doc-card-classic:hover{border-color:#175AA8;background:#f8f9ff;transform:translateY(-8px);box-shadow:0 15px 35px rgba(23,90,168,0.15);}.doc-card-classic:hover::before{transform:scaleY(1);}.doc-card-colored{background:linear-gradient(135deg,#175AA8,#1e66c4);color:white;padding:25px;border-radius:1px;transition:all 0.3s ease;box-shadow:0 8px 20px rgba(23,90,168,0.3);}.doc-card-colored:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(23,90,168,0.4);}.doc-card-outline{background:transparent;border:2px solid #175AA8;padding:25px;border-radius:1px;transition:all 0.3s ease;position:relative;}.doc-card-outline:hover{background:#175AA8;color:white;transform:translateY(-5px);}.doc-card-title{font-weight:700;color:#2F363B;margin-bottom:8px;font-size:18px;}.doc-card-colored .doc-card-title{color:white;}.doc-card-desc{color:#666;font-size:15px;line-height:1.5;}.doc-card-colored .doc-card-desc{color:rgba(255,255,255,0.9);}.doc-advantages-light{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:50px 40px;border-radius:1px;margin:50px 0;position:relative;overflow:hidden;}.doc-advantages-colored{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);padding:50px 40px;border-radius:1px;margin:50px 0;border:2px solid #2196f3;}.doc-advantages-minimal{padding:30px 0;margin:50px 0;}.doc-advantage-item{background:white;padding:30px;border-radius:1px;margin:20px 0;transition:all 0.4s ease;box-shadow:0 10px 25px rgba(0,0,0,0.1);position:relative;z-index:2;border:2px solid transparent;animation:doc-slideIn 0.6s ease-out;}.doc-advantage-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(23,90,168,0.2);border-color:#175AA8;}.doc-advantage-bullet{color:#175AA8;font-size:20px;font-weight:bold;margin-right:15px;}.doc-services-blue,.page-article .doc-services-blue h2{background:linear-gradient(135deg,#175AA8 0%,#1e66c4 100%);color:white;padding:50px;border-radius:1px;margin:50px 0;position:relative;overflow:hidden;box-shadow:0 25px 60px rgba(23,90,168,0.3);}.doc-services-blue::before{content:'';position:absolute;top:-40%;right:-20%;width:100%;height:140%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);}.doc-services-title,.page-article .doc-services-title,.doc-services-blue h2,h2.doc-services-title{color:white !important;margin:0 0 30px 0 !important;font-family:'Montserrat',sans-serif !important;font-weight:700 !important;font-size:30px !important;text-align:center !important;position:relative !important;z-index:2 !important;text-shadow:2px 2px 4px rgba(0,0,0,0.2) !important;word-wrap:break-word !important;overflow-wrap:break-word !important;}.doc-service-item{background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.25);padding:20px 30px;border-radius:1px;margin:15px 0;transition:all 0.3s ease;position:relative;z-index:2;backdrop-filter:blur(10px);}.doc-service-item:hover{background:rgba(255,255,255,0.25);transform:translateX(20px);box-shadow:0 8px 20px rgba(0,0,0,0.2);}.doc-service-check{color:#4caf50;font-weight:bold;margin-right:10px;}.doc-cta-red,.page-article .doc-cta-red h2{background:linear-gradient(135deg,#d91f27 0%,#b71c1c 100%);color:white;padding:50px;border-radius:1px;text-align:center;margin:50px 0;box-shadow:0 25px 60px rgba(217,31,39,0.3);position:relative;overflow:hidden;}.doc-cta-red::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 50%);animation:doc-shine-effect 6s infinite;}.doc-cta-title,.page-article .doc-cta-title,.doc-cta-red h2,h2.doc-cta-title{color:white !important;margin:0 0 25px 0 !important;font-family:'Montserrat',sans-serif !important;font-weight:700 !important;font-size:34px !important;position:relative !important;z-index:2 !important;text-shadow:2px 2px 4px rgba(0,0,0,0.3) !important;word-wrap:break-word !important;overflow-wrap:break-word !important;}.doc-cta-blue{background:linear-gradient(135deg,#175AA8 0%,#1e66c4 100%);color:white;padding:50px;border-radius:1px;text-align:center;margin:50px 0;box-shadow:0 25px 60px rgba(23,90,168,0.3);}.doc-offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:40px 0;position:relative;z-index:2;}.doc-offer-item{background:rgba(255,255,255,0.2);padding:20px;border-radius:1px;font-weight:600;transition:all 0.3s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);}.doc-offer-item:hover{background:rgba(255,255,255,0.3);transform:scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,0.2);}.doc-info-banner{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);padding:30px;border-radius:1px;margin:40px 0;text-align:center;border:2px solid #2196f3;}.doc-info-text{margin:10px 0;font-size:18px;color:#1565c0;font-weight:600;}/* Общие стили для изображений для предотвращения выхода за рамки */img{max-width:100% !important;height:auto !important;display:block;object-fit:contain;}/* Контейнеры с изображениями */.doc-intro-hero img,.doc-section-header img,.doc-section-header-red img,.doc-company-highlight img,.doc-info-bordered img,.doc-info-colored img,.doc-warning-yellow img,.doc-warning-red img,.doc-info-blue img,.doc-card-classic img,.doc-card-colored img,.doc-card-outline img,.doc-services-blue img,.doc-cta-red img,.doc-cta-blue img,.doc-info-banner img{max-width:100%;height:auto;border-radius:8px;margin:10px 0;}@media (max-width:768px){.doc-section-header,.doc-section-header-red,.page-article .doc-section-header,.page-article .doc-section-header-red{font-size:24px !important;padding:15px !important;margin:30px 0 20px 0 !important;line-height:1.3 !important;}.doc-hero-title,.page-article .doc-hero-title{font-size:22px !important;line-height:1.3 !important;}.doc-intro-hero,.doc-services-blue,.doc-cta-red,.doc-cta-blue{padding:25px 15px;}.doc-process-step{flex-direction:column;text-align:center;}.doc-step-circle,.doc-step-diamond,.doc-step-hexagon{margin:0 auto 20px auto;}.doc-process-step:not(:last-child)::after{display:none;}.doc-cards-grid{grid-template-columns:1fr;gap:15px;}.doc-services-title,.doc-cta-title,.page-article .doc-services-title,.page-article .doc-cta-title{font-size:20px !important;line-height:1.3 !important;}.doc-company-highlight{padding:20px;margin:30px 0;transform:none !important;}.doc-company-highlight:hover{transform:none !important;}.doc-section-simple{font-size:26px !important;padding:0 15px;}.doc-offers-grid{grid-template-columns:1fr;gap:10px;}.doc-advantage-item{padding:20px;margin:15px 0;}.doc-advantages-light,.doc-advantages-colored{padding:30px 20px;}.doc-warning-yellow,.doc-warning-red,.doc-info-blue,.doc-info-bordered,.doc-info-colored{padding:20px;margin:30px 0;}.doc-warning-yellow::before{left:20px;top:-15px;width:30px;height:30px;font-size:18px;}/* Дополнительные стили для текста на мобильных устройствах */h1,h2,h3,h4,h5,h6{word-wrap:break-word !important;overflow-wrap:break-word !important;hyphens:auto;line-height:1.3 !important;}p,div,span{word-wrap:break-word;overflow-wrap:break-word;}/* Обеспечение правильного отображения изображений на мобильных */img{max-width:100% !important;height:auto !important;width:auto !important;object-fit:contain !important;}}.doc-divider{height:2px;background:linear-gradient(135deg,#175AA8,#1e66c4);margin:40px 0;border-radius:1px;}.doc-divider-red{height:2px;background:linear-gradient(135deg,#d91f27,#b71c1c);margin:40px 0;border-radius:1px;}.doc-accent-blue{color:#175AA8;font-weight:600;}.doc-accent-red{color:#d91f27;font-weight:600;}.doc-accent-gray{color:#2F363B;font-weight:600;}.doc-button-blue{background:linear-gradient(135deg,#175AA8,#1e66c4);color:white;padding:15px 30px;border-radius:1px;border:none;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 20px rgba(23,90,168,0.3);}.doc-button-blue:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(23,90,168,0.4);}.doc-button-red{background:linear-gradient(135deg,#d91f27,#b71c1c);color:white;padding:15px 30px;border-radius:1px;border:none;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 20px rgba(217,31,39,0.3);}.doc-button-red:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(217,31,39,0.4);}
/* ===== ДОБАВЛЕНО: FAQ-аккордеон, фигуры, таблицы, загрузки (декларации ТР ТС) ===== */
.faq-wrap{margin:24px 0}
details.faq-item{border:2px solid #e9ecef;border-radius:8px;margin:16px 0;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.06);transition:box-shadow .25s ease,border-color .25s ease;background:#fff}
details.faq-item[open]{border-color:#175AA8;box-shadow:0 8px 25px rgba(23,90,168,.12)}
details.faq-item>summary.faq-question{list-style:none;cursor:pointer;padding:20px 26px;font-size:18px;font-weight:600;color:#2F363B;display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);transition:background .25s ease,color .25s ease}
details.faq-item>summary.faq-question::-webkit-details-marker{display:none}
details.faq-item>summary.faq-question::marker{content:""}
details.faq-item>summary.faq-question:hover,details.faq-item[open]>summary.faq-question{background:linear-gradient(135deg,#175AA8 0%,#1e66c4 100%);color:#fff}
.faq-toggle{font-size:26px;font-weight:700;line-height:1;transition:transform .25s ease;flex:0 0 auto}
details.faq-item[open] .faq-toggle{transform:rotate(45deg)}
.faq-answer-content{padding:22px 26px;background:#fff;border-top:1px solid #e9ecef}
.faq-answer-content p{margin:0 0 10px}
.faq-answer-content p:last-child{margin-bottom:0}
/* фигуры-картинки */
.doc-figure{margin:26px 0;text-align:center}
.doc-figure-img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.1)}
.doc-figure-cap{margin-top:10px;font-size:14px;color:#6c757d}
/* таблицы */
.doc-table-wrap{overflow-x:auto;margin:24px 0}
.doc-table-wrap table{width:100%;border-collapse:collapse;min-width:520px}
.doc-table-wrap th,.doc-table-wrap td{border:1px solid #e3e8ee;padding:12px 14px;text-align:left;vertical-align:top}
.doc-table-wrap thead th{background:#175AA8;color:#fff;font-weight:600}
.doc-table-wrap tbody tr:nth-child(even){background:#f6f9fc}
/* карточки-загрузки PDF */
.doc-downloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:24px 0}
.doc-download-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:2px solid #e9ecef;border-radius:10px;text-decoration:none;color:#2F363B;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease;background:#fff}
.doc-download-card:hover{border-color:#175AA8;box-shadow:0 6px 18px rgba(23,90,168,.12);color:#175AA8}
.doc-download-ico{flex:0 0 auto;background:#e11b22;color:#fff;font-size:12px;font-weight:700;padding:8px 10px;border-radius:6px;letter-spacing:.5px}
.doc-download-name{flex:1 1 auto;font-weight:500;font-size:15px;line-height:1.35}
.doc-download-act{flex:0 0 auto;color:#175AA8;font-weight:600;font-size:14px;white-space:nowrap}
@media(max-width:768px){details.faq-item>summary.faq-question{padding:16px;font-size:16px}.faq-answer-content{padding:16px}}

/* ===== ДОБАВЛЕНО ФАЗА 1: FAQ (div-версия, старые страницы), таблицы, картинки — вынос инлайна ===== */
/* FAQ-аккордеон (старая div-разметка .faq-question/.faq-answer + toggleFaq) */
.faq-item{border:2px solid #e9ecef;border-radius:8px;margin:20px 0;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease}
.faq-item:hover{border-color:#175AA8;box-shadow:0 8px 25px rgba(23,90,168,.15)}
.faq-question{width:100%;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:none;padding:25px 30px;text-align:left;font-size:18px;font-weight:600;color:#2F363B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}
.faq-question:hover,.faq-question.active{background:linear-gradient(135deg,#175AA8,#1e66c4);color:#fff}
.faq-toggle{font-size:24px;font-weight:bold;transition:transform .3s ease}
.faq-question.active .faq-toggle{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-answer.open{max-height:2000px}
.faq-answer-content{padding:30px;background:#fff;border-top:1px solid #e9ecef}
.faq-list{margin:15px 0;padding-left:20px}
.faq-list li{margin:8px 0;color:#2F363B}
@media(max-width:768px){.faq-question{padding:20px 15px;font-size:16px}.faq-answer-content{padding:20px 15px}}
/* Таблицы в статье (замена инлайновых padding/border) */
.page-article table{width:100%;border-collapse:collapse;margin:24px 0}
.page-article table th,.page-article table td{border:1px solid #ddd;padding:12px;text-align:left;vertical-align:top}
.page-article table th{background:#175AA8;color:#fff;font-weight:600}
.page-article table tr:nth-child(even) td{background:#f8f9fa}
.page-article .table-wrap,.doc-table-wrap{overflow-x:auto}
/* Картинки в статье (замена инлайновых max-width/height/radius) */
.page-article img{max-width:100%;height:auto;border-radius:8px}
.page-article figure{margin:24px 0;text-align:center}
.page-article figure img{box-shadow:0 6px 20px rgba(0,0,0,.1)}
.page-article figcaption{margin-top:10px;font-size:14px;color:#6c757d}

/* ===== ДОБАВЛЕНО: eco-* стили (cat18 Экопроектирование), вынос из инлайна ===== */
.eco-section {
      background: #ffffff;
      border-radius: 24px;
      padding: 24px 28px;
      margin-bottom: 32px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      border: 1px solid #eaeef2;
    }
    .eco-section h2 {
      font-size: 28px;
      font-weight: 700;
      color: #1a1a1a;
      margin-top: 0;
      margin-bottom: 20px;
      padding-bottom: 8px;
      border-bottom: 2px solid #e2e8f0;
    }
    .eco-section h3 {
      font-size: 22px;
      font-weight: 600;
      color: #2c3e50;
      margin: 24px 0 16px 0;
    }
    .advantage-block {
      background: #f8fafc;
      border-radius: 20px;
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin: 20px 0;
    }
    .advantage-item {
      flex: 1;
      min-width: 180px;
      background: white;
      border-radius: 16px;
      padding: 18px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
      border: 1px solid #edf2f7;
    }
    .advantage-item strong {
      font-size: 18px;
      color: #2c3e50;
      display: block;
      margin-bottom: 8px;
    }
    .steps-list {
      list-style: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin: 20px 0;
    }
    .steps-list li {
      background: #f8fafc;
      border-radius: 16px;
      padding: 18px 20px;
      flex: 1;
      min-width: 180px;
      counter-increment: step-counter;
      font-weight: 500;
      border: 1px solid #edf2f7;
    }
    .steps-list li::before {
      content: counter(step-counter);
      background: #4a5568;
      color: white;
      font-weight: bold;
      width: 32px;
      height: 32px;
      border-radius: 40px;
      display: inline-block;
      text-align: center;
      line-height: 32px;
      margin-right: 12px;
    }
    .steps-list {
      counter-reset: step-counter;
    }
    .info-note {
      background: #f8fafc;
      border-left: 5px solid #e67e22;
      padding: 18px 22px;
      border-radius: 16px;
      margin: 24px 0;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin: 24px 0;
      background: #fff;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
      border: 1px solid #e2e8f0;
    }
    th {
      background: #f1f5f9;
      padding: 14px 12px;
      text-align: left;
      font-weight: 600;
      color: #1e2a3a;
    }
    td {
      padding: 12px;
      border-bottom: 1px solid #e2e8f0;
    }
    .image-container {
      margin: 24px 0;
      text-align: center;
    }
    .image-container img {
      max-width: 100%;
      border-radius: 20px;
      box-shadow: 0 6px 14px rgba(0,0,0,0.05);
      border: 1px solid #e2e8f0;
    }
    .image-caption {
      font-size: 14px;
      color: #64748b;
      margin-top: 8px;
      font-style: italic;
    }
    @media (max-width: 680px) {
      .eco-section { padding: 18px; }
    }