/* Trang Collection (AEC) — dùng chung khung của trang Bản quyền (license.css), chỉ thêm phần riêng. */
.oc-co .oc-ico{flex:none;color:var(--green)}
.oc-2026 #content-wrapper.oc-bq h1.oc-co-h1{font-size:clamp(34px,4.8vw,66px)!important;line-height:1.04!important;letter-spacing:-.035em;text-wrap:balance}

/* khung huy hiệu: logo Collection + số phần mềm */
.oc-co-lock{display:block;width:auto;height:56px;max-width:100%;object-fit:contain;object-position:left center}
.oc-co-stat{display:flex;align-items:baseline;gap:12px;margin-top:20px}
.oc-co-stat b{font-size:56px;line-height:1;font-weight:800;letter-spacing:-.04em;background:var(--logo-grad);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.oc-co-stat span{font-size:15px;color:#3A4A5A;font-weight:600}

/* ô phần mềm */
.oc-co-pts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.oc-co-pt{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border:1px solid #E1E5EA;border-radius:12px;background:#fff;color:#0B0D10;font-size:15px;transition:border-color .2s,transform .2s}
a.oc-co-pt:hover{border-color:var(--blue);transform:translateY(-2px)}
.oc-co-pt b{font-weight:700;line-height:1.3}
/* Logo chữ chính hãng (mục «Trong bộ»): cùng chiều cao, không chỉnh sửa logo */
.oc-co-pt.has-lu{min-height:72px;padding:12px 18px}
.oc-co-pt.has-lu img.oc-co-lu{display:block;height:32px!important;width:auto!important;max-width:100%!important;object-fit:contain;object-position:left}
.oc-co-pt.has-lu img.oc-co-lu.is-st{height:38px!important}
.oc-co-pt.has-lu b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oc-co-ic{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.oc-co-ic img{width:40px;height:40px;object-fit:contain}
.oc-co-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#0061AE,#297A2D);color:#fff;font-weight:800;font-size:18px}
.oc-co-pts.is-sm{grid-template-columns:1fr;gap:8px}
.oc-co-pts.is-sm .oc-co-pt{min-height:52px;padding:8px 12px}
.oc-co-pts.is-sm .oc-co-ic,.oc-co-pts.is-sm .oc-co-ic img,.oc-co-pts.is-sm .oc-co-letter{width:32px;height:32px;font-size:15px}
.oc-co-in .oc-co-pts{grid-template-columns:repeat(4,minmax(0,1fr))}

/* là gì */
.oc-co-what{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.oc-2026 #content-wrapper.oc-bq .oc-co-what h2,.oc-2026 #content-wrapper.oc-bq .oc-co-buy h2{margin:12px 0 0!important;font-size:clamp(30px,3.6vw,52px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.025em;text-wrap:balance}
#content-wrapper.oc-bq .oc-co-what p{margin:18px 0 0;font-size:17px;line-height:1.7;color:#3A4A5A}
.oc-co-video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0A1628;box-shadow:0 30px 60px -36px rgba(0,61,115,.55);border:1px solid #DCE6F0}
.oc-co-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.oc-co-vals{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oc-co-vals li{background:#fff;border:1px solid #DCE6F0;border-radius:14px;padding:28px 26px;box-shadow:0 18px 40px -30px rgba(0,61,115,.4)}
.oc-2026 #content-wrapper.oc-bq .oc-co-vals h3{margin:16px 0 8px!important;font-size:20px!important;line-height:1.3!important;font-weight:800!important}
#content-wrapper.oc-bq .oc-co-vals p{margin:0;font-size:15px;line-height:1.65;color:#3A4A5A}

/* bốn giai đoạn */
.oc-co-ph{margin-top:96px}
.oc-co-ph-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}
.oc-co-ph-list li{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:1.5}
.oc-co-ph-list .oc-ico{margin-top:2px;width:16px;height:16px;color:var(--green)}
.oc-co-ph-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px}
.oc-co-box{border:1px solid #DCE6F0;border-radius:14px;padding:16px;background:rgba(255,255,255,.72)}
.oc-co-box small{display:block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--logo-e)}
.oc-co-box.b1{grid-column:1/2}.oc-co-box.b2{grid-column:2/4}.oc-co-box.b3{grid-column:1/-1}
.oc-co-box .oc-co-pts{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.oc-co-box.b1 .oc-co-pts{grid-template-columns:1fr}

/* cấp độ BIM */
.oc-co-lvs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.oc-co-lv{--c:#9AA5B1;position:relative;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #DCE6F0;border-top:5px solid var(--c);border-radius:14px;padding:22px 20px 22px}
.oc-co-lv.oc-lv1{--c:#4C8C2B}.oc-co-lv.oc-lv2{--c:#F2B100}.oc-co-lv.oc-lv3{--c:#0061AE}
.oc-co-lv-tag{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.oc-co-lv-tag em{font-style:normal;font-size:14px;letter-spacing:0;text-transform:none;color:#0B0D10;font-weight:700}
.oc-2026 #content-wrapper.oc-bq .oc-co-lv h3{margin:0!important;font-size:19px!important;line-height:1.3!important;font-weight:800!important;min-height:2.6em}

/* theo vai trò */
.oc-co-rp{margin-top:8px}
.oc-co-rg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oc-co-rgrp{border:1px solid #DCE6F0;border-radius:14px;padding:20px;background:#fff}
.oc-co-rgrp>b{display:block;margin-bottom:14px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--logo-e)}
.oc-co-rgrp .oc-co-pts{grid-template-columns:1fr;gap:8px}

/* mua bộ hay mua lẻ (nền tối của .oc-bq-band) */
.oc-co-buy-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center}
.oc-co-save{border:1px solid rgba(125,211,252,.3);border-radius:16px;padding:32px 28px;background:linear-gradient(135deg,rgba(0,97,174,.35),rgba(41,122,45,.25))}
.oc-co-save b{display:block;font-size:clamp(30px,3.4vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:#fff}
.oc-co-save span{display:block;margin-top:12px;font-size:16px;line-height:1.6;color:#C9D6E4}
#content-wrapper.oc-bq .oc-co-buy-t{margin:0 0 14px;color:#C9D6E4;font-size:16px;line-height:1.6}
.oc-co-combos{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.oc-co-combos li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(125,211,252,.3);background:rgba(255,255,255,.06);color:#fff;font-weight:600;font-size:15px}
.oc-co-combos i{font-style:normal;color:#7DD3FC;font-weight:800}

/* câu chuyện */
.oc-co-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oc-co-story{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border:1px solid #DCE6F0;border-radius:14px;background:#fff;color:#0B0D10;transition:border-color .25s,transform .25s}
.oc-co-story:hover{border-color:var(--blue);transform:translateY(-3px)}
.oc-co-story b{font-size:19px;line-height:1.35;font-weight:800}
.oc-co-story span{font-size:15px;line-height:1.6;color:#3A4A5A}
.oc-co-story em{margin-top:auto;font-style:normal;font-weight:700;color:var(--blue)}
.oc-co-more{list-style:none;margin:28px 0 0;padding:20px 0 0;border-top:1px solid #E3ECF5;display:flex;flex-wrap:wrap;gap:10px 24px}
.oc-co-more a{font-weight:700;color:var(--blue)}.oc-co-more a:hover{color:#00477F}

@media (max-width:1100px){
 .oc-co-in .oc-co-pts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .oc-co-what,.oc-co-buy-grid{grid-template-columns:1fr;gap:28px}
 .oc-co-vals,.oc-co-stories,.oc-co-rg{grid-template-columns:1fr}
 .oc-co-lvs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .oc-co-ph-tools{grid-template-columns:1fr}
 .oc-co-box.b1,.oc-co-box.b2,.oc-co-box.b3{grid-column:1/-1}
 .oc-co-box.b1 .oc-co-pts{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
}
@media (max-width:760px){
 .oc-co-ph{margin-top:64px}
 .oc-co-in .oc-co-pts{grid-template-columns:1fr}
 .oc-co-lvs{grid-template-columns:1fr}
 .oc-co-vals{margin-top:32px}
 .oc-co-stat b{font-size:44px}
 .oc-co-roles .oc-bq-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
 .oc-co-roles .oc-bq-chip{flex:none}
}

.oc-co-roles .oc-bq-chip[aria-selected="true"]{background:#000;border-color:#000;color:#fff}
#content-wrapper.oc-bq .oc-co-pt b,#content-wrapper.oc-bq .oc-co-story b{color:#0B0D10}
#content-wrapper.oc-bq a.oc-co-pt:hover b{color:var(--blue)}

/* PDM Collection */
.oc-co-vals4{grid-template-columns:repeat(4,minmax(0,1fr))}
.oc-co-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.oc-co-stage{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #DCE6F0;border-radius:14px;padding:28px 26px;box-shadow:0 18px 40px -30px rgba(0,61,115,.4)}
.oc-2026 #content-wrapper.oc-bq .oc-co-stage h3{margin:6px 0 0!important;font-size:24px!important;line-height:1.25!important;font-weight:800!important}
#content-wrapper.oc-bq .oc-co-stage p{margin:0 0 6px;font-size:16px;line-height:1.65;color:#3A4A5A}
.oc-co-fts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oc-co-ft{border:1px solid #DCE6F0;border-left:4px solid var(--blue);border-radius:12px;padding:22px 22px 20px;background:#fff}
.oc-co-ft b{display:block;font-size:18px;line-height:1.3;font-weight:800;color:#0B0D10;margin-bottom:8px}
#content-wrapper.oc-bq .oc-co-ft p{margin:0;font-size:15px;line-height:1.65;color:#3A4A5A}
.oc-co-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oc-co-pair{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #DCE6F0;border-radius:14px;padding:22px}
#content-wrapper.oc-bq .oc-co-pair p{margin:0;font-size:15.5px;line-height:1.6;color:#3A4A5A}
.oc-co-stories.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){.oc-co-vals4{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-co-fts,.oc-co-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.oc-co-vals4,.oc-co-two,.oc-co-fts,.oc-co-pairs,.oc-co-stories.is-2{grid-template-columns:1fr}}