/* ============================================================
   IA · COURSE SHOWCASE — Academy single course
   Scope: body.single-academy_courses (vendor template → geometry in CSS is legitimate)
   CONSOLIDATED v7, 2026-07-24. Supersedes layered v1–v6.7.

   MAP
   ── 1. PAGE & CONTAINER
   ── 2. CONTENT COLUMN (flex order)
   ── 3. COVER / POSTER
   ── 4. CATEGORY ROW (.ia-course-cats — built by ia-global.js)
   ── 5. COURSE TITLE
   ── 6. SECTION HEADINGS & DESCRIPTION
   ── 7. CURRICULUM ACCORDION
   ── 8. INSTRUCTOR PANEL
   ── 9. STUDENT FEEDBACK
   ── 10. REVIEW FORM
   ── 11. ENROLL PLATE: shell & price
   ── 12. ENROLL PLATE: vendor wrapper reset & spacing
   ── 13. ENROLL PLATE: info list
   ── 14. BUTTON SYSTEM  ← all button states live here, nowhere else
   ── 15. MOBILE

   RULES OF THE FILE
   • Sticksy column layout (.academy-row / .academy-col-*) is owned by
     CC's ia-course-single-layout.css — never touch it here.
   • Button cascade: AMBER base (no !important on background/border/shadow)
     → GHOST variants win by specificity + source order. Do not add
     !important to shadows/backgrounds in section 14; it restarts the war.
   • Glow canon (matches .ia-btn-primary in ia-global.css):
     rest  inset 0 1px 0 rgba(255,225,190,.35), 0 14px 38px -12px rgba(232,148,60,.55)
     hover inset 0 1px 0 rgba(255,225,190,.45), 0 18px 48px -10px rgba(232,148,60,.75)
     ghost rest: inner top light only; ghost hover: glacier .4
   ============================================================ */


/* ============================================================
   1. PAGE & CONTAINER
   ============================================================ */
