.ecosoi-docs,.dgd-documents-wrap{max-width:1280px;margin:0 auto;padding:24px 16px 48px}.ecosoi-docs-header{text-align:center;margin-bottom:20px}.ecosoi-docs-header .eyebrow{display:inline-block;margin-bottom:8px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4967f4}.ecosoi-docs-header h2{margin:0;font-size:58px;line-height:1.08;font-weight:900;color:#122b54}.ecosoi-doc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 auto 28px;padding:14px 16px;background:#fff;border:1px solid #e7ece8;border-radius:18px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.ecosoi-doc-cats,.ecosoi-view-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ecosoi-doc-cats button,.ecosoi-view-switch button{height:44px;padding:0 16px;border:1px solid #dde6db;border-radius:14px;background:#fff;color:#183153;font-size:14px;font-weight:700;cursor:pointer}.ecosoi-doc-cats button.is-active,.ecosoi-view-switch button.is-active{background:#d8aa35;border-color:#d8aa35;color:#fff}.ecosoi-doc-grid{display:grid;gap:22px;align-items:stretch}.ecosoi-doc-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ecosoi-doc-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ecosoi-doc-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosoi-doc-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e7ece8;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ecosoi-doc-card:hover{transform:translateY(-3px);border-color:#d8aa35;box-shadow:0 16px 36px rgba(15,23,42,.09)}.ecosoi-doc-thumb{position:relative;aspect-ratio:16/10;background:#f5f7f6;border-bottom:1px solid #eef2ef;overflow:hidden}.ecosoi-doc-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ecosoi-doc-badges{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:2}.ecosoi-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;color:#fff}.ecosoi-badge.free{background:#2ea44f}.ecosoi-badge.vip{background:#f59e0b}.ecosoi-badge.new{background:#3b82f6}.ecosoi-doc-body{display:flex;flex-direction:column;gap:12px;padding:16px 16px 14px;flex:1}.ecosoi-doc-cat{display:inline-flex;align-items:center;gap:6px;color:#8a6b17;font-size:13px;font-weight:600}.ecosoi-doc-title{margin:0;font-size:28px;line-height:1.35;font-weight:800;color:#183153}.ecosoi-doc-desc{color:#667085;font-size:14px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:96px}.ecosoi-doc-tags{display:flex;flex-wrap:wrap;gap:8px}.ecosoi-doc-tags span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f5f7f8;color:#667085;font-size:12px;line-height:1}.ecosoi-doc-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #edf1ee}.ecosoi-download-count{display:inline-flex;align-items:center;gap:6px;color:#2f7d32;font-size:13px;font-weight:700;white-space:nowrap}.ecosoi-doc-size{color:#94a3b8;font-size:12px;margin-top:4px}.ecosoi-download-btn{display:inline-flex;align-items:center;justify-content:center;min-width:136px;height:42px;padding:0 16px;border:0;border-radius:12px;background:linear-gradient(135deg,#2f7d32,#49a84f);color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s ease}.ecosoi-download-btn:hover{background:linear-gradient(135deg,#c99720,#dfb34a);color:#fff;transform:translateY(-1px)}.ecosoi-doc-list .ecosoi-doc-card{display:grid;grid-template-columns:260px 1fr}.ecosoi-doc-list .ecosoi-doc-thumb{height:100%;border-bottom:0;border-right:1px solid #eef2ef}.ecosoi-doc-list .ecosoi-doc-body{padding:18px}.ecosoi-doc-modal[hidden]{display:none!important}.ecosoi-doc-modal{position:fixed;inset:0;z-index:99999}.ecosoi-doc-backdrop{position:absolute;inset:0;background:rgba(10,20,30,.55);backdrop-filter:blur(2px)}.ecosoi-doc-dialog{position:relative;width:min(760px,calc(100vw - 24px));margin:4vh auto 0;background:#fff;border-radius:24px;padding:18px 18px 16px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.ecosoi-doc-close{position:absolute;top:14px;right:14px;width:48px;height:48px;border:0;border-radius:50%;background:#f3f4f6;color:#122b54;font-size:32px;line-height:1;cursor:pointer}.ecosoi-pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#eaf7e8;color:#2f7d32;font-size:13px;font-weight:700}.ecosoi-doc-modal-title{margin:12px 0 4px;font-size:22px;line-height:1.2;font-weight:800;color:#29403a;text-transform:uppercase}.ecosoi-doc-current-title{font-weight:700;color:#4b5563;margin-bottom:4px}.ecosoi-doc-modal-intro{margin:0 0 14px;color:#6b7280;font-size:14px}.ecosoi-popup-form-wrap,.ecosoi-download-form,.ecosoi-doc-modal .wpcf7{margin-top:8px}.ecosoi-download-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ecosoi-download-form .form-group{margin:0}.ecosoi-download-form label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#2f7d32;line-height:1.4}.ecosoi-download-form input[type=text],.ecosoi-download-form input[type=email],.ecosoi-download-form input[type=tel],.ecosoi-download-form input[type=date]{width:100%;height:40px;border:1px solid #dbe5d6;border-radius:10px;padding:0 12px;font-size:14px;background:#fff;margin:0;box-shadow:none}.ecosoi-download-form input:focus{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.12)}.ecosoi-download-form .form-consent{margin-top:10px;padding:10px 12px;border:1px solid #edf2ea;border-radius:12px;background:#fafdf9}.ecosoi-download-form .form-consent label{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13px;font-weight:600;color:#2f7d32}.ecosoi-download-form .form-consent input[type=checkbox]{margin-top:3px}.ecosoi-download-form .form-submit{position:relative;margin-top:12px}.ecosoi-download-form .wpcf7-submit,.ecosoi-submit-btn,.ecosoi-direct-download-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0 16px;border:0;border-radius:12px;background:linear-gradient(135deg,#d3a330,#e1b447);color:#fff;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none}.ecosoi-download-form .wpcf7-submit:hover,.ecosoi-submit-btn:hover,.ecosoi-direct-download-btn:hover{background:linear-gradient(135deg,#2f7d32,#49a84f);color:#fff}.ecosoi-form-status{display:none;margin-top:10px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45;border:1px solid #e5e7eb;background:#f9fafb;color:#475467}.ecosoi-form-status.is-show{display:block}.ecosoi-form-status.is-loading{background:#fff8e8;border-color:#f1d48a;color:#8a6510}.ecosoi-form-status.is-success{background:#ecfdf3;border-color:#86efac;color:#166534}.ecosoi-form-status.is-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.ecosoi-download-form.submitting .wpcf7-submit,.ecosoi-download-form.submitting .ecosoi-submit-btn,.wpcf7-form.submitting .wpcf7-submit{pointer-events:none;opacity:.85;color:transparent!important;position:relative}.ecosoi-download-form.submitting .wpcf7-submit:before,.ecosoi-download-form.submitting .ecosoi-submit-btn:before,.wpcf7-form.submitting .wpcf7-submit:before{content:"Đang gửi thông tin...";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.ecosoi-download-form.submitting .wpcf7-submit:after,.ecosoi-download-form.submitting .ecosoi-submit-btn:after,.wpcf7-form.submitting .wpcf7-submit:after{content:"";position:absolute;left:18px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:ecosoiSpin .8s linear infinite}@keyframes ecosoiSpin{to{transform:rotate(360deg)}}.ecosoi-direct-download-wrap{margin-top:12px}.ecosoi-direct-download-btn{background:linear-gradient(135deg,#d3a330,#e1b447)}.wpcf7 form .wpcf7-response-output{margin:10px 0 0!important;padding:8px 10px!important;border-radius:10px!important;font-size:12.5px!important}.wpcf7-spinner{margin:8px 0 0!important}body.ecosoi-modal-open{overflow:hidden}@media (max-width:1200px){.ecosoi-doc-grid.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991px){.ecosoi-doc-grid.cols-4,.ecosoi-doc-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosoi-docs-header h2{font-size:42px}.ecosoi-doc-list .ecosoi-doc-card{grid-template-columns:1fr}.ecosoi-doc-list .ecosoi-doc-thumb{border-right:0;border-bottom:1px solid #eef2ef}}@media (max-width:767px){.ecosoi-docs{padding:18px 12px 34px}.ecosoi-doc-grid.cols-4,.ecosoi-doc-grid.cols-3,.ecosoi-doc-grid.cols-2{grid-template-columns:1fr;gap:16px}.ecosoi-doc-toolbar{padding:12px;border-radius:14px}.ecosoi-doc-cats button,.ecosoi-view-switch button{height:40px;padding:0 14px;font-size:13px}.ecosoi-docs-header h2{font-size:34px}.ecosoi-doc-body{padding:14px}.ecosoi-doc-footer{flex-direction:column;align-items:stretch}.ecosoi-download-btn{width:100%}.ecosoi-doc-dialog{width:calc(100vw - 20px);padding:16px 14px;border-radius:18px}.ecosoi-download-form .form-grid{grid-template-columns:1fr;gap:10px}.ecosoi-doc-close{width:42px;height:42px;font-size:28px}}