/* IndoSurgicals Blog */
.blog-page{width:1190px;max-width:95%;margin:24px auto 50px;font-family:Poppins,Arial,sans-serif;color:#273746}
.blog-hero{background:linear-gradient(135deg,#31465a,#48677a);border-radius:18px;padding:46px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px;color:#fff;box-shadow:0 18px 45px rgba(37,55,70,.16)}
.blog-kicker{display:block;color:#8fe0cc;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px}
.blog-hero h1{font-size:42px;line-height:1.15;margin:0 0 14px;color:#fff}
.blog-hero p{max-width:680px;font-size:17px;line-height:1.7;color:#e7eef3}
.blog-search{width:330px;display:flex;background:#fff;border-radius:10px;padding:5px;box-shadow:0 7px 22px rgba(0,0,0,.12)}
.blog-search input{min-width:0;flex:1;border:0;padding:11px 12px;font:inherit;outline:0}
.blog-search button,.blog-button{border:0;border-radius:7px;background:#55bfa5;color:#fff;padding:11px 18px;font:600 14px Poppins,Arial;cursor:pointer;text-decoration:none;display:inline-block}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px}
.blog-card{background:#fff;border:1px solid #e2e8ed;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(35,54,70,.07);transition:.2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(35,54,70,.12)}
.blog-card-image{height:215px;display:block;background:#f1f5f7;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:.3s}
.blog-card:hover .blog-card-image img{transform:scale(1.035)}
.blog-image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#6b7d8b;font-size:24px;font-weight:700}
.blog-card-body{padding:23px}
.blog-meta{display:flex;gap:10px;justify-content:space-between;font-size:12px;color:#7b8b98;margin-bottom:12px}
.blog-meta a,.blog-category-pill{color:#238d74;text-decoration:none;font-weight:600}
.blog-card h2{font-size:20px;line-height:1.4;margin:0 0 10px}
.blog-card h2 a{color:#293c4d;text-decoration:none}
.blog-card p{font-size:14px;line-height:1.7;color:#657584;margin:0 0 18px}
.blog-read-more{color:#263f53;text-decoration:none;font-weight:600;font-size:14px}
.blog-read-more span{color:#35a98d}
.blog-pagination{display:flex;justify-content:center;gap:7px;margin-top:34px}
.blog-pagination a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #dce3e8;border-radius:7px;color:#405567;text-decoration:none;background:#fff}
.blog-pagination a.active{background:#40586c;color:#fff}
.blog-empty{background:#fff;padding:40px;margin-top:25px;text-align:center;border-radius:12px}
.blog-category-header,.blog-article{background:#fff;border:1px solid #e2e8ed;border-radius:16px;box-shadow:0 10px 32px rgba(35,54,70,.07)}
.blog-category-header{padding:35px}
.blog-category-header h1{font-size:36px;margin:8px 0}
.blog-category-header>a{color:#23967b;text-decoration:none}
.blog-article{max-width:920px;margin:0 auto;overflow:hidden}
.blog-article-header{padding:48px 58px 30px}
.blog-category-pill{display:inline-block;background:#eaf8f4;padding:7px 12px;border-radius:20px}
.blog-article h1{font-size:43px;line-height:1.22;color:#263b4c;margin:16px 0 12px}
.blog-article-date{font-size:13px;color:#798995}
.blog-lead{font-size:18px;line-height:1.75;color:#596d7c;margin-top:22px}
.blog-featured-image{margin:0}
.blog-featured-image img{display:block;width:100%;max-height:530px;object-fit:cover}
.blog-content{padding:40px 58px;font-size:17px;line-height:1.85;color:#374b5a}
.blog-content h2{font-size:30px;line-height:1.35;color:#263b4c;margin:34px 0 12px}
.blog-content h3{font-size:24px;color:#2e4658;margin:28px 0 10px}
.blog-content img{max-width:100%;height:auto;border-radius:9px}
.blog-content table{width:100%;border-collapse:collapse;display:table;white-space:normal}
.blog-content th,.blog-content td{border:1px solid #dce3e8;padding:10px;text-align:left}
.blog-content blockquote{border-left:4px solid #55bfa5;margin:25px 0;padding:12px 22px;background:#f4faf8}
.blog-article-footer{padding:0 58px 45px}
.blog-article-footer a{color:#238d74;text-decoration:none}

/* Admin */
.blog-admin-body{margin:0;background:#eef2f5;font-family:Poppins,Arial,sans-serif;color:#2c3f50}
.blog-login-card{width:440px;max-width:calc(100% - 30px);margin:8vh auto;background:#fff;padding:36px;border-radius:16px;box-shadow:0 20px 55px rgba(39,55,69,.14)}
.blog-login-card h1{margin:10px 0;font-size:28px}
.blog-login-card p{color:#70808c}
.blog-login-card label,.blog-admin-panel label{display:block;font-size:13px;font-weight:600;margin:15px 0 6px}
.blog-login-card input,.blog-admin-panel input,.blog-admin-panel textarea,.blog-admin-panel select{width:100%;box-sizing:border-box;border:1px solid #ccd6dd;border-radius:7px;padding:11px;font:14px Poppins,Arial;background:#fff}
.blog-admin-brand{font-weight:800;color:#30495d;font-size:20px}
.blog-admin-brand small{font-size:12px;color:#55bfa5}
.blog-admin-shell{display:flex;min-height:100vh}
.blog-admin-sidebar{width:230px;background:#2f4356;color:#fff;padding:25px;box-sizing:border-box;position:fixed;inset:0 auto 0 0}
.blog-admin-sidebar .blog-admin-brand{color:#fff;margin-bottom:28px}
.blog-admin-sidebar nav a{display:block;color:#dfe8ee;text-decoration:none;padding:10px 12px;border-radius:7px;margin:3px 0;font-size:14px}
.blog-admin-sidebar nav a:hover{background:#3c566c;color:#fff}
.blog-admin-main{margin-left:230px;width:calc(100% - 230px);padding:28px;box-sizing:border-box}
.blog-admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.blog-admin-top h1{margin:0;font-size:29px}
.blog-admin-top span{color:#71818d;font-size:13px}
.blog-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}
.blog-stat{background:#fff;border-radius:12px;padding:25px;box-shadow:0 6px 20px rgba(37,55,70,.06)}
.blog-stat strong{display:block;font-size:34px;color:#30495d}
.blog-stat span{color:#71818d}
.blog-admin-panel{background:#fff;border:1px solid #dde5ea;border-radius:12px;padding:22px;margin-bottom:20px;box-shadow:0 6px 20px rgba(37,55,70,.045)}
.blog-admin-panel h2{margin:0 0 15px;font-size:19px}
.blog-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.blog-panel-heading h2{margin:0}
.blog-button.small{padding:8px 13px;font-size:12px}
.blog-admin-table{width:100%;border-collapse:collapse}
.blog-admin-table th,.blog-admin-table td{padding:12px 10px;border-bottom:1px solid #edf1f4;text-align:left;font-size:13px}
.blog-admin-table th{color:#70808c;font-size:12px;text-transform:uppercase}
.blog-admin-table a{color:#16876d;text-decoration:none}
.blog-status{display:inline-block;border-radius:15px;padding:4px 9px;font-size:11px;font-weight:600}
.blog-status.published{background:#e6f7f1;color:#18765f}
.blog-status.draft{background:#fff3dc;color:#92600c}
.blog-actions{display:flex;gap:11px;align-items:center}
.blog-actions form{margin:0}.blog-actions button,.blog-link-danger{background:none;border:0;padding:0;color:#c84141;cursor:pointer;font:inherit}
.blog-alert{padding:13px 16px;border-radius:8px;margin-bottom:16px}
.blog-alert.error{background:#fff0f0;color:#9c2f2f;border:1px solid #f3caca}
.blog-alert.success{background:#eaf8f3;color:#176a56;border:1px solid #cbeadd}
.blog-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}
.blog-rich-editor{min-height:460px;border:1px solid #ccd6dd;border-radius:0 0 8px 8px;padding:18px;line-height:1.75;outline:none}
.blog-editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#eef3f6;border:1px solid #ccd6dd;border-bottom:0;border-radius:8px 8px 0 0}
.blog-editor-toolbar button{border:1px solid #cbd5dc;background:#fff;border-radius:5px;padding:6px 10px;cursor:pointer}
.blog-slug-row{display:flex;align-items:center;border:1px solid #ccd6dd;border-radius:7px;overflow:hidden}
.blog-slug-row span{padding-left:10px;color:#70808c;font-size:12px;white-space:nowrap}
.blog-slug-row input{border:0!important}
.blog-checkbox{display:flex!important;gap:8px;align-items:center}
.blog-checkbox input{width:auto!important}
.blog-admin-preview{width:100%;max-height:190px;object-fit:contain;margin-top:12px;border:1px solid #e1e7eb;border-radius:7px}
.blog-two-column{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px}
.blog-settings-panel{max-width:760px}
details summary{cursor:pointer;font-weight:700;color:#30495d}

@media(max-width:900px){
.blog-grid{grid-template-columns:repeat(2,1fr)}
.blog-hero{align-items:flex-start;flex-direction:column}.blog-search{width:100%}
.blog-admin-sidebar{position:static;width:100%}.blog-admin-shell{display:block}.blog-admin-main{margin:0;width:100%}
.blog-admin-sidebar nav{display:flex;flex-wrap:wrap}.blog-admin-sidebar nav a{margin-right:5px}
.blog-editor-grid,.blog-two-column{grid-template-columns:1fr}
}
@media(max-width:600px){
.blog-page{max-width:92%}.blog-hero{padding:28px 22px}.blog-hero h1{font-size:31px}.blog-grid{grid-template-columns:1fr}
.blog-card-image{height:200px}.blog-article-header,.blog-content,.blog-article-footer{padding-left:23px;padding-right:23px}
.blog-article h1{font-size:31px}.blog-content{font-size:16px}.blog-admin-main{padding:16px}.blog-stat-grid{grid-template-columns:1fr}
.blog-admin-table{display:block;overflow:auto}.blog-admin-top{align-items:flex-start}.blog-editor-side{order:-1}
}


/* Blog Editor Upgrade v1.6 */
.blog-editor-modebar{display:flex;justify-content:flex-end;gap:5px;margin-top:8px}
.blog-editor-modebar button{border:1px solid #cbd5dc;border-bottom:0;background:#e9eff3;color:#405466;padding:8px 14px;border-radius:7px 7px 0 0;cursor:pointer;font:600 12px Poppins,Arial,sans-serif}
.blog-editor-modebar button.active{color:#fff;background:#30495d;border-color:#30495d}
.blog-editor-upload-button{margin-left:auto;color:#fff;background:#43aa90!important;border-color:#43aa90!important}
.blog-html-editor{width:100%;min-height:520px;box-sizing:border-box;border:1px solid #ccd6dd;border-radius:0 0 8px 8px;padding:18px;resize:vertical;outline:none;background:#18232d;color:#dce8ef;font:14px/1.65 Consolas,Monaco,"Courier New",monospace;tab-size:4}
.blog-html-editor:focus{border-color:#55bfa5;box-shadow:0 0 0 3px rgba(85,191,165,.12)}

.blog-content-isolated{contain:layout style paint;isolation:isolate;overflow-wrap:anywhere}
.blog-content-isolated *{box-sizing:border-box}
.blog-content-isolated p{margin:0 0 18px;padding:0;color:inherit;font:inherit;text-align:inherit}
.blog-content-isolated h1,.blog-content-isolated h2,.blog-content-isolated h3,.blog-content-isolated h4,.blog-content-isolated h5,.blog-content-isolated h6{color:#263b4c;font-family:Poppins,Arial,sans-serif;font-weight:700;text-transform:none;letter-spacing:normal}
.blog-content-isolated h1{font-size:36px;line-height:1.25;margin:36px 0 16px}
.blog-content-isolated h2{font-size:30px;line-height:1.35;margin:34px 0 14px}
.blog-content-isolated h3{font-size:24px;line-height:1.4;margin:28px 0 12px}
.blog-content-isolated h4{font-size:20px;line-height:1.45;margin:24px 0 10px}
.blog-content-isolated ul,.blog-content-isolated ol{display:block;margin:0 0 22px 24px;padding:0 0 0 18px;list-style-position:outside}
.blog-content-isolated ul{list-style-type:disc}
.blog-content-isolated ol{list-style-type:decimal}
.blog-content-isolated li{display:list-item;float:none;width:auto;margin:0 0 9px;padding:0 0 0 4px;color:inherit;line-height:1.75}
.blog-content-isolated li::before,.blog-content-isolated li::after{content:none}
.blog-content-isolated img{display:block;width:auto;max-width:100%!important;height:auto!important;margin-left:auto;margin-right:auto;object-fit:contain}
.blog-content-isolated figure{max-width:100%;margin:28px auto;padding:0}
.blog-content-isolated figcaption{margin-top:8px;color:#71818d;font-size:13px;line-height:1.5;text-align:center}
.blog-content-isolated table{display:table;width:100%;max-width:100%;margin:24px 0;border-collapse:collapse;border-spacing:0;table-layout:auto;white-space:normal;background:#fff}
.blog-content-isolated th,.blog-content-isolated td{display:table-cell;width:auto;padding:11px 12px;border:1px solid #dce3e8;vertical-align:top;text-align:left;white-space:normal;overflow-wrap:anywhere}
.blog-content-isolated th{color:#263b4c;background:#eef5f3;font-weight:700}
.blog-content-isolated a{color:#16876d;text-decoration:underline}
.blog-content-isolated blockquote{margin:26px 0;padding:16px 20px;border-left:4px solid #55bfa5;background:#f4faf8;color:#405466}

.blog-share{margin:5px 58px 35px;padding:22px 0;border-top:1px solid #e2e8ed;border-bottom:1px solid #e2e8ed}
.blog-share-label{display:block;margin-bottom:12px;color:#30495d;font-size:14px;font-weight:700}
.blog-share-buttons{display:flex;flex-wrap:wrap;gap:8px}
.blog-share-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:0;border-radius:7px;color:#fff!important;text-decoration:none!important;font:600 12px Poppins,Arial,sans-serif;cursor:pointer}
.blog-share-button.whatsapp{background:#1f9e62}.blog-share-button.facebook{background:#316ff6}.blog-share-button.linkedin{background:#0a66c2}.blog-share-button.x{background:#202124}.blog-share-button.email{background:#647685}.blog-share-button.copy{background:#43aa90}
.blog-share-button:hover{opacity:.88}

@media(max-width:700px){
  .blog-share{margin-left:23px;margin-right:23px}
  .blog-editor-toolbar{overflow-x:auto;flex-wrap:nowrap}
  .blog-editor-upload-button{margin-left:0;white-space:nowrap}
  .blog-content-isolated h1{font-size:30px}.blog-content-isolated h2{font-size:26px}.blog-content-isolated h3{font-size:22px}
  .blog-content-isolated table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}