body.single-academy_courses{ background:#0A1A1F; }

body.single-academy_courses .academy-single-course{
  padding-top:calc(var(--header-h, 96px) + 48px);
  padding-bottom:72px;
  background:#0A1A1F;
  color:rgba(230,242,243,.85);
  font-family:var(--font-ui, "Manrope", sans-serif);
}
body.single-academy_courses .academy-container{
  max-width:1366px !important;
  margin-left:auto; margin-right:auto;
  padding-left:var(--gutter, 24px); padding-right:var(--gutter, 24px);
}


/* ============================================================
   2. CONTENT COLUMN — flex order of blocks
   (cover → categories → title → description → curriculum →
    instructor → feedback → reviews)
   ============================================================ */
body.single-academy_courses .academy-col-lg-8{
  display:flex; flex-direction:column;
}
body.single-academy_courses .academy-single-course__preview{ order:1; }
body.single-academy_courses .ia-course-cats{ order:2; }
body.single-academy_courses h1.academy-single-course__title{ order:3; }
body.single-academy_courses .academy-single-course__content-item--description{ order:4; }
body.single-academy_courses .academy-single-course__content-item--curriculum{ order:5; }
body.single-academy_courses .academy-single-course__content-item--instructors{ order:6; }
body.single-academy_courses .academy-single-course__content-item--feedback{ order:7; }
body.single-academy_courses .academy-single-course__content-item--reviews{ order:8; }

body.single-academy_courses .academy-single-course__content-item{ margin:0 0 26px; }


/* ============================================================
   3. COVER / POSTER — fills the content column
   ============================================================ */
body.single-academy_courses .academy-single-course__preview{ text-align:center; }
body.single-academy_courses .academy-single-course__preview img{
  width:100%;
  border-radius:22px;
  box-shadow:0 0 60px -30px rgba(95,198,212,.35);
}


/* ============================================================
   4. CATEGORY ROW — chips inline, "·" separated
   Wrapper .ia-course-cats is created by ia-global.js.
   Gap tuning lives ONLY here: 14px from cover / 4px to title.
   ============================================================ */
body.single-academy_courses .ia-course-cats{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:0 8px;
  margin:14px 0 4px;
}
body.single-academy_courses .academy-single-course__categroy,
body.single-academy_courses .academy-single-course__categroy a{
  display:inline-block;
  margin:0;
  font-size:13px; font-weight:700;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--glacier, #5FC6D4) !important;
  text-decoration:none;
}
body.single-academy_courses .academy-single-course__categroy + .academy-single-course__categroy::before{
  content:"· ";
  color:var(--glacier, #5FC6D4);
}


/* ============================================================
   5. COURSE TITLE — Playfair + needle underneath
   ============================================================ */
body.single-academy_courses h1.academy-single-course__title{
  font-family:var(--font-display, "Playfair Display", serif) !important;
  font-weight:900;
  font-size:clamp(30px, 3vw, 44px);
  line-height:1.15; letter-spacing:.01em;
  color:var(--ice-white, #E6F2F3);
  margin:0 0 16px;
  padding-bottom:16px;
  background:linear-gradient(90deg,
    rgba(230,242,243,0), rgba(230,242,243,.4) 20%,
    rgba(230,242,243,.4) 80%, rgba(230,242,243,0)) left bottom / 100% 1px no-repeat;
}


/* ============================================================
   6. SECTION HEADINGS & DESCRIPTION
   Headings: Playfair, no needle. Needle appears only above the
   Student Feedback heading (divider after the instructor panel).
   ============================================================ */
body.single-academy_courses .academy-single-course__content-item :is(h2,h3,h4):first-child{
  font-family:var(--font-display, "Playfair Display", serif) !important;
  font-weight:900;
  font-size:clamp(20px, 1.8vw, 26px);
  letter-spacing:.02em; text-transform:uppercase;
  color:var(--ice-white, #E6F2F3);
  margin:0 0 18px;
  padding-bottom:4px;
}
/* needle ABOVE "Student Feedback" */
body.single-academy_courses .academy-single-course__content-item--feedback :is(h2,h3,h4):first-child{
  padding-top:22px;
  background:linear-gradient(90deg,
    rgba(230,242,243,0), rgba(230,242,243,.35) 20%,
    rgba(230,242,243,.35) 80%, rgba(230,242,243,0)) top / 100% 1px no-repeat;
}

/* description body — Manrope, everything inside */
body.single-academy_courses .academy-single-course__content-item--description,
body.single-academy_courses .academy-single-course__content-item--description *{
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
}
body.single-academy_courses .academy-single-course__content-item--description p{
  font-size:16px; line-height:1.7;
  font-weight:500;
  color:rgba(230,242,243,.78);
  background:transparent;
}


/* ============================================================
   7. CURRICULUM ACCORDION — home-page FAQ recipe 1:1
   ============================================================ */
body.single-academy_courses .academy-accordion{
  list-style:none; margin:0; padding:0;
}
body.single-academy_courses .academy-accordion > li{
  position:relative; overflow:hidden;
  margin-bottom:12px;
  background:rgba(20,38,42,.42) !important;
  border:1px solid rgba(95,198,212,.18) !important;
  border-radius:16px !important;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  box-shadow:none;
  transition:box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
body.single-academy_courses .academy-accordion > li:hover{
  border-color:rgba(95,198,212,.3) !important;
  box-shadow:var(--glass-inner, inset 0 1px 0 rgba(230,242,243,.06)),
             0 0 26px -8px rgba(95,198,212,.36),
             0 22px 44px -22px rgba(0,0,0,.6);
}
body.single-academy_courses .academy-accordion > li.active{
  background:rgba(28,50,54,.56) !important;
  border-color:rgba(95,198,212,.18) !important;
  box-shadow:var(--glass-inner, inset 0 1px 0 rgba(230,242,243,.06)),
             0 0 0 1px rgba(95,198,212,.18),
             0 0 30px -6px rgba(95,198,212,.42),
             0 26px 52px -24px rgba(0,0,0,.66) !important;
}
/* ember bar on the active module */
body.single-academy_courses .academy-accordion > li.active::after{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:3px; height:62%; border-radius:0 3px 3px 0; z-index:4;
  background:linear-gradient(180deg, rgba(232,148,60,0), var(--ember, #E8943C), rgba(232,148,60,0));
  box-shadow:0 0 14px rgba(232,148,60,.7); pointer-events:none;
}
/* module title row */
body.single-academy_courses a.academy-accordion__title{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px;
  background:transparent !important;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:16px; font-weight:700;
  color:var(--ice-white, #E6F2F3) !important;
  text-decoration:none;
  cursor:pointer;
}
body.single-academy_courses a.academy-accordion__title::after,
body.single-academy_courses a.academy-accordion__title i{
  color:var(--ice-white, #E6F2F3) !important;
}
/* body & lesson rows */
body.single-academy_courses .academy-accordion__body{
  background:transparent;
  border-top:1px solid rgba(230,242,243,.08);
}
body.single-academy_courses .academy-lesson-list{
  list-style:none; margin:0; padding:6px 20px 14px;
  border:none !important;
}
body.single-academy_courses .academy-lesson-list__item{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:12px 0;
  border:none !important;
  background:none;
}
body.single-academy_courses .academy-lesson-list__item:not(:last-child){
  background:linear-gradient(90deg,
    rgba(230,242,243,0), rgba(230,242,243,.15) 20%,
    rgba(230,242,243,.15) 80%, rgba(230,242,243,0)) bottom / 100% 1px no-repeat;
}
body.single-academy_courses .academy-entry-content{
  display:flex; align-items:center; gap:12px;
  min-width:0;
}
body.single-academy_courses h4.academy-entry-title{
  margin:0; padding:0;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:15px !important; font-weight:600 !important;
  color:rgba(230,242,243,.88) !important;
  text-transform:none; letter-spacing:0;
  background:none;
}
body.single-academy_courses .academy-entry-time{
  font-size:13px;
  color:rgba(230,242,243,.6) !important;
}
body.single-academy_courses .academy-lesson-list .academy-icon,
body.single-academy_courses .academy-entry-content .academy-icon{
  color:var(--glacier, #5FC6D4) !important;
}
body.single-academy_courses a.academy-btn-play,
body.single-academy_courses a.academy-btn-play .academy-icon{
  color:rgba(230,242,243,.6) !important;
}
body.single-academy_courses a.academy-btn-play:hover{ color:var(--glacier, #5FC6D4); }


/* ============================================================
   8. INSTRUCTOR PANEL — compact glass; name in Playfair
   ============================================================ */
body.single-academy_courses .academy-single-course__content-item--instructors{
  padding:16px 20px;
  background:rgba(22,40,42,.5);
  border:1px solid rgba(230,242,243,.14);
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06),
             0 0 46px -22px rgba(95,198,212,.35);
}
body.single-academy_courses .academy-single-course__content-item--instructors *{
  color:var(--ice-white, #E6F2F3) !important;
}
body.single-academy_courses .academy-single-course__content-item--instructors :is(h1,h2,h3,h4,h5,h6,p,span){
  margin:0 0 4px !important;
  line-height:1.35;
}
body.single-academy_courses .academy-single-course__content-item--instructors :is(h2,h3,h4,h5,span):is([class*="label"], :first-child){
  letter-spacing:.14em;
}
body.single-academy_courses .academy-single-course__content-item--instructors img{ border-radius:50%; }

/* Manrope for labels & rating; Playfair for the name (incl. link) */
body.single-academy_courses .academy-single-course__content-item--instructors :is(span,p,div,a,li,h2,h3,h5,h6){
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
}
body.single-academy_courses h4.instructor-name,
body.single-academy_courses h4.instructor-name a{
  font-family:var(--font-display, "Playfair Display", serif) !important;
  font-size:22px !important;
  font-weight:700;
  line-height:1.3 !important;
  letter-spacing:.01em;
  color:var(--ice-white, #E6F2F3) !important;
}
body.single-academy_courses .instructor-info__content{
  display:flex; flex-direction:column; gap:6px;
}


/* ============================================================
   9. STUDENT FEEDBACK — vendor white → glass; Manrope
   ============================================================ */
body.single-academy_courses .academy-single-course__content-item--feedback > div,
body.single-academy_courses .academy-single-course__content-item--feedback [class*="review"],
body.single-academy_courses .academy-single-course__content-item--feedback [class*="rating"]{
  background:rgba(20,38,42,.42) !important;
  border-color:rgba(95,198,212,.18) !important;
  border-radius:16px;
  color:var(--ice-white, #E6F2F3);
}
body.single-academy_courses .academy-single-course__content-item--feedback :is(p,span,div,h4,h5){
  color:var(--ice-white, #E6F2F3);
}
body.single-academy_courses .academy-single-course__content-item--feedback :is(span,p,div,li,strong,b){
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
}


/* ============================================================
   10. REVIEW FORM (enrolled student) — glass panel, stars, fields
   Buttons of this form live in section 14.
   ============================================================ */
body.single-academy_courses .academy-review-form{
  padding:22px 24px;
  background:rgba(20,38,42,.42);
  border:1px solid rgba(95,198,212,.18);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
/* stars — ember */
body.single-academy_courses .academy-review-form-rating p.stars a{
  color:var(--ember, #E8943C);
  text-decoration:none;
}
/* textarea — checkout-field tone */
body.single-academy_courses #academy_comment{
  width:100%;
  padding:14px 16px;
  background:rgba(10,22,26,.55);
  border:1px solid rgba(230,242,243,.16);
  border-radius:12px;
  color:var(--ice-white, #E6F2F3);
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:15px; line-height:1.6;
  resize:vertical;
  transition:border-color .2s ease, box-shadow .2s ease;
}
body.single-academy_courses #academy_comment::placeholder{ color:rgba(230,242,243,.45); }
body.single-academy_courses #academy_comment:focus{
  outline:none;
  border-color:rgba(95,198,212,.5);
  box-shadow:0 0 0 3px rgba(95,198,212,.15);
}
/* cancel reply — glacier link */
body.single-academy_courses #cancel-comment-reply-link{
  color:var(--glacier, #5FC6D4);
  text-decoration:none;
}


/* ============================================================
   11. ENROLL PLATE — shell & price
   ============================================================ */
body.single-academy_courses .academy-widget-enroll{
  background:rgba(22,40,42,.55);
  border:1px solid rgba(230,242,243,.14);
  border-radius:22px;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06),
             0 0 60px -30px rgba(95,198,212,.4);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  padding:24px 26px;
  color:rgba(230,242,243,.85);
}
/* whole plate (and expired box) in Manrope, icons excluded */
body.single-academy_courses .academy-widget-enroll,
body.single-academy_courses .academy-widget-enroll *:not(i):not([class*="icon"]),
body.single-academy_courses .ia-course-single__expired,
body.single-academy_courses .ia-course-single__expired *{
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
}
/* head (Paid/Free/price) + needle under it */
body.single-academy_courses .academy-widget-enroll__head{
  margin-top:0 !important;
  margin-bottom:10px;
  padding-bottom:12px;
  background:linear-gradient(90deg,
    rgba(230,242,243,0), rgba(230,242,243,.3) 20%,
    rgba(230,242,243,.3) 80%, rgba(230,242,243,0)) left bottom / 100% 1px no-repeat;
}
body.single-academy_courses .academy-course-type{ margin:0 !important; }
body.single-academy_courses .academy-widget-enroll .storeengine-price{
  font-size:34px; font-weight:800;
  color:var(--ice-white, #E6F2F3);
  text-shadow:0 0 20px rgba(95,198,212,.45);
}
body.single-academy_courses .academy-widget-enroll del,
body.single-academy_courses .academy-widget-enroll del *{
  font-size:20px !important;
  font-weight:600 !important;
  color:var(--frost-grey, #9FB8BC) !important;
  text-shadow:none !important;
}


/* ============================================================
   12. ENROLL PLATE — vendor wrapper reset & vertical rhythm
   Wrappers lose their cold background/padding; only the plate
   glass remains. Spacing knobs:
     • 20px — gap between stacked buttons/forms
     • 36px — gap before the info block
   ============================================================ */
body.single-academy_courses .academy-widget-enroll__continue,
body.single-academy_courses .academy-widget-enroll__enroll-form,
body.single-academy_courses .academy-widget-enroll__head,
body.single-academy_courses .academy-widget-enroll .academy-course-complete-form,
body.single-academy_courses .academy-widget-enroll form[id*="complete"],
body.single-academy_courses .academy-widget-enroll__add-to-cart,
body.single-academy_courses .academy-widget-enroll .storeengine-ajax-add-to-cart-form,
body.single-academy_courses .academy-widget-enroll > .academy-widget-enroll__content,
body.single-academy_courses .academy-widget-enroll__content > .academy-widget-enroll__content{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  box-shadow:none !important;
}
body.single-academy_courses .academy-widget-enroll__content > *,
body.single-academy_courses .academy-widget-enroll :is(form, .academy-widget-enroll__continue){
  margin-top:20px !important;
  margin-bottom:0 !important;
}
body.single-academy_courses .academy-widget-enroll__continue:first-child{ margin-top:0 !important; }
body.single-academy_courses .academy-widget-enroll__content > .academy-widget-enroll__content{
  margin-top:36px !important;
}


/* ============================================================
   13. ENROLL PLATE — info list (needle under EVERY row)
   ============================================================ */
body.single-academy_courses .academy-widget-enroll__content-lists{
  list-style:none; margin:0 !important; padding:0;
}
body.single-academy_courses .academy-widget-enroll__content-lists li{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:5px 0;
  font-size:14.5px;
  background:linear-gradient(90deg,
    rgba(230,242,243,0), rgba(230,242,243,.18) 20%,
    rgba(230,242,243,.18) 80%, rgba(230,242,243,0)) bottom / 100% 1px no-repeat;
}
body.single-academy_courses .academy-widget-enroll__content-lists .label{
  display:inline-flex; align-items:center; gap:9px;
  color:rgba(230,242,243,.6);
}
body.single-academy_courses .academy-widget-enroll__content-lists .data{
  color:var(--ice-white, #E6F2F3);
  font-weight:600;
}
body.single-academy_courses .academy-widget-enroll .academy-icon{
  color:var(--glacier, #5FC6D4);
  font-size:16px;
}


/* ============================================================
   14. BUTTON SYSTEM — single source of truth
   Cascade: GEOMETRY → AMBER skin → GHOST skins (win by
   specificity + order, no !important on shadows) → shine →
   review-form buttons → re-enroll hookup.
   ============================================================ */

/* 14.1 GEOMETRY + TYPE — every plate button, any skin */
body.single-academy_courses .academy-widget-enroll :is(a,button).academy-btn:not(.ia-card__btn--soon){
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  width:100%;
  padding:14px 24px;
  border-radius:15px;
  font-size:14px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--ice-white, #E6F2F3) !important;
  text-decoration:none;
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

/* 14.2 AMBER skin — default for plate buttons */
body.single-academy_courses .academy-widget-enroll :is(a,button).academy-btn:not(.ia-card__btn--soon){
  background:linear-gradient(160deg, rgba(232,148,60,.42), rgba(201,122,58,.30)) !important;
  border:1px solid rgba(232,148,60,.55) !important;
  box-shadow:inset 0 1px 0 rgba(255,225,190,.35),
             0 14px 38px -12px rgba(232,148,60,.55) !important;
}
body.single-academy_courses .academy-widget-enroll :is(a,button).academy-btn:not(.ia-card__btn--soon):hover{
  transform:scale(1.02) !important;
  box-shadow:inset 0 1px 0 rgba(255,225,190,.45),
             0 18px 48px -10px rgba(232,148,60,.75) !important;
}

/* 14.3 GHOST skin — Certificate; Complete; Start next to purchase/enroll form */
body.single-academy_courses .academy-widget-enroll a.academy-btn.academy-btn--bg-light-purple,
body.single-academy_courses .academy-widget-enroll form[id*="complete"] .academy-btn.academy-btn,
body.single-academy_courses .academy-widget-enroll__add-to-cart ~ .academy-widget-enroll__continue a.academy-btn.academy-btn,
body.single-academy_courses .academy-widget-enroll__enroll-form ~ .academy-widget-enroll__continue a.academy-btn.academy-btn{
  background:rgba(22,40,42,.32) !important;
  border:1px solid rgba(230,242,243,.14) !important;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
body.single-academy_courses .academy-widget-enroll a.academy-btn.academy-btn--bg-light-purple:hover,
body.single-academy_courses .academy-widget-enroll form[id*="complete"] .academy-btn.academy-btn:hover,
body.single-academy_courses .academy-widget-enroll__add-to-cart ~ .academy-widget-enroll__continue a.academy-btn.academy-btn:hover,
body.single-academy_courses .academy-widget-enroll__enroll-form ~ .academy-widget-enroll__continue a.academy-btn.academy-btn:hover{
  transform:scale(1.02) !important;
  border-color:rgba(95,198,212,.5) !important;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06),
             0 14px 38px -16px rgba(95,198,212,.4) !important;
}

/* 14.4 SHINE sweep — all plate buttons */
body.single-academy_courses .academy-widget-enroll .academy-btn::after{
  content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%;
  background:linear-gradient(100deg, rgba(230,242,243,0), rgba(230,242,243,.35), rgba(230,242,243,0));
  transform:skewX(-18deg);
  transition:left .55s cubic-bezier(.4,0,.2,1);
}
body.single-academy_courses .academy-widget-enroll .academy-btn:hover::after{ left:130%; }

/* 14.5 REVIEW FORM — Add Review (ghost) */
body.single-academy_courses button.academy-btn.academy-btn-add-review{
  padding:14px 28px;
  border-radius:13px;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:13px !important; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--ice-white, #E6F2F3) !important;
  background:rgba(22,40,42,.32);
  border:1px solid rgba(230,242,243,.14);
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06)!important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.single-academy_courses button.academy-btn.academy-btn-add-review:hover{
  transform:scale(1.02);
  border-color:rgba(95,198,212,.5);
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06),
             0 14px 38px -16px rgba(95,198,212,.4)!important;
}

/* 14.6 REVIEW FORM — Submit (amber; input → no shine pseudo) */
body.single-academy_courses .academy-review-form input#submit{
  padding:14px 30px;
  border-radius:13px;
  font-family:var(--font-ui, "Manrope", sans-serif);
  font-size:13px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--ice-white, #E6F2F3);
  background:linear-gradient(160deg, rgba(232,148,60,.42), rgba(201,122,58,.30))!important;
  border:1px solid rgba(232,148,60,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,225,190,.35),
             0 14px 38px -12px rgba(232,148,60,.55)!important;
  cursor:pointer!;
  transition:transform .2s ease, box-shadow .2s ease;
}
body.single-academy_courses .academy-review-form input#submit:hover{
  transform:scale(1.02);
  box-shadow:inset 0 1px 0 rgba(255,225,190,.45),
             0 18px 48px -10px rgba(232,148,60,.75)!important;
}

/* 14.7 RE-ENROLL (expired plate) — self-contained amber skin.
   The button has NO .academy-btn class (ia-card__btn--reenroll),
   so the plate base never dresses it; everything it needs is here. */
body.single-academy_courses a.ia-card__btn--reenroll{
  display:flex; align-items:center; justify-content:center;
  margin-top:20px;
	width:100%;
  padding:14px 24px;
  border-radius:15px;
  font-size:14px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--ice-white, #E6F2F3) !important;
  text-decoration:none;
  background:linear-gradient(160deg, rgba(232,148,60,.42), rgba(201,122,58,.30)) !important;
  border:1px solid rgba(232,148,60,.55) !important;
  box-shadow:inset 0 1px 0 rgba(255,225,190,.35),
             0 14px 38px -12px rgba(232,148,60,.55) !important;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}
body.single-academy_courses a.ia-card__btn--reenroll:hover{
  transform:scale(1.02);
  box-shadow:inset 0 1px 0 rgba(255,225,190,.45),
             0 18px 48px -10px rgba(232,148,60,.75) !important;
}


/* ============================================================
   15. MOBILE
   ============================================================ */
@media (max-width:781px){
  body.single-academy_courses .academy-single-course{
    padding-top:calc(var(--header-h, 96px) + 24px);
  }
  body.single-academy_courses h1.academy-single-course__title{ font-size:26px; }
}

/* ============================================

/* ============================================================
   16. PUBLISHED REVIEWS (course showcase)
   Vendor: templates/single-course/review.php + review-meta.php
   Markup: ol.academy-review-list > li > .academy-review_container >
           .academy-review-thumnail (sic: avatar + rating) +
           .academy-review-content (.academy-review-meta, .academy-review-description)

   TRAP: for [data-theme=block] the vendor absolutely positions the
   author, the time AND the rating (left:86px / top:0 / 26 / 52).
   All three are forced back into flow below.
   ============================================================ */
body.single-academy_courses .academy-single-course__content-item--reviews ol,
body.single-academy_courses .academy-single-course__content-item--reviews ul,
body.single-academy_courses .academy-review-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.single-academy_courses .academy-single-course__content-item--reviews li,
body.single-academy_courses .academy-review-list li{
  list-style:none !important;
  border-bottom:none !important;
  margin:0 0 14px !important;
  padding:0 !important;
}
body.single-academy_courses .academy-review_container{
  position:relative;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  gap:16px !important;
  padding:18px 20px;
  background:rgba(22,40,42,.4);
  border:1px solid rgba(95,198,212,.18);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06),
             0 0 46px -26px rgba(95,198,212,.3);
}
/* vendor absolute positioning -> back into flow */
body.single-academy_courses .academy-review_container .academy-review-meta__author,
body.single-academy_courses .academy-review_container .academy-review-meta__published-date,
body.single-academy_courses .academy-review_container time,
body.single-academy_courses .academy-review_container .academy-review__rating,
body.single-academy_courses .academy-review_container p.academy-review-meta > *{
  position:static !important;
  left:auto !important; top:auto !important; right:auto !important; bottom:auto !important;
  transform:none !important;
}
/* left column: avatar + rating pill */
body.single-academy_courses .academy-review-thumnail{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:78px;
  float:none !important;
  margin:0 !important; padding:0 !important;
}
body.single-academy_courses .academy-review-thumnail img,
body.single-academy_courses .academy-review-thumnail img.avatar{
  display:block;
  width:64px !important; height:64px !important;
  border-radius:50%;
  float:none !important;
  margin:0 !important;
  background:rgba(22,40,42,.6);
}
body.single-academy_courses .academy-review-thumnail .academy-review__rating,
body.single-academy_courses .academy-review__rating{
  display:inline-flex; align-items:center; gap:5px;
  margin:0 !important;
  padding:3px 10px;
  border-radius:999px;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:12px !important; font-weight:700;
  line-height:1.2;
  color:var(--ember, #E8943C) !important;
  background:rgba(232,148,60,.12);
  border:1px solid rgba(232,148,60,.3);
}
body.single-academy_courses .academy-review__rating .academy-group-star{ display:inline-flex; }
body.single-academy_courses .academy-review__rating .academy-icon--star:before,
body.single-academy_courses .academy-review_container .academy-icon:before{
  color:var(--ember, #E8943C) !important;
  font-size:12px;
}
body.single-academy_courses .academy-review__rating-count{ display:none; }
/* right column: name, date, text */
body.single-academy_courses .academy-review-content{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important; padding:4px 0 0 !important;
  overflow-wrap:anywhere;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
}
body.single-academy_courses .academy-review-content > *{ margin-left:0 !important; }
body.single-academy_courses p.academy-review-meta{
  display:flex !important;
  align-items:baseline; flex-wrap:wrap; gap:10px;
  margin:0 0 8px !important;
}
body.single-academy_courses .academy-review-meta__author{
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:15px !important; font-weight:700 !important;
  color:var(--ice-white, #E6F2F3) !important;
  text-transform:capitalize;
}
body.single-academy_courses .academy-review-meta__published-date{
  font-size:12px !important;
  color:var(--frost-grey, #9FB8BC) !important;
}
body.single-academy_courses .academy-review-description{ margin-top:6px !important; }
body.single-academy_courses .academy-review-description,
body.single-academy_courses .academy-review-description p,
body.single-academy_courses .academy-review-list li .academy-review_container .academy-review-content .academy-review-description p{
  margin:0 !important;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:15px !important;
  line-height:1.65 !important;
  color:rgba(230,242,243,.85) !important;
  background:transparent !important;
}
/* pending badge (vendor class has a typo: cademy-...) */
body.single-academy_courses .academy-review-meta em[class*='awaiting-approval'],
body.single-academy_courses [class*='awaiting-approval']{
  font-style:normal;
  display:inline-flex; align-items:center;
  padding:4px 10px;
  border-radius:8px;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:11px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase;
  color:var(--ember, #E8943C) !important;
  background:rgba(232,148,60,.12);
  border:1px solid rgba(232,148,60,.35);
}
@media (max-width:781px){
  body.single-academy_courses .academy-review_container{ padding:14px; gap:12px; }
  body.single-academy_courses .academy-review-thumnail{ min-width:64px; }
  body.single-academy_courses .academy-review-thumnail img,
  body.single-academy_courses .academy-review-thumnail img.avatar{ width:52px !important; height:52px !important; }
}


/* ============================================================
   17. REVIEW EDIT UI (vendor, gated by is_enable_course_review_edit)
   .academy-review-edit-btn / #academy-review-edit-form /
   #academy-review-edit-content / #academy-review-edit-rating /
   #academy-review-update-btn / #academy-review-cancel-btn
   ============================================================ */
body.single-academy_courses .academy-review_container__edit-btn,
body.single-academy_courses .academy-review-edit-btn{
  top:14px !important; right:16px !important;
  background:transparent !important;
  border:none !important;
  cursor:pointer;
  opacity:.75;
  transition:opacity .2s ease, transform .2s ease;
}
body.single-academy_courses .academy-review_container__edit-btn,
body.single-academy_courses .academy-review_container__edit-btn .academy-icon:before,
body.single-academy_courses .academy-review-edit-btn,
body.single-academy_courses .academy-review-edit-btn .academy-icon,
body.single-academy_courses .academy-review-edit-btn .academy-icon:before,
body.single-academy_courses .academy-review-edit-btn svg{
  color:var(--glacier, #5FC6D4) !important;
  fill:var(--glacier, #5FC6D4);
}
body.single-academy_courses .academy-review-edit-btn:hover{ opacity:1; transform:scale(1.08); }
body.single-academy_courses #academy-review-edit-form,
body.single-academy_courses .academy-review-edit-form{
  margin-top:14px;
  padding:20px 22px !important;
  background:rgba(20,38,42,.42) !important;
  border:1px solid rgba(95,198,212,.2) !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
body.single-academy_courses #academy-review-edit-content,
body.single-academy_courses .academy-review-edit-form__textarea{
  width:100% !important;
  padding:13px 15px !important;
  background:rgba(10,22,26,.55) !important;
  border:1px solid rgba(230,242,243,.16) !important;
  border-radius:12px !important;
  color:var(--ice-white, #E6F2F3) !important;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:15px !important; line-height:1.6 !important;
  resize:vertical;
}
body.single-academy_courses #academy-review-edit-content:focus{
  outline:none;
  border-color:rgba(95,198,212,.5) !important;
  box-shadow:0 0 0 3px rgba(95,198,212,.15);
}
body.single-academy_courses .academy-review-edit-form__select-rating{ margin-bottom:12px; }
body.single-academy_courses .academy-review-edit-form__select-rating-label{
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:12px !important; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(230,242,243,.6) !important;
}
body.single-academy_courses #academy-review-edit-rating,
body.single-academy_courses .academy-review-select-wrap select{
  padding:9px 14px !important;
  background:rgba(10,22,26,.55) !important;
  border:1px solid rgba(230,242,243,.16) !important;
  border-radius:10px !important;
  color:var(--ice-white, #E6F2F3) !important;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:14px !important;
}
body.single-academy_courses #academy-review-edit-rating option{
  background:#0A1A1F; color:var(--ice-white, #E6F2F3);
}
body.single-academy_courses .academy-review_container__update{
  display:flex; align-items:center; justify-content:flex-end; gap:12px;
  margin-top:16px !important;
}
body.single-academy_courses #academy-review-update-btn{
  position:relative; overflow:hidden;
  padding:12px 28px !important;
  border-radius:13px !important;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:13px !important; font-weight:700 !important;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--ice-white, #E6F2F3) !important;
  background:linear-gradient(160deg, rgba(232,148,60,.42), rgba(201,122,58,.30)) !important;
  border:1px solid rgba(232,148,60,.55) !important;
  box-shadow:inset 0 1px 0 rgba(255,225,190,.35),
             0 14px 38px -12px rgba(232,148,60,.55) !important;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}
body.single-academy_courses #academy-review-update-btn:hover{
  transform:scale(1.02);
  box-shadow:inset 0 1px 0 rgba(255,225,190,.45),
             0 18px 48px -10px rgba(232,148,60,.75) !important;
}
body.single-academy_courses #academy-review-update-btn::after{
  content:''; position:absolute; top:0; bottom:0; left:-60%; width:45%;
  background:linear-gradient(100deg, rgba(230,242,243,0), rgba(230,242,243,.35), rgba(230,242,243,0));
  transform:skewX(-18deg);
  transition:left .55s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
body.single-academy_courses #academy-review-update-btn:hover::after{ left:130%; }
body.single-academy_courses #academy-review-cancel-btn{
  padding:12px 24px !important;
  border-radius:13px !important;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:13px !important; font-weight:700 !important;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--ice-white, #E6F2F3) !important;
  background:rgba(22,40,42,.32) !important;
  border:1px solid rgba(230,242,243,.14) !important;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06) !important;
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.single-academy_courses #academy-review-cancel-btn:hover{
  transform:scale(1.02);
  border-color:rgba(95,198,212,.5) !important;
  box-shadow:inset 0 1px 0 rgba(230,242,243,.06),
             0 12px 30px -14px rgba(95,198,212,.4) !important;
}

/* ============================================================
   18. RATING BARS (Student Feedback block)
   Vendor chains are 4 classes deep, ours must match or exceed.
   ============================================================ */
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list{
  display:flex; flex-direction:column; gap:12px;
  margin-top:0 !important;
  padding:18px 22px !important;
}
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list-item{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px;
  margin-bottom:0 !important;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  color:rgba(230,242,243,.75) !important;
}
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list-item .academy-ratings-list-item-col{
  margin:0 !important;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:13px !important; font-weight:700 !important;
  color:rgba(230,242,243,.75) !important;
}
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list-item .academy-icon,
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list-item .academy-icon:before{
  color:var(--ember, #E8943C) !important;
  font-size:13px !important;
}
/* rail */
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list-item .academy-ratings-list-item-fill,
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list .academy-ratings-list-item .academy-ratings-list-item-fill{
  flex:1 1 auto !important;
  width:auto !important;
  height:6px !important;
  margin:0 8px !important;
  border-radius:999px !important;
  background:rgba(230,242,243,.08) !important;
  overflow:hidden !important;
}
/* fill (inline width comes from the vendor) */
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list-item .academy-ratings-list-item-fill-bar{
  height:6px !important;
  max-width:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(201,122,58,.9), #E8943C) !important;
  box-shadow:0 0 14px -4px rgba(232,148,60,.85) !important;
  transition:width .4s ease;
}
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list-item .academy-ratings-list-item-label{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:78px;
  text-align:right;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:13px !important; font-weight:600 !important;
  color:var(--ice-white, #E6F2F3) !important;
}
body.single-academy_courses .academy-single-course__content-item--feedback .academy-student-course-feedback-ratings .academy-ratings-list-item .academy-ratings-list-item-label span{
  margin-left:5px !important;
  color:var(--frost-grey, #9FB8BC) !important;
}
/* average-rating stars (vendor #f4c150) */
body.single-academy_courses .academy-group-star,
body.single-academy_courses .academy-group-star i,
body.single-academy_courses .academy-group-star .academy-icon,
body.single-academy_courses .academy-group-star .academy-icon:before,
body.single-academy_courses .academy-group-star .academy-icon--star:before,
body.single-academy_courses .academy-single-course__content-item--feedback .academy-group-star i,
body.single-academy_courses .academy-single-course__content-item--feedback .academy-group-star .academy-icon:before,
body.single-academy_courses .academy-student-course-feedback-ratings .academy-group-star i,
body.single-academy_courses .academy-student-course-feedback-ratings .academy-group-star .academy-icon:before{
  color:var(--ember, #E8943C) !important;
}
body.single-academy_courses .academy-student-course-feedback-ratings [class*='average'],
body.single-academy_courses .academy-single-course__content-item--feedback [class*='average']{
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  color:var(--ice-white, #E6F2F3) !important;
}
/* curriculum lesson icons (vendor paints ::before #e12a2a) */
body.single-academy_courses .academy-entry-content .academy-icon,
body.single-academy_courses .academy-entry-content .academy-icon:before,
body.single-academy_courses .academy-entry-content i.academy-icon--lesson-alt,
body.single-academy_courses .academy-entry-content i.academy-icon--lesson-alt:before,
body.single-academy_courses .academy-lesson-list .academy-icon:before,
body.single-academy_courses .academy-accordion .academy-icon:before{
  color:var(--glacier, #5FC6D4) !important;
}


/* ============================================================
   19. REVIEWS PAGINATION (the_comments_pagination, 5 per page)
   ============================================================ */
body.single-academy_courses .academy-single-course__content-item--reviews .comments-pagination,
body.single-academy_courses .academy-single-course__content-item--reviews .navigation.comments-pagination{
  margin-top:20px;
}
body.single-academy_courses .academy-single-course__content-item--reviews .comments-pagination .nav-links{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px;
}
body.single-academy_courses .academy-single-course__content-item--reviews .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:38px;
  padding:0 12px;
  border-radius:11px;
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:13px; font-weight:700;
  letter-spacing:.06em;
  color:rgba(230,242,243,.7) !important;
  text-decoration:none;
  background:rgba(22,40,42,.32);
  border:1px solid rgba(230,242,243,.12);
  transition:transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
body.single-academy_courses .academy-single-course__content-item--reviews a.page-numbers:hover{
  transform:scale(1.04);
  color:var(--ice-white, #E6F2F3) !important;
  border-color:rgba(95,198,212,.5);
  box-shadow:0 12px 30px -14px rgba(95,198,212,.4);
}
body.single-academy_courses .academy-single-course__content-item--reviews .page-numbers.current{
  color:var(--ice-white, #E6F2F3) !important;
  background:linear-gradient(160deg, rgba(232,148,60,.42), rgba(201,122,58,.30));
  border-color:rgba(232,148,60,.55);
  box-shadow:inset 0 1px 0 rgba(255,225,190,.35),
             0 10px 26px -14px rgba(232,148,60,.5);
}
body.single-academy_courses .academy-single-course__content-item--reviews .page-numbers.dots{
  background:none; border:none; color:rgba(230,242,243,.4) !important;
}
body.single-academy_courses .academy-single-course__content-item--reviews .nav-prev-text,
body.single-academy_courses .academy-single-course__content-item--reviews .nav-next-text{
  text-transform:uppercase;
}
body.single-academy_courses .academy-single-course__content-item--reviews .comments-pagination .screen-reader-text{
  position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);
}
body.single-academy_courses .academy-single-course__content-item--reviews > p,
body.single-academy_courses .academy-no-reviews{
  font-family:var(--font-ui, "Manrope", sans-serif) !important;
  font-size:15px;
  color:rgba(230,242,243,.6) !important;
}


/* ============================================================
   20. SITE HEADER ON THIS VENDOR TEMPLATE
   Elementor sticky sizes the header from the page container; the
   Academy template has none, so the non-sticky state collapsed on
   mobile. The sticky spacer must never carry side margins (it caused
   a 16px horizontal overflow -> the whole page could be dragged).
   Desktop is handled by ia-course-single-layout.css - do not touch.
   ============================================================ */
body.single-academy_courses header.elementor-location-header{ width:100% !important; }
body.single-academy_courses .ia-header-glass.elementor-sticky__spacer{
  margin-left:0 !important;
  margin-right:0 !important;
  width:auto !important;
  max-width:100% !important;
  box-sizing:border-box;
}
@media (max-width:1024px){
  body.single-academy_courses .ia-header-glass:not(.elementor-sticky--active){
    width:auto !important;
    max-width:none !important;
    box-sizing:border-box;
    inset-inline-start:auto !important;
    left:auto !important; right:auto !important;
    margin-left:16px !important;
    margin-right:16px !important;
  }
}


/* ============================================================
   21. MOBILE GRID (<=1024)
   Vendor pairs .academy-row margin -15px with .academy-col-* padding
   15px. Zero BOTH, otherwise the content gains a phantom 15px inset.
   Edge gutter is owned by .academy-container only: 16px.
   ============================================================ */
@media (max-width:1024px){
  body.single-academy_courses .academy-container{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  body.single-academy_courses .academy-row{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.single-academy_courses [class*='academy-col-']{
    padding-left:0 !important;
    padding-right:0 !important;
    max-width:100% !important;
  }
  body.single-academy_courses img,
  body.single-academy_courses video,
  body.single-academy_courses iframe{
    max-width:100% !important;
  }
  /* enroll plate is moved after the description by ia-global.js */
  body.single-academy_courses .academy-col-lg-4.ia-plate-moved{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 26px !important;
    padding:0 !important;
    position:static !important;
  }
  body.single-academy_courses .ia-plate-moved .academy-widget-enroll{
    position:static !important;
    width:100% !important;
    transform:none !important;
  }
}


/* ============================================================
   22. STICKY BUY BAR (mobile)
   Built by ia-global.js only when the plate has a live purchase CTA
   (Purchase Now / Enroll Now / Re-Enroll). Its button proxies a click
   to the original, so vendor logic (cart form, login popup) is intact.
   ============================================================ */
.ia-buy-bar{ display:none; }
@media (max-width:1024px){
  .ia-buy-bar{
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:140;
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:9px 14px calc(9px + env(safe-area-inset-bottom, 0px));
    background:rgba(16,32,36,.92);
    border-top:1px solid rgba(230,242,243,.12);
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    box-shadow:0 -18px 40px -28px rgba(0,0,0,.9);
    transform:translateY(110%);
    transition:transform .28s cubic-bezier(.4,0,.2,1);
    pointer-events:none;
  }
  body.ia-buy-bar-on .ia-buy-bar{
    transform:translateY(0);
    pointer-events:auto;
  }
  .ia-buy-bar__price{
    flex:0 1 auto; min-width:0;
    font-family:var(--font-ui, "Manrope", sans-serif);
    font-size:17px; font-weight:800;
    line-height:1.1;
    color:var(--ice-white, #E6F2F3);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .ia-buy-bar__price del,
  .ia-buy-bar__price del *{
    font-size:14px !important;
    font-weight:600 !important;
    color:var(--frost-grey, #9FB8BC) !important;
    margin-right:4px;
  }
  .ia-buy-bar__price .storeengine-price{ color:var(--ice-white, #E6F2F3); }
  .ia-buy-bar__btn{
    position:relative; overflow:hidden;
    flex:0 0 auto;
    padding:11px 22px;
    border-radius:11px;
    font-family:var(--font-ui, "Manrope", sans-serif);
    font-size:11px; font-weight:700;
    letter-spacing:1.2px; text-transform:uppercase;
    color:var(--ice-white, #E6F2F3);
    background:linear-gradient(160deg, rgba(232,148,60,.42), rgba(201,122,58,.30));
    border:1px solid rgba(232,148,60,.55);
    box-shadow:inset 0 1px 0 rgba(255,225,190,.35),
               0 14px 38px -12px rgba(232,148,60,.55);
    cursor:pointer;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .ia-buy-bar__btn:active{ transform:scale(.98); }
  .ia-buy-bar__btn::after{
    content:''; position:absolute; top:0; bottom:0; left:-60%; width:45%;
    background:linear-gradient(100deg, rgba(230,242,243,0), rgba(230,242,243,.35), rgba(230,242,243,0));
    transform:skewX(-18deg);
    transition:left .55s cubic-bezier(.4,0,.2,1);
    pointer-events:none;
  }
  .ia-buy-bar__btn:hover::after{ left:130%; }
}