/* AIVORA ACADEMY 5.0 — Commercial Edition
   One consistent storefront layer, responsive cards, original vector art.
   Payments, access controls and user progress are never implemented in CSS.
*/
:root{--av5-navy:#0d294c;--av5-blue:#075be9;--av5-cyan:#13bdd9;--av5-muted:#637c9e;--av5-line:#dbe8f6;--av5-paper:#fff;--av5-page:#f4f8fd}
body{background:var(--av5-page)}
.av45-storefront .courses-section{padding:23px 0 35px!important;background:radial-gradient(ellipse at 85% -8%,#e2f5ff 0,transparent 42%),linear-gradient(#f7fbff,#f3f8fe)!important}
.av45-storefront .courses-section>.container{max-width:1430px!important;width:min(calc(100% - 72px),1430px)!important}
.av5-catalog-hero{
  display:flex;align-items:center;min-height:187px;position:relative;isolation:isolate;
  border:1px solid #dbe9fa;overflow:hidden;border-radius:22px;
  background:linear-gradient(105deg,#fff 0%,#f4faff 54%,#bdeafa 100%);
  box-shadow:0 14px 44px rgba(26,85,166,.055);padding:27px 45px;margin:0 0 23px;
}
.av5-catalog-hero:before{position:absolute;content:'';inset:0 0 0 auto;width:52%;z-index:-1;
  background:radial-gradient(circle at 65% 48%,#6acffe91,transparent 56%),linear-gradient(130deg,transparent,#9ec7ff4d)}
.av5-catalog-message{max-width:730px;min-width:0;position:relative;z-index:1}
.av5-hero-eyebrow{color:#0e68d0;font-size:10px;font-weight:850;letter-spacing:.17em;line-height:1.5}
.av5-catalog-message h1{font-size:clamp(27px,3vw,46px);line-height:1.16;letter-spacing:-.064em;font-weight:850;color:#112c4d;margin:9px 0 9px}
.av5-catalog-message h1 span{background:linear-gradient(100deg,#125bdb,#08a9bc);color:transparent;background-clip:text;-webkit-background-clip:text}
.av5-catalog-message>p{font-size:12.5px;color:#547391;line-height:1.7;margin:0 0 13px;max-width:640px}
.av5-hero-pillset{display:flex;gap:7px;flex-wrap:wrap}
.av5-hero-pillset>span{font-size:9.5px;font-weight:800;color:#215988;background:#fffafaed;border:1px solid #d2e6f8;border-radius:100px;padding:6px 10px}
.av5-hero-visual{position:absolute;right:18px;top:-38px;bottom:-38px;width:410px;pointer-events:none;z-index:0;background:url('../img/v5-ai.svg') no-repeat center / contain;opacity:.8}
.av45-storefront .av-list-heading{margin:0 0 12px!important;align-items:center;gap:15px}
.av45-storefront .av-list-heading .av-small-kicker{font-size:9px;color:#2172bd;letter-spacing:.15em}
.av45-storefront .av-list-heading h2{font-size:clamp(21px,2.1vw,29px)!important;letter-spacing:-.044em!important;margin:4px 0}
.av45-storefront .av-list-heading>div p{font-size:11px!important;color:#7187a1}
.av45-storefront .av-list-heading>a{font-size:11px;color:#0e5dc1;text-decoration:none;border:1px solid #cfe3fb;border-radius:9px;padding:10px 14px;background:#fff;font-weight:750}
.av45-storefront .catalog-toolbar{padding:11px 13px!important;background:#fff!important;border:1px solid #e2ebf6;border-radius:13px!important;box-shadow:0 5px 17px rgba(29,73,122,.025)!important}
.av45-storefront .category-pills{gap:6px!important}
.av45-storefront .category-pill{font-size:10.5px!important;font-weight:760!important;padding:10px 12px!important;background:#f4f8fd;border-color:#e8eff8;color:#466684;border-radius:9px}
.av45-storefront .category-pill.active{background:linear-gradient(120deg,#0b64ea,#058dcc)!important;color:#fff!important;border-color:transparent;box-shadow:0 5px 12px #1063e32e}
.av45-storefront .catalog-controls input,.av45-storefront .catalog-controls select{min-height:42px;border-radius:9px!important;border:1px solid #dce7f5!important;font-size:11px!important}
.av45-storefront .catalog-meta{margin:14px 0 15px!important;font-size:11px;color:#617b98}
.av45-storefront .catalog-meta strong{color:#133b67;font-size:14px}
.av45-storefront .course-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}
.av45-storefront .course-card{background:#fff!important;display:flex;flex-direction:column;border:1px solid #dce9f6!important;border-radius:18px!important;box-shadow:0 6px 23px rgba(21,63,129,.05)!important;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;min-width:0}
.av45-storefront .course-card:hover{border-color:#a9cef8!important;transform:translateY(-3px);box-shadow:0 16px 38px rgba(26,81,148,.115)!important}
.av45-storefront .thumb-trigger{width:100%;display:block!important;padding:0!important;flex-shrink:0;position:relative}
.av45-storefront .av4-product-cover{
  --av5-cover-a:#092b57;--av5-cover-b:#0864b6;--av5-art:url('../img/v5-ai.svg');
  background:linear-gradient(116deg,var(--av5-cover-a),var(--av5-cover-b))!important;
  background-image:linear-gradient(116deg,var(--av5-cover-a),var(--av5-cover-b))!important;
  width:100%;height:205px!important;min-height:205px!important;
  padding:20px 23px 15px!important;position:relative;overflow:hidden;border:0!important;
  display:flex!important;flex-direction:column;justify-content:space-between;isolation:isolate;
}
.av45-storefront .av4-product-cover[data-area="Marketing"]{--av5-cover-a:#054759;--av5-cover-b:#03959d;--av5-art:url('../img/v5-marketing.svg')}
.av45-storefront .av4-product-cover[data-area="Sáng tạo"]{--av5-cover-a:#302e78;--av5-cover-b:#6656d0;--av5-art:url('../img/v5-creative.svg')}
.av45-storefront .av4-product-cover[data-area="Tự động hóa"]{--av5-cover-a:#123f56;--av5-cover-b:#0b8c92;--av5-art:url('../img/v5-automation.svg')}
.av45-storefront .av4-product-cover[data-area="Lập trình"]{--av5-cover-a:#162f64;--av5-cover-b:#235ecc;--av5-art:url('../img/v5-code.svg')}
.av45-storefront .av4-product-cover[data-area="Năng suất"]{--av5-cover-a:#092c5d;--av5-cover-b:#0668ae}
.av45-storefront .av4-product-cover:before{position:absolute!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;content:'';background:radial-gradient(ellipse at 72% 25%,#a3eeff43,transparent 47%),linear-gradient(90deg,#04234425,transparent);pointer-events:none;z-index:-1}
.av45-storefront .av4-product-cover:after{position:absolute!important;content:'';top:-7px!important;left:auto!important;bottom:-7px!important;right:-15px!important;width:82%!important;height:calc(100% + 14px)!important;transform:none!important;border:0!important;border-radius:0!important;background:var(--av5-art) no-repeat center / contain!important;opacity:.95;pointer-events:none;z-index:-1}
.av45-storefront .av4-product-cover .av5-cover-custom{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.av45-storefront .av4-product-cover:has(.av5-cover-custom):before{z-index:0;background:linear-gradient(90deg,#071b3df0 0%,#081b40cc 50%,#081b4030 100%)}
.av45-storefront .av4-product-cover:has(.av5-cover-custom):after{opacity:0}
.av45-storefront .av4-cover-header,.av45-storefront .av4-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2;position:relative;color:#c5f0fa;font-size:9px;line-height:1.5;letter-spacing:.095em;font-weight:800}
.av45-storefront .av4-cover-header>span:last-child{opacity:.52}
.av45-storefront .av4-cover-content{z-index:2;position:relative;max-width:63%!important;width:63%;gap:6px}
.av45-storefront .av4-cover-category{font-size:9px;background:#ffffff26;border:1px solid #ffffff2e;color:#f3fdff;align-self:flex-start;padding:6px 9px;border-radius:7px;font-weight:850;max-width:100%}
.av45-storefront .av4-cover-title{font-size:clamp(18px,1.65vw,22px)!important;font-weight:800!important;letter-spacing:-.034em;line-height:1.25!important;-webkit-line-clamp:3;text-shadow:0 1px 2px #051a2e22}
.av45-storefront .av4-cover-tool{font-size:10px!important;color:#d4eefa}
.av45-storefront .av4-cover-bottom{font-size:9px}
.av45-storefront .av-card-bookmark{background:#eff8ff;color:#155ab0;border-radius:10px;width:35px;height:35px;right:13px;top:12px}
.av45-storefront .course-body{display:flex!important;flex-direction:column!important;flex:1;min-height:296px!important;padding:16px 19px 17px!important}
.av45-storefront .av5-card-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 11px}
.av45-storefront .av5-status{font-size:10px;font-weight:800;padding:5px 9px;border-radius:20px;display:inline-flex;gap:5px;align-items:center}
.av45-storefront .av5-status:before{content:'';height:6px;width:6px;background:currentColor;border-radius:100%}
.av45-storefront .av5-status.is-live{background:#e1f9ef;color:#098056}
.av45-storefront .av5-status.is-draft{background:#fff1dc;color:#8f621b}
.av45-storefront .av5-topic-badge{font-size:9.5px;color:#567ea4;background:#f1f6fc;padding:5px 8px;border-radius:6px;font-weight:700}
.av45-storefront .av-course-labels{gap:5px;display:flex;flex-wrap:wrap;margin-bottom:10px!important}
.av45-storefront .av-course-labels>span{font-size:9.5px!important;background:#eff5fd;border:1px solid #e0ebf8;color:#4c6d93;border-radius:6px;padding:6px 7px}
.av45-storefront .course-card h3{font-size:16px!important;line-height:1.4!important;font-weight:800;letter-spacing:-.032em;color:#0c2c4b;margin-bottom:10px!important}
.av45-storefront .course-summary{font-size:11.5px!important;line-height:1.73!important;color:#7087a1!important;min-height:56px!important;-webkit-line-clamp:3;margin-bottom:14px!important}
.av45-storefront .course-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;font-size:10px;color:#376cac;font-weight:720}
.av45-storefront .course-facts>span{display:inline-flex;gap:5px;align-items:center;font-size:10px!important}
.av45-storefront .course-facts svg{width:14px;height:14px;color:#0c68d8}
.av45-storefront .course-bottom{margin-top:14px;padding-top:12px;border-top:1px solid #e9f0f8}
.av45-storefront .course-price{font-size:23px!important;color:#0565de!important;font-weight:850;line-height:1.15;letter-spacing:-.04em}
.av45-storefront .course-price small{font-size:11px!important;color:#9bacbf!important;text-decoration:line-through;margin-top:4px}
.av45-storefront .course-action{display:inline-flex!important;justify-content:center!important;align-items:center!important;border-radius:10px!important;min-width:118px;min-height:44px!important;background:linear-gradient(105deg,#0859dc,#0978e9)!important;color:#fff!important;border:0!important;padding:10px 17px!important;box-shadow:0 5px 15px #0e6ada28;font-size:11px!important;font-weight:850!important;gap:0!important}
.av45-storefront .course-action:hover{background:#034bbb!important}
.av45-storefront .course-action.is-soon{background:#f0f5fb!important;color:#496d98!important;box-shadow:none}
.av45-storefront .course-action.is-owned{background:#e6f8ed!important;color:#14744a!important}
.av45-storefront .course-action::after,.av45-storefront .course-action::before{content:none!important;display:none!important}
.av45-storefront .av4-load-more{margin:24px 0 4px}
.av45-storefront .av4-load-more>button{background:#fff;color:#0f61bf;border-radius:10px;border:1px solid #d7e9fb;min-height:43px;padding:11px 24px;font-weight:800;font-size:11px;cursor:pointer}
.av45-storefront .av4-load-more>button:hover{background:#edf6ff}
.av5-editorial-form{background:linear-gradient(150deg,#f2f8ff,#fff);border:1px solid #cfe0f3;border-radius:13px;padding:20px;margin:17px 0}
.av5-editorial-heading b{font-size:12px;color:#145fae;letter-spacing:.05em}
.av5-editorial-heading p,.av5-audit-disclaimer{font-size:11px;line-height:1.7;color:#6e839c}
.av5-editorial-score{display:flex;gap:14px;align-items:center;margin:15px 0}
.av5-editorial-score strong{font-size:25px;letter-spacing:-.04em;color:#1164bd}
.av5-editorial-score span{font-size:11px;font-weight:760;color:#4c739b}
.av5-editorial-issues{font-size:11px;color:#8e5422;line-height:1.7;margin:10px 0 16px;padding-left:23px;max-height:240px;overflow:auto}
.av5-editorial-issues li{margin-bottom:4px}
.av5-approval-control{font-size:11px;font-weight:750;line-height:1.65;color:#224969;display:flex;gap:10px;align-items:flex-start}
.av5-approval-control input{margin-top:3px;accent-color:#0a63cf}
.av5-legacy-import-controls{opacity:.75}
.av5-instructions{margin:16px 0;border-left:4px solid #1e91cd;background:#f3f9ff;border-radius:0 12px 12px 0;padding:15px 20px}
.av5-instructions-title{font-size:10px;letter-spacing:.12em;font-weight:850;color:#2169b8}
.av5-instructions>p{white-space:normal;color:#294d70;font-size:13px;line-height:1.95}
.av5-student-exercise{margin:17px 0 0;background:#f4fbf8;padding:17px;border-radius:13px;border:1px solid #cdeae0}
.av5-student-exercise>strong{font-size:12px;color:#146a52}.av5-student-exercise p{font-size:13px;line-height:1.85;color:#285b51}
.av5-student-exercise div{font-size:11px;color:#396b5b;line-height:1.65}
@media(max-width:1150px){
 .av45-storefront .courses-section>.container{width:min(calc(100% - 40px),1120px)!important}
 .av45-storefront .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .av45-storefront .av5-catalog-hero{padding:24px 28px;min-height:175px}
 .av5-hero-visual{right:-40px;opacity:.5}
}
@media(max-width:700px){
 .av45-storefront .courses-section>.container{width:calc(100% - 26px)!important}
 .av45-storefront .course-grid{grid-template-columns:1fr!important;gap:14px!important}
 .av5-catalog-hero{padding:24px 19px!important;border-radius:15px;min-height:0;margin-bottom:18px}
 .av5-catalog-message h1{font-size:31px}
 .av5-hero-eyebrow{font-size:8.5px}
 .av5-catalog-message>p{font-size:11px;max-width:85%}
 .av5-hero-visual{width:55%;right:-50px;top:4px;bottom:0;opacity:.34}
 .av45-storefront .course-body{min-height:0!important}
 .av45-storefront .av4-product-cover{height:200px!important;min-height:200px!important}
 .av45-storefront .av4-cover-content{max-width:68%!important;width:68%}
 .av45-storefront .av-list-heading{align-items:flex-start;flex-wrap:wrap}
 .av45-storefront .av-list-heading>a{font-size:10px;padding:8px 10px}
 .av45-storefront .catalog-toolbar{padding:10px!important}
 .av45-storefront .catalog-controls{width:100%}
 .av45-storefront .catalog-controls .search-field{flex:1;min-width:0}
}
@media(max-width:390px){
 .av5-hero-pillset>span{font-size:8px;padding:5px 8px}
 .av45-storefront .av4-cover-title{font-size:19px!important}
 .av45-storefront .av4-product-cover{padding:17px!important}
 .av45-storefront .course-price{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){.av45-storefront .course-card{transition:none!important}.av45-storefront .course-card:hover{transform:none}}


/* Commercial Edition CMS: legacy import is opt-in and cannot auto-open sales. */
.av5-archive-panel{margin:12px 0 21px;border:1px solid #dbe7f5;border-radius:12px;background:#fff;overflow:hidden}
.av5-archive-panel>summary{padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;background:#f5f9fd;color:#28517c}
.av5-archive-panel>summary::-webkit-details-marker{display:none}
.av5-archive-panel>summary>strong{font-size:12px;font-weight:850}
.av5-archive-panel>summary>span{font-size:10px;color:#718ba6}
.av5-archive-panel[open]{padding-bottom:16px}
.av5-archive-panel[open]>summary{margin-bottom:12px;border-bottom:1px solid #dbe7f5}
.av5-archive-panel .av5-legacy-import-controls{margin-left:16px;margin-right:16px;opacity:.9}
.av5-archive-panel button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:720px){.av5-archive-panel>summary{display:block}.av5-archive-panel>summary>span{display:block;margin-top:6px}.av5-archive-panel .av5-legacy-import-controls{margin-left:8px;margin-right:8px}}


/* v5.0.1 — business inventory and owner-authorized release */
.av501-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0 9px}
.av501-inventory>div{background:linear-gradient(145deg,#f9fcff,#fff);border:1px solid #dce8f6;border-radius:13px;min-width:0;padding:17px 15px;box-shadow:0 5px 18px #234e8209}
.av501-inventory>div:nth-child(2){background:linear-gradient(145deg,#edfaf8,#fff)}
.av501-inventory>div:nth-child(3){background:linear-gradient(145deg,#eff4ff,#fff)}
.av501-inventory>div:nth-child(4){background:linear-gradient(145deg,#fff8eb,#fff)}
.av501-inventory span{display:block;color:#5b7d9e;letter-spacing:.07em;font-weight:800;font-size:9px;line-height:1.5}
.av501-inventory strong{display:block;font-size:30px;line-height:1.3;letter-spacing:-.06em;font-weight:850;color:#1155a9;margin:7px 0}
.av501-inventory>div:nth-child(2) strong{color:#137a71}
.av501-inventory>div:nth-child(4) strong{color:#aa6d20}
.av501-inventory small{display:block;color:#7c8ea4;line-height:1.55;font-size:10px}
.av501-inventory-note{border-radius:10px;background:#f1f7ff;color:#5f7692;font-size:11px;line-height:1.8;padding:12px 15px;margin:0 0 13px}
.av501-inventory-note strong{color:#145a9e}
.av501-sale-panel{grid-column:1/-1;background:linear-gradient(135deg,#ecf8ff,#fff 58%);border:1px solid #cbdff5;border-radius:17px;padding:24px 25px;box-shadow:0 8px 23px #154a8210;margin:0 0 19px}
.av501-sale-head h2{font-size:22px;color:#12375d;margin:5px 0 9px;font-weight:850;letter-spacing:-.04em}
.av501-sale-head p{max-width:850px;line-height:1.8;font-size:12px;color:#597695;margin:0}
.av501-sale-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}
.av501-sale-metrics>div{border-radius:11px;background:#fff;border:1px solid #dce6f3;padding:15px 17px}
.av501-sale-metrics strong{display:block;color:#1257b1;font-size:22px;font-weight:850;overflow-wrap:anywhere}
.av501-sale-metrics small{display:block;color:#6b82a0;font-size:11px;margin-top:5px}
.av501-sale-warnings{border-radius:12px;border:1px solid #f3d2ab;background:#fff9ef;padding:14px 17px;color:#935f27;margin:13px 0;font-size:11px;line-height:1.8}
.av501-sale-warnings b{font-size:12px;color:#89571d}
.av501-sale-warnings ul{padding-left:19px;margin:5px 0 0}
.av501-sale-form{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #dbe8f4;padding-top:16px;margin-top:17px}
.av501-sale-form label{display:flex;gap:11px;align-items:flex-start;font-size:11.5px;line-height:1.7;max-width:680px;color:#214a70;font-weight:700}
.av501-sale-form input[type=checkbox]{margin-top:4px;flex:none;accent-color:#0c6bda}
.av501-sale-form button{min-height:43px;border:0;border-radius:9px;background:#1065d7;color:#fff;font-size:12px;font-weight:800;padding:10px 18px;cursor:pointer}
.av501-sale-form button:hover{background:#0b4cba}
.av501-sale-form button:not(.cms-primary){border:1px solid #c5d7ee;background:#f2f7fd;color:#2d5e94}
.av501-notice{font-size:11.5px;color:#627d99;line-height:1.8;padding:12px 0}
@media(max-width:890px){.av501-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
.av501-inventory{gap:8px}.av501-inventory>div{padding:13px 11px}.av501-inventory strong{font-size:23px}
.av501-sale-panel{padding:17px 14px}.av501-sale-head h2{font-size:20px}.av501-sale-metrics{gap:7px}
.av501-sale-metrics>div{padding:12px 9px}.av501-sale-metrics strong{font-size:18px}
.av501-sale-form{align-items:stretch}.av501-sale-form button{width:100%}
}

.av501-payment-warning{background:#fff4e8;border:1px solid #f0cfab;border-radius:10px;color:#9a5c20!important;padding:12px 14px;margin:13px 0 0!important;font-size:11px!important;line-height:1.7!important}
.av501-payment-warning strong{color:#865019}
