/* ============================================================
   MT.NET.VN PRO6 V10 - LAYOUT RECONSTRUCTION
   Native PRO6 pages + structured fallback for remaining old Blade.
   ============================================================ */

:root{
 --v10-blue:#246bfd;
 --v10-blue-2:#175cd3;
 --v10-ink:#172033;
 --v10-muted:#667085;
 --v10-line:#e5eaf1;
 --v10-panel:#fff;
 --v10-soft:#f7f9fc;
 --v10-shadow:0 8px 28px rgba(16,24,40,.06);
}

/* Pagebar */
.pro6-pagebar{
 display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
 padding:20px 28px;margin:0 0 8px;border-bottom:1px solid var(--v10-line);background:rgba(255,255,255,.82);
 backdrop-filter:blur(12px)
}
.pro6-pagebar h1{font-size:24px;margin:8px 0 3px;letter-spacing:-.035em;color:var(--v10-ink)}
.pro6-pagebar p{margin:0;color:var(--v10-muted);font-size:13px}
.pro6-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}
.pro6-breadcrumb a{color:#475467}.pro6-breadcrumb span{color:#98a2b3}.pro6-breadcrumb i{font-size:9px;color:#b3bdc9}
.pro6-pagebar-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Native buttons */
.pro6-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 13px;border-radius:10px;border:1px solid var(--v10-line);font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}
.pro6-btn.primary{background:var(--v10-blue);border-color:var(--v10-blue);color:#fff}
.pro6-btn.primary:hover{background:#175cd3;color:#fff}
.pro6-btn.secondary{background:#fff;color:#344054}
.pro6-btn.secondary:hover{background:#f8fafc;color:#175cd3}
.pro6-btn.small{min-height:34px;padding:0 10px;font-size:11px}

/* Catalog */
.pro6-catalog-page{padding:24px 28px 48px}
.pro6-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}
.pro6-section-heading h2{font-size:28px;margin:5px 0 4px;color:var(--v10-ink);letter-spacing:-.035em}
.pro6-section-heading p{font-size:13px;color:var(--v10-muted);margin:0}
.pro6-eyebrow{font-size:9px;font-weight:900;color:var(--v10-blue);letter-spacing:.13em}

/* Categories */
.pro6-category-strip{
 display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;
 padding:14px;background:#fff;border:1px solid var(--v10-line);border-radius:17px;box-shadow:var(--v10-shadow);margin-bottom:17px
}
.pro6-category-card{
 min-height:112px;padding:10px;border:1px solid #edf0f5;border-radius:13px;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;
 color:#344054;background:#fff;transition:.16s
}
.pro6-category-card:hover,.pro6-category-card.active{border-color:#a8c1ff;background:#f6f9ff;color:#175cd3;transform:translateY(-1px)}
.pro6-category-icon{width:54px;height:54px;border-radius:14px;background:#eef4ff;color:#246bfd;display:grid;place-items:center;font-size:20px}
.pro6-category-icon.image{background:#f6f7f9;overflow:hidden}
.pro6-category-icon.image img{width:100%;height:100%;object-fit:contain;padding:4px}
.pro6-category-card b{font-size:11px;line-height:1.25}

/* Toolbar */
.pro6-catalog-toolbar{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:13px 14px;background:#fff;border:1px solid var(--v10-line);border-radius:14px;
 margin-bottom:13px;box-shadow:0 4px 18px rgba(16,24,40,.035)
}
.pro6-searchbox{height:42px;display:flex;align-items:center;gap:9px;min-width:min(460px,60vw);padding:0 12px;border:1px solid #dfe5ed;border-radius:10px;background:#fff}
.pro6-searchbox i{color:#98a2b3}
.pro6-searchbox input{border:0!important;box-shadow:none!important;outline:0;width:100%;min-height:auto!important;padding:0!important;background:transparent!important}
.pro6-toolbar-actions{display:flex;gap:6px}
.pro6-icon-button{width:40px;height:40px;border:1px solid var(--v10-line);border-radius:10px;background:#fff;color:#667085;display:grid;place-items:center;cursor:pointer}
.pro6-icon-button:hover,.pro6-icon-button.active{background:#eef4ff;border-color:#bed1ff;color:#175cd3}

/* Product grid */
.pro6-product-results.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}
.pro6-product-results.list{display:grid!important;grid-template-columns:1fr;gap:10px!important}
.pro6-product-card{display:grid!important;background:#fff;border:1px solid var(--v10-line);border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(16,24,40,.05);min-width:0}
.pro6-product-results.grid .pro6-product-card{grid-template-columns:1fr}
.pro6-product-results.list .pro6-product-card{grid-template-columns:220px minmax(0,1fr)}
.pro6-product-thumb{position:relative;display:block;background:#f5f7fa;aspect-ratio:16/10;overflow:hidden}
.pro6-product-results.list .pro6-product-thumb{height:100%;aspect-ratio:auto;min-height:170px}
.pro6-product-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.pro6-product-card:hover .pro6-product-thumb img{transform:scale(1.025)}
.pro6-product-badge{position:absolute;left:10px;top:10px;background:rgba(17,24,39,.76);color:#fff;border-radius:7px;padding:4px 7px;font-size:8px;font-weight:800;backdrop-filter:blur(5px)}
.pro6-product-body{padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pro6-product-kind{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#246bfd}
.pro6-product-main h3{font-size:15px;margin:4px 0 0;color:#182230;line-height:1.35}
.pro6-product-meta{display:flex;gap:9px;flex-wrap:wrap;color:#667085;font-size:11px}
.pro6-product-meta span{display:inline-flex;align-items:center;gap:5px}
.pro6-stock{color:#039855!important}
.pro6-product-rating{display:flex;gap:2px;color:#f79009;font-size:11px}
.pro6-product-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.pro6-admin-actions{display:flex;gap:8px;font-size:10px}
.pro6-admin-actions a:last-child{color:#d92d20}

/* Admin bulk */
.pro6-admin-bulk{margin-top:16px;padding:16px;background:#fff;border:1px solid var(--v10-line);border-radius:15px}
.pro6-admin-bulk h3{font-size:14px;margin:0 0 11px}
.pro6-admin-bulk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.pro6-admin-bulk select{min-height:40px;border:1px solid #dfe5ed;border-radius:9px;padding:0 9px;background:#fff}

/* Pagination & empty */
.pro6-pagination-wrap{display:flex;justify-content:center;margin-top:19px}
.pro6-load-more{display:flex;justify-content:center;margin-top:14px}
.pro6-empty-state{grid-column:1/-1;text-align:center;padding:46px 20px;background:#fff;border:1px dashed #d5dce6;border-radius:15px;color:#98a2b3}
.pro6-empty-state i{font-size:32px}.pro6-empty-state h3{color:#344054;margin:9px 0 4px}

/* ---------------------------------------------------------
   Reconstruction for remaining legacy content
   --------------------------------------------------------- */
#main-content .kt-container-fixed{width:100%;max-width:1240px!important;margin:0 auto;padding-left:16px;padding-right:16px}
#main-content .grid{display:grid!important}
#main-content .grid-cols-1{grid-template-columns:minmax(0,1fr)!important}
#main-content .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#main-content .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#main-content .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#main-content .gap-5{gap:20px!important}
#main-content .gap-7\.5{gap:30px!important}
#main-content .pb-7\.5{padding-bottom:30px!important}
#main-content .p-5{padding:20px!important}
#main-content .p-7\.5{padding:30px!important}
#main-content .h-11{height:44px!important}
#main-content .size-6{width:24px!important;height:24px!important}
#main-content .size-9{width:36px!important;height:36px!important}
#main-content .max-w-\[200px\]{max-width:200px!important}
#main-content .leading-none{line-height:1!important}
#main-content .text-xl{font-size:20px!important}
#main-content .text-2sm{font-size:13px!important}
#main-content .text-mono{color:#1d2939!important}
#main-content .font-smedium{font-weight:600!important}
#main-content .rounded-full{border-radius:999px!important}
#main-content .border{border:1px solid var(--v10-line)!important}
#main-content .border-b{border-bottom:1px solid var(--v10-line)!important}
#main-content .relative{position:relative!important}
#main-content .absolute{position:absolute!important}

/* KT card reconstruction */
#main-content .kt-card{
 background:#fff!important;border:1px solid var(--v10-line)!important;border-radius:15px!important;
 box-shadow:0 6px 22px rgba(16,24,40,.045)!important;overflow:visible!important
}
#main-content .kt-card-header{min-height:58px;padding:13px 16px;border-bottom:1px solid var(--v10-line);display:flex;align-items:center;justify-content:space-between;gap:10px}
#main-content .kt-card-title{font-size:15px;font-weight:700;color:#182230}
#main-content .kt-card-content{padding:16px}
#main-content .kt-btn{min-height:36px;border-radius:9px;padding:0 11px;border:1px solid var(--v10-line);background:#fff;color:#344054;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:12px}
#main-content .kt-btn-outline{border-color:#cfd8e5!important;background:#fff!important}
#main-content .kt-btn-ghost{border-color:transparent!important;background:transparent!important}
#main-content .kt-btn:hover{background:#f6f8fb;color:#175cd3}

/* KT menu reconstruction */
#main-content .kt-menu{position:relative}
#main-content .kt-menu-item{position:relative}
#main-content .kt-menu-toggle{cursor:pointer}
#main-content .kt-menu-dropdown{
 position:absolute;right:0;top:calc(100% + 7px);display:none;z-index:70;min-width:210px;padding:7px;
 background:#fff;border:1px solid var(--v10-line);border-radius:11px;box-shadow:0 15px 36px rgba(16,24,40,.16)
}
#main-content .kt-menu-item.open>.kt-menu-dropdown,#main-content .kt-menu-dropdown.show{display:block}
#main-content .kt-menu-link{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;color:#475467}
#main-content .kt-menu-link:hover{background:#f4f7fb;color:#175cd3}
#main-content .kt-menu-icon{width:22px;display:grid;place-items:center}

/* Elementor-ish reconstruction for old homepage/marketing fragments */
#main-content .elementor-section,
#main-content .elementor-container{width:100%;position:relative}
#main-content .elementor-container{display:flex;flex-wrap:wrap;gap:16px}
#main-content .elementor-column{min-width:0;flex:1 1 280px}
#main-content .elementor-widget-wrap{width:100%;height:100%}
#main-content .elementor-widget-container{width:100%}
#main-content .elementor-heading-title{margin:0;color:#182230}
#main-content .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;background:#246bfd;color:#fff!important;font-weight:700}
#main-content .elementor-image img{display:block;max-width:100%;height:auto}

/* Alerts */
#main-content .alert{padding:11px 13px;border-radius:10px;border:1px solid var(--v10-line);margin-bottom:13px}
#main-content .alert-danger{background:#fef3f2;border-color:#fecdca;color:#b42318}
#main-content .alert-success{background:#ecfdf3;border-color:#abefc6;color:#027a48}

/* Course/detail content */
#main-content .khongxemduoc{background:#fef3f2!important;color:#b42318!important;border-radius:8px;padding:5px 8px}
#main-content .activekhoahoc{background:#eef4ff!important;color:#175cd3!important;border-radius:8px}
#main-content article,#main-content .article-content{max-width:100%}
#main-content pre{overflow:auto;max-width:100%;border-radius:10px;background:#101828;color:#f2f4f7;padding:14px}
#main-content code{word-break:break-word}

/* Mobile */
@media(min-width:1024px){
 #main-content .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #main-content .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #main-content .lg\:gap-7\.5{gap:30px!important}
 #main-content .lg\:items-end{align-items:flex-end!important}
 #main-content .lg\:p-7\.5{padding:30px!important}
}
@media(min-width:1280px){
 #main-content .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1100px){
 .pro6-product-results.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pro6-admin-bulk-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .pro6-pagebar{align-items:flex-start;flex-direction:column;padding:16px 12px}
 .pro6-catalog-page{padding:16px 12px 90px}
 .pro6-category-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding:9px}
 .pro6-category-card{min-height:92px}
 .pro6-category-icon{width:44px;height:44px}
 .pro6-catalog-toolbar{align-items:stretch}
 .pro6-searchbox{min-width:0;flex:1}
 .pro6-product-results.grid{grid-template-columns:1fr}
 .pro6-product-results.list .pro6-product-card{grid-template-columns:1fr}
 .pro6-product-results.list .pro6-product-thumb{min-height:0;aspect-ratio:16/10}
 .pro6-admin-bulk-grid{grid-template-columns:1fr}
 #main-content .kt-container-fixed{padding-left:0;padding-right:0}
}