/* ==================================================
   Organized CSS
   Note: All original rules/comments are preserved; only grouping comments and order were adjusted.
================================================== */

/* ==================================================
   01. Root Variables & Theme
================================================== */
:root {
  color-scheme: light;
  --bg: #fbfaf7;
  --panel: #ffffff;
  --panel-soft: #fffaf0;
  --ink: #071725;
  --muted: #6f7884;
  --line: #ece6dc;
  --gold: #c7962b;
  --gold-2: #efc76b;
  --gold-dark: #8a6317;
  --navy: #071725;
  --shadow: 0 20px 50px rgba(16, 31, 45, 0.09);
  --shadow-2: 0 12px 30px rgba(16, 31, 45, 0.08);
  --radius-xl: 22px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --container: 1300px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #07111d;
  --panel: #0b1a2a;
  --panel-soft: #0f2235;
  --ink: #f8fbff;
  --muted: #a8b3c3;
  --line: rgba(255, 255, 255, 0.08);
  --gold: #d8aa43;
  --gold-2: #efca70;
  --gold-dark: #b7892e;
  --navy: #071725;
  --shadow: 0 22px 65px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 14px 35px rgba(0, 0, 0, 0.28);
}


/* ==================================================
   02. Reset, Font & Base Elements
================================================== */
* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden !important;
}

@font-face {
  font-family: "IRANSans";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/iransansdnwebbold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "IRANSans";
  font-style: normal;
  src: url("../fonts/iransansdnweblight.woff2") format("woff2");
  font-display: swap;
}


body {
  margin: 0;
  font-family: "IRANSans", system-ui, -apple-system, "Segoe UI", sans-serif;
  background: radial-gradient(circle at 15% 8%,
      rgba(199, 150, 43, 0.12),
      transparent 26rem),
    linear-gradient(180deg, var(--bg), var(--bg));
  color: var(--ink);
  font-size: 15px;
  line-height: 1.8;
  direction: rtl;
}

a {
  color: inherit;
  text-decoration: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
select {
  font: inherit;
}

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--gold) 65%, transparent);
  outline-offset: 3px;
}


/* ==================================================
   03. Layout Containers, Sections & Utilities
================================================== */
.desktop-shell,
.page-wrap,
.container {
  width: min(var(--container), calc(100% - 48px));
  margin-inline: auto;
}

.page-wrap {
  padding: 28px 0 110px;
}



.section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 18px;
}

.section-title>div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-title span {
  color: var(--gold);
  font-size: 20px;
}

.section-title h2 {
  margin: 0;
  font-size: 26px;
  letter-spacing: -0.04em;
  line-height: 1.2;
  font-weight: 950;
}

.section-title a {
  font-weight: 800;
  color: var(--ink);
  opacity: 0.72;
  font-size: 13px;
}

.section-title p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
}

/* Professional navigation and submenu upgrade */

.anchor-target {
  display: block;
  position: relative;
  top: -116px;
  visibility: hidden;
  height: 0;
  pointer-events: none;
}

.text-center {
  text-align: center;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

/* ==================================================
   04. Top Banner
================================================== */
.top-banner {
  display: block;
  overflow: hidden;
  background: #fff7e4;
  box-shadow: 0 1px 0 var(--line);
}

.top-banner img {
  width: 100%;
  object-fit: cover;
}


/* ==================================================
   05. Header, Search, Buttons & Theme Toggle
================================================== */
.site-header {
  background: color-mix(in srgb, var(--panel) 86%, transparent);
  backdrop-filter: blur(20px);
  border: 1px solid var(--line);
  border-top: 0;
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
  box-shadow: var(--shadow-2);
  position: sticky;
  top: 0;
  z-index: 30;
}

.header-main {
  border-bottom: 1px solid var(--line);
}

.search-box {
  display: flex;
  align-items: center;
  height: 44px;
  max-width: 460px;
  flex: 1;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
}

.search-box button {
  width: 58px;
  height: 44px;
  border: 0;
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #fff;
}

.search-box svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.search-box input {
  min-width: 0;
  flex: 1;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--ink);
  outline: 0;
  padding: 0 14px;
}

.search-box input::placeholder {
  color: #b1b8bf;
}

.btn {
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  border-radius: 11px;
  font-weight: 800;
  font-size: 13px;
  white-space: nowrap;
  transition: 0.25s ease;
  box-shadow: 0 10px 20px rgba(7, 23, 37, 0.05);
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-dark {
  background: var(--navy);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.btn-gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #fff;
  cursor: pointer;
  border: none;
}

.btn-outline {
  border: 1px solid var(--gold);
  color: var(--gold-dark);
  background: color-mix(in srgb, var(--panel) 75%, transparent);
}

.theme-toggle {
  width: 47px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 99px;
  background: var(--panel-soft);
  padding: 3px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: none;
}

.theme-toggle span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), #fff3c5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  transition: 0.25s ease;
}

:root[data-theme="dark"] .theme-toggle {
  justify-content: flex-end;
  background: #fff;
}

.header-row {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0;
  justify-content: space-between;
}

.site-header {
  overflow: visible;
}

.search-box:focus-within {
  border-color: color-mix(in srgb, var(--gold) 48%, var(--line));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--gold) 12%, transparent);
}

.light-outline {
  border-color: rgba(255, 255, 255, 0.42);
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.light-outline:hover {
  background: rgba(255, 255, 255, 0.16);
}

.logo-dark {
  display: none;
}

.logo-light {
  display: block;
}

[data-theme="dark"] .logo-light {
  display: none;
}

[data-theme="dark"] .logo-dark {
  display: block;
}

.quick-actions a {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  position: relative;
  color: var(--ink);
}

.quick-actions svg {
  width: 21px;
  height: 21px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
}

.quick-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-inline-start: auto;
}

/* ==================================================
   06. Desktop Navigation, Submenus & Mega Menus
================================================== */
.nav-row {
  justify-content: flex-start;
  padding-block: 12px;
  gap: 34px;
  font-weight: 700;
  font-size: 14px;
  color: var(--ink);
  display: flex;
}

.sub-menu {
  padding-right: 0;
}

.item-menu li {
  list-style: none;
  position: relative;
}

.item-menu>li {
  line-height: 3;
}

.nav-row a {
  position: relative;
  color: var(--ink);
  opacity: 0.84;
  transition: 0.25s ease;
}

.nav-row a.active,
.nav-row a:hover {
  color: var(--gold);
  opacity: 1;
}

.nav-row a.active:after,
.nav-row a:hover:after {
  width: 100%;
}

.pro-nav {
  position: relative;
  overflow: visible;
  z-index: 35;
  gap: 19px;
  padding-block: 0;
}

.pro-nav .nav-item {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 3;
}

.pro-nav .nav-link {
  display: inline-flex;
  align-items: center;
}

.pro-nav .has-submenu>.nav-link::after,
.menu-item-has-children>a::after {
  content: "⌄";
  font-size: 12px;
  color: var(--gold);
  margin-inline-end: 1px;
  transition: 0.22s ease;
  margin-right: 3px;
}

.pro-nav .has-submenu:hover>.nav-link::before,
.pro-nav .has-submenu:focus-within>.nav-link::before {
  transform: rotate(180deg);
}

.pro-nav .submenu a,
.menu-item .sub-menu a {
  opacity: 1;
  color: var(--ink);
  font-weight: 800;
  font-size: 13px;
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  white-space: nowrap;
  transition: 0.2s ease;
  background: transparent;
}

.pro-nav .submenu a::after,
.menu-item .sub-menu a::after {
  display: none !important;
}

.pro-nav .submenu a:hover,
.menu-item .sub-menu a:hover {
  background: color-mix(in srgb, var(--gold) 12%, var(--panel-soft));
  color: var(--gold-dark);
  transform: translateX(-3px);
}

.pro-nav .submenu a span {
  font-weight: 950;
}

.mega-menu {
  width: min(680px, calc(100vw - 64px));
  display: grid;
  grid-template-columns: 1fr 1fr 230px;
  gap: 16px;
  padding: 18px;
}

.submenu-column {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
}

.submenu-column strong {
  font-size: 13px;
  font-weight: 950;
  color: var(--gold-dark);
  padding: 0 10px 7px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 2px;
}

.submenu-feature {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(135deg, #071725, #112b43);
  color: #fff;
  padding: 18px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.submenu-feature::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  left: -55px;
  bottom: -70px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(239, 199, 107, 0.36),
      transparent 68%);
}

.submenu-feature small {
  display: block;
  color: var(--gold-2);
  font-weight: 900;
  margin-bottom: 6px;
}

.submenu-feature b {
  display: block;
  font-size: 17px;
  font-weight: 950;
  margin-bottom: 7px;
}

.submenu-feature p {
  margin: 0 0 14px;
  color: #cbd6e3;
  font-size: 12px;
  line-height: 1.9;
}

.submenu-feature .btn {
  height: 36px;
  padding-inline: 16px;
  position: relative;
  z-index: 1;
  color: #071725;
}

.compact-menu,
.sub-menu {
  min-width: 238px;
  padding: 12px;
  display: grid;
  gap: 4px;
}

.courses-menu-item {
  position: static !important;
}

.pro-nav .course-mega-menu {
  width: min(960px, calc(100vw - 64px));
  min-height: 336px;
  display: grid;
  grid-template-columns: 235px minmax(0, 1fr) 220px;
  gap: 18px;
  padding: 14px;
  right: 0;
  top: 100%;
}

.course-mega-sidebar,
.course-mega-body,
.course-mega-feature {
  position: relative;
  z-index: 1;
}

.course-mega-sidebar {
  display: grid;
  align-content: start;
  padding: 0;
  border-left: 1px solid var(--line);
}

.pro-nav .course-mega-sidebar a {
  display: grid;
  gap: 2px;
  min-height: 54px;
  padding: 10px 12px;
  border-radius: 14px;
  white-space: normal;
  background: transparent;
}

.pro-nav .course-mega-sidebar a::before {
  content: "";
  width: 6px;
  height: 0;
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  border-radius: 99px;
  background: var(--gold);
  opacity: 0;
  transition: 0.22s ease;
}

.pro-nav .course-mega-sidebar a:hover,
.pro-nav .course-mega-sidebar a.is-active {
  background: linear-gradient(90deg,
      color-mix(in srgb, var(--gold) 16%, var(--panel-soft)),
      transparent);
  color: var(--gold-dark);
  transform: none;
}

.pro-nav .course-mega-sidebar a:hover::before,
.pro-nav .course-mega-sidebar a.is-active::before {
  height: auto;
  opacity: 1;
}

.course-mega-sidebar span {
  font-size: 13px;
  font-weight: 950;
}

.course-mega-sidebar small {
  font-size: 11px;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.45;
}

.course-mega-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 22px;
  align-content: start;
  padding: 8px 2px;
}

.course-mega-group {
  min-width: 0;
  padding: 8px 6px 10px;
  border-radius: 16px;
}

.course-mega-group h3 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 950;
  color: var(--gold-dark);
  display: flex;
  align-items: center;
  gap: 7px;
}

.course-mega-group h3::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--gold) 14%, transparent);
}

.pro-nav .course-mega-group a {
  justify-content: flex-start;
  padding: 8px 9px;
  border-radius: 11px;
  font-size: 12.5px;
  color: var(--ink);
}

.pro-nav .course-mega-group a::before {
  content: "✦";
  color: var(--gold);
  font-size: 17px;
  line-height: 1;
}

.pro-nav .course-mega-group a span {
  margin-inline-start: auto;
}

.course-mega-feature {
  overflow: hidden;
  border-radius: 18px;
  padding: 20px 18px;
  align-self: stretch;
  background: linear-gradient(145deg, #071725, #102d47 72%, #173956);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 20px 44px rgba(7, 23, 37, 0.18);
}

.course-mega-feature::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  left: -62px;
  bottom: -74px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(239, 199, 107, 0.38),
      transparent 68%);
}

.course-mega-feature small {
  display: block;
  color: var(--gold-2);
  font-weight: 950;
  margin-bottom: 7px;
}

.course-mega-feature b {
  display: block;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.6;
  margin-bottom: 7px;
}

.course-mega-feature p {
  margin: 0 0 16px;
  color: #cbd6e3;
  font-size: 12px;
  line-height: 2;
}

.course-mega-feature .btn {
  position: relative;
  z-index: 1;
  height: 38px;
  color: #071725;
  padding-inline: 18px;
}

/* ===== Patch: two-column Digikala-style courses mega menu ===== */

.pro-nav .course-mega-menu {
  width: min(850px, calc(100vw - 64px)) !important;
  min-height: 344px !important;
  grid-template-columns: 236px minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
}

.course-mega-feature {
  display: none !important;
}

.course-mega-sidebar {
  padding: 0 !important;
  background: color-mix(in srgb, var(--panel-soft) 78%, transparent);
  border-left: 1px solid var(--line) !important;
}

.pro-nav .course-mega-sidebar a {
  position: relative;
  min-height: 56px !important;
  padding: 10px 14px 10px 10px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}

.pro-nav .course-mega-sidebar a:hover,
.pro-nav .course-mega-sidebar a.is-active {
  background: var(--panel) !important;
  color: var(--gold-dark) !important;
  box-shadow: inset -3px 0 0 var(--gold);
}

.pro-nav .course-mega-sidebar a:hover::before,
.pro-nav .course-mega-sidebar a.is-active::before {
  display: none;
}

.course-mega-body {
  display: block !important;
  padding: 18px 20px !important;
  background: var(--panel);
  min-width: 0;
}

.course-mega-panel {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
  align-content: start;
  min-height: 100%;
}

.course-mega-panel.is-active {
  display: grid;
  animation: megaPanelIn 0.18s ease both;
}

.course-mega-panel[hidden] {
  display: none !important;
}

.course-mega-group {
  padding: 2px 0 10px !important;
}

.pro-nav .course-mega-group a {
  min-height: 36px;
  padding: 8px 4px !important;
}

.pro-nav .course-mega-group a:hover {
  background: color-mix(in srgb, var(--gold) 9%, var(--panel-soft)) !important;
  transform: none !important;
}


/* ==================================================
   07. Mobile Header, Drawer & Bottom Navigation
================================================== */
.mobile-header {
  display: none;
}

.bottom-nav {
  display: none;
}

/* Mobile drawer */

body.menu-open {
  overflow: hidden;
}

.menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(2, 8, 14, 0.52);
  backdrop-filter: blur(4px);
  z-index: 70;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease;
}

.mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(86vw, 360px);
  background: var(--panel);
  color: var(--ink);
  z-index: 80;
  transform: translateX(105%);
  transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: -18px 0 50px rgba(0, 0, 0, 0.24);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-left: 1px solid var(--line);
}

body.menu-open .menu-backdrop {
  opacity: 1;
  visibility: visible;
}

body.menu-open .mobile-drawer {
  transform: translateX(0);
}

.drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.drawer-close {
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-soft);
  color: var(--ink);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.drawer-nav {
  display: grid;
  gap: 8px;
}

.drawer-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-weight: 850;
  color: var(--ink);
  background: linear-gradient(90deg,
      color-mix(in srgb, var(--panel-soft) 70%, transparent),
      transparent);
}

.drawer-nav a:hover {
  border-color: color-mix(in srgb, var(--gold) 34%, var(--line));
  background: var(--panel-soft);
}

.drawer-actions {
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.drawer-actions .btn {
  padding-inline: 10px;
}

/* Mobile accordion submenu */

.mobile-drawer {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.drawer-nav {
  gap: 7px;
}

.drawer-group {
  display: grid;
  gap: 0;
}

.drawer-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-weight: 900;
  color: var(--ink);
  background: linear-gradient(90deg,
      color-mix(in srgb, var(--panel-soft) 70%, transparent),
      transparent);
  cursor: pointer;
  text-align: right;
}

.drawer-toggle::after {
  content: "⌄";
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--gold);
  background: color-mix(in srgb, var(--gold) 10%, transparent);
  transition: 0.22s ease;
}

.drawer-group.is-open .drawer-toggle {
  border-color: color-mix(in srgb, var(--gold) 34%, var(--line));
  background: var(--panel-soft);
}

.drawer-group.is-open .drawer-toggle::after {
  transform: rotate(180deg);
}

.drawer-submenu {
  display: grid;
  gap: 6px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.28s ease, opacity 0.22s ease, padding 0.22s ease;
  padding: 0 10px;
}

.drawer-group.is-open .drawer-submenu {
  max-height: 320px;
  opacity: 1;
  padding: 7px 10px 8px;
}

.drawer-submenu a {
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-inline-start: 10px;
  padding: 9px 12px !important;
  border-radius: 11px !important;
  background: color-mix(in srgb, var(--gold) 8%, var(--panel-soft)) !important;
  border: 1px solid color-mix(in srgb, var(--gold) 12%, var(--line)) !important;
  color: var(--ink) !important;
}

.drawer-submenu a::after {
  display: none !important;
}

.drawer-submenu a:hover {
  background: color-mix(in srgb, var(--gold) 16%, var(--panel-soft)) !important;
}

.drawer-nav>a {
  min-height: 45px;
}

.drawer-nav>a:first-child {
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--gold) 18%, var(--panel-soft)),
      var(--panel-soft));
  border-color: color-mix(in srgb, var(--gold) 18%, var(--line));
}

.drawer-mega-submenu strong {
  display: block;
  margin: 8px 10px 2px;
  color: var(--gold-dark);
  font-size: 12px;
  font-weight: 950;
}

.drawer-group.is-open .drawer-mega-submenu {
  max-height: 560px;
}


/* ==================================================
   08. Hero, Portrait, Trust & Hero Slider
================================================== */
.hero-grid {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}

.portrait-wrap {
  position: relative;
  height: 100%;
  display: grid;
  place-items: end center;
  z-index: 2;
  align-self: stretch;
  overflow: hidden;
  padding: 20px 0 0 32px;
}

.portrait-wrap img {
  height: 318px;
  width: 282px;
  object-fit: cover;
  object-position: center;
  filter: drop-shadow(0 18px 28px rgba(7, 23, 37, 0.18));
  border-radius: 150px 150px 32px 32px;
  position: relative;
  z-index: 2;
  border: 5px solid rgba(255, 255, 255, 0.48);
}

.portrait-orbit {
  position: absolute;
  inset: 35px 12px 22px 42px;
  border: 4px solid var(--gold);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  transform: rotate(-18deg);
  z-index: 1;
}

.trust-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 760px;
  margin: -44px 315px 34px 0;
  position: relative;
  z-index: 4;
  gap: 18px;
}

.trust-row article {
  display: flex;
  align-items: center;
  gap: 12px;
  background: color-mix(in srgb, var(--panel) 82%, transparent);
  backdrop-filter: blur(12px);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: var(--shadow-2);
}

.trust-row span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--panel-soft);
  color: var(--gold-dark);
  font-size: 20px;
}

.trust-row b {
  display: block;
  font-size: 13px;
}

.trust-row small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-top: 1px;
}

/* ===== Hero slider & parallax banner upgrade ===== */

.hero-slider-card {
  display: block;
  padding: 0;
}

.hero-main-swiper {
  height: 100%;
  position: relative;
}

.hero-slide {
  position: relative;
  overflow: hidden;
}

.hero-image-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tall-card {
  width: 250px;
  height: 260px;
  border-radius: 28px 92px 28px 28px;
}

.wide-card {
  width: 272px;
  height: 196px;
  border-radius: 36px 36px 24px 96px;
}

:root[data-theme="dark"] .hero-float-card,
:root[data-theme="dark"] .hero-kpi-card {
  background: rgba(8, 22, 35, 0.76);
  color: #eef4f8;
  border-color: rgba(255, 255, 255, 0.09);
}

.hero-image-stack {
  display: grid;
  gap: 14px;
  justify-items: end;
  align-content: center;
}

.hero-image-stack-alt {
  justify-items: center;
}

.hero-kpi-card {
  width: 210px;
  padding: 16px 17px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.52);
  box-shadow: 0 16px 28px rgba(7, 23, 37, 0.1);
  backdrop-filter: blur(12px);
}

.hero-kpi-card b {
  display: block;
  font-size: 18px;
  line-height: 1.4;
  color: var(--gold-dark);
  font-weight: 950;
}

.hero-kpi-card small {
  display: block;
  margin-top: 5px;
  font-size: 11.5px;
  line-height: 1.9;
  color: var(--muted);
}

.hero-kpi-card-emphasis b {
  font-size: 20px;
}

.hero-main-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(7, 23, 37, 0.78);
  color: #fff;
  box-shadow: 0 12px 26px rgba(7, 23, 37, 0.22);
  cursor: pointer;
  user-select: none;
}

.hero-main-next {
  left: 18px;
}

.hero-main-prev {
  right: 18px;
}

.hero-main-pagination {
  position: absolute !important;
  right: 58px !important;
  bottom: 18px !important;
  left: auto !important;
  width: auto !important;
}

.hero-main-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(7, 23, 37, 0.22);
  opacity: 1;
}

.hero-main-pagination .swiper-pagination-bullet-active {
  width: 26px;
  border-radius: 99px;
  background: var(--gold-dark);
}


/* ==================================================
   09. Category Card & Talent Side Card
================================================== */
.category-card {
  background: #061625;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  box-shadow: var(--shadow);
  padding: 18px;
  min-height: 362px;
  position: relative;
  overflow: hidden;
}

.category-card:before {
  content: "";
  position: absolute;
  inset: -80px 50% auto auto;
  width: 210px;
  height: 210px;
  background: radial-gradient(circle, rgba(216, 170, 67, 0.28), transparent 65%);
}

.category-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--gold-2);
  font-weight: 900;
  margin-bottom: 14px;
}

.category-head svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.category-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 3px;
  position: relative;
  z-index: 1;
}

.category-card li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  font-size: 13px;
  color: #edf4fb;
  transition: 0.2s ease;
}

.category-card li a:hover {
  color: var(--gold-2);
  padding-inline-start: 7px;
}

.category-card i {
  font-style: normal;
  color: var(--gold-2);
  opacity: 0.8;
}

.category-more {
  height: 42px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  place-items: center;
  margin-top: 18px;
  font-weight: 800;
  font-size: 12px;
  color: #fff;
}

.talent-side-card {
  min-height: 362px;
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 19px;
  color: #fff;
  background: radial-gradient(circle at 18% 12%,
      rgba(239, 199, 107, 0.28),
      transparent 9rem),
    radial-gradient(circle at 92% 76%,
      rgba(72, 135, 214, 0.22),
      transparent 11rem),
    linear-gradient(145deg, #061625, #0c2540 62%, #102f4d);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: var(--shadow), inset 0 0 0 1px rgba(255, 255, 255, 0.045);
  isolation: isolate;
}

.talent-side-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(125deg,
      transparent 0 18%,
      rgba(255, 255, 255, 0.15) 32%,
      transparent 45% 100%);
  transform: translateX(70%);
  opacity: 0.75;
  animation: talentShine 5.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

.talent-side-card> :not(.talent-glow) {
  position: relative;
  z-index: 1;
}

.talent-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(0.2px);
  z-index: 0;
}

.talent-glow-1 {
  width: 190px;
  height: 190px;
  right: -88px;
  top: -62px;
  background: radial-gradient(circle,
      rgba(239, 199, 107, 0.42),
      transparent 70%);
  animation: talentFloat 7s ease-in-out infinite;
}

.talent-glow-2 {
  width: 210px;
  height: 210px;
  left: -100px;
  bottom: -105px;
  background: radial-gradient(circle, rgba(99, 159, 236, 0.26), transparent 72%);
  animation: talentFloat 8s ease-in-out infinite reverse;
}

.talent-side-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.talent-badge {
  height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--gold-2);
  font-size: 12px;
  font-weight: 950;
}

.talent-live-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--gold-2);
  box-shadow: 0 0 0 0 rgba(239, 199, 107, 0.45);
  animation: talentPing 1.65s ease-out infinite;
}

.talent-side-card h2 {
  margin: 0;
  font-size: 21px;
  line-height: 1.55;
  font-weight: 950;
  letter-spacing: -0.045em;
  color: #fff;
}

.talent-side-card p {
  margin: 9px 0 14px;
  color: #d5e0ea;
  font-size: 12.5px;
  line-height: 1.95;
  font-weight: 500;
}

.talent-mini-swiper {
  margin: 0 -4px;
  padding: 3px 4px 26px;
  overflow: hidden;
}

.talent-mini-slide {
  height: auto;
  min-height: 128px;
  padding: 15px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.085);
  border: 1px solid rgba(255, 255, 255, 0.105);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.talent-mini-slide i {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #071725;
  font-style: normal;
  font-weight: 950;
  margin-bottom: 11px;
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.16);
}

.talent-mini-slide b {
  display: block;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.7;
  color: #fff;
}

.talent-mini-slide small {
  display: block;
  color: #c6d3df;
  font-size: 11px;
  line-height: 1.85;
  margin-top: 5px;
}

.talent-pagination {
  bottom: 0 !important;
}

.talent-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.58);
  opacity: 1;
  width: 6px;
  height: 6px;
  transition: 0.2s ease;
}

.talent-pagination .swiper-pagination-bullet-active {
  width: 18px;
  border-radius: 99px;
  background: var(--gold-2);
}

.talent-side-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 4px;
}

.talent-side-stats span {
  display: grid;
  gap: 1px;
  padding: 10px 11px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.065);
  border: 1px solid rgba(255, 255, 255, 0.085);
}

.talent-side-stats b {
  font-size: 12px;
  color: #fff;
  line-height: 1.4;
}

.talent-side-stats small {
  font-size: 10.5px;
  color: #b9c8d7;
  line-height: 1.6;
}

.talent-side-cta {
  height: 42px;
  margin-top: 12px;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #071725;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  font-size: 12px;
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
  transition: 0.25s ease;
}

.talent-side-cta:hover {
  transform: translateY(-2px);
  filter: saturate(1.05);
}


/* ==================================================
   10. Products, Sliders, Articles, Latest & News
================================================== */
.flash-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  margin-bottom: 24px;
  color: #fff;
  font-size: 12px;
}

.flash-meta b {
  height: 30px;
  min-width: 33px;
  padding: 0 8px;
  background: #ffac33;
  color: #042358;
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.02em;
}

.slider-wrap {
  position: relative;

}

.deals-swiper {
  padding: 2px 2px 38px;
}

.product-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow-2);
  overflow: hidden;
  padding: 0 0 16px;
  height: auto;
  transition: 0.25s ease;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}

.product-card .thumb {
  height: 200px;
  position: relative;
  overflow: hidden;
  border-radius: 17px 17px 10px 10px;

}

.product-card .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
}

.product-card .discount {
  position: absolute;
  right: 10px;
  top: 9px;
  background: #ee2d3e;
  color: #fff;
  padding: 5px 10px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 900;
}

.product-card em {
  position: absolute;
  left: 10px;
  bottom: 9px;
  background: #071725;
  color: #fff;
  border-radius: 9px;
  padding: 4px 8px;
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
}

.product-card h3 {
  font-size: 14px;
  line-height: 1.55;
  margin: 16px 16px 5px;
  font-weight: 900;
  height: 44px;
  overflow: hidden;
  color: var(--ink);
}

.product-card p {
  margin: 0 16px;
  color: var(--muted);
  font-size: 12px;
}

.price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 12px 16px 0;
  font-size: 12px;
}

.price del {
  color: #b0b4bc;
}

.price strong {
  color: #e84d2e;
  font-weight: 950;
}

.slider-btn {
  position: absolute;
  top: 40%;
  z-index: 4;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: #071725;
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(7, 23, 37, 0.18);
}

.slider-btn.prev {
  right: 0;
}

.slider-btn.next {
  left: 0;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  opacity: 0.25;
  background: var(--ink);
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--gold);
}

.articles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.article-card {
  display: grid;
  grid-template-columns: 136px 1fr;
  gap: 14px;
  align-items: center;
  padding: 12px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow-2);
}

.article-card img {
  width: 136px;
  height: 88px;
  object-fit: cover;
  border-radius: 13px;
}

.article-card h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 900;
}

.article-card small {
  color: var(--muted);
  font-size: 12px;
}

/* Latest carousel */

.latest-section {
  position: relative;
}

.latest-wrap {
  padding-inline: 38px;
}

.latest-swiper {
  padding: 2px 2px 38px;
}

.latest-card {
  height: auto;
  min-height: 238px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-2);
  transition: 0.25s ease;
}

.latest-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}

.latest-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;

}

.latest-body {
  padding: 14px 15px 16px;
}

.woocommerce-Price-currencySymbol {
  font-size: 10px !important;
}

.latest-body span {
  display: inline-flex;
  align-items: center;
  color: var(--gold-dark);
  font-size: 18px;
  font-weight: 950;
  font-weight: 950;
  line-height: 1;
  color: var(--ink);
}

ins {
  text-decoration: none !important;
  font-size: 18px;
}

.latest-body h3 {
  margin: 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 950;
  line-height: 1.65;
  height: 53px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.latest-body p {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.latest-pagination .swiper-pagination-bullet-active {
  background: var(--gold);
}

.article-card {
  transition: 0.25s ease;
}

.article-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: color-mix(in srgb, var(--gold) 32%, var(--line));
}

.news-wrap {
  padding-inline: 38px;
}

.articles-swiper {
  padding: 2px 2px 38px;
}

.news-section .article-card {
  height: auto;
  min-height: 138px;
  grid-template-columns: 132px 1fr;
  transition: 0.25s ease;
}

.news-section .article-card img {
  height: 100%;
  min-height: 108px;
}

.news-section .article-card span {
  display: inline-flex;
  align-items: center;
  height: 23px;
  width: max-content;
  padding: 0 9px;
  margin-bottom: 8px;
  border-radius: 99px;
  background: color-mix(in srgb, var(--gold) 13%, var(--panel-soft));
  color: var(--gold-dark);
  font-size: 11px;
  font-weight: 950;
}

.articles-pagination .swiper-pagination-bullet-active {
  background: var(--gold);
}


/* ==================================================
   13. Footer, Newsletter & Social Links
================================================== */
/* Footer */

.site-footer {
  margin-top: 34px;

}

.footer-shell {
  background: linear-gradient(135deg, #071725, #0b2034 62%, #112b43);
  color: #eef4f8;
  position: relative;
}



.footer-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.35fr 0.75fr 0.75fr 1.1fr;
  gap: 26px;
  padding: 34px;
}

.footer-brand .brand {
  color: #fff;
}

.footer-brand .brand small {
  color: #bac6d4;
}

.footer-brand p,
.footer-newsletter p {
  margin: 14px 0 0;
  color: #c8d2de;
  font-size: 13px;
  line-height: 2;
  max-width: 380px;
}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.footer-social a {
  padding: 7px 6px;
}

.footer-social img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.footer-col h3,
.footer-newsletter h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 950;
}

.footer-col a {
  display: block;
  color: #c8d2de;
  font-size: 13px;
  font-weight: 750;
  padding: 5px 0;
  transition: 0.2s ease;
}

.footer-col a:hover {
  color: var(--gold-2);
  transform: translateX(-3px);
}

.footer-newsletter form {
  margin-top: 15px;
  height: 46px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  overflow: hidden;
}

.footer-newsletter input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  background: transparent;
  color: #fff;
  outline: 0;
  padding: 0 14px;
}

.footer-newsletter input::placeholder {
  color: #94a3b4;
}

.footer-newsletter button {
  height: 100%;
  width: 76px;
  border: 0;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #071725;
  font-weight: 950;
  cursor: pointer;
}

.footer-bottom {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 14px 34px;
  color: #aebccc;
  font-size: 12px;
}

.newsletter-message {
  margin-top: 8px;
  font-size: 13px;
}


/* ==================================================
   14. AJAX Search
================================================== */
.ajax-search-wrapper {
  position: relative;
}

.ajax-search-results {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  z-index: 999;
}

.ajax-search-results[aria-hidden="true"] {
  display: none;
}

.ajax-results-box,
.ajax-result-loading,
.ajax-result-empty {
  background: radial-gradient(circle at 15% 8%, rgba(199, 150, 43, 0.12), transparent 26rem), linear-gradient(180deg, var(--bg), var(--bg));
  color: var(--ink);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.ajax-result-item {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.ajax-result-item:last-child {
  border-bottom: 0;
}

.ajax-result-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

.ajax-result-thumb img {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  object-fit: cover;
}

.ajax-result-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ajax-result-content strong {
  font-size: 14px;
}

.ajax-result-content small {
  font-size: 12px;
  opacity: 0.65;
}

.ajax-result-loading,
.ajax-result-empty {
  padding: 12px;
  font-size: 14px;
}


/* ==================================================
   15. Keyframe Animations
================================================== */
@keyframes talentShine {

  0%,
  48% {
    transform: translateX(80%);
  }

  68%,
  100% {
    transform: translateX(-80%);
  }
}

@keyframes talentFloat {

  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(-8px, 12px, 0) scale(1.05);
  }
}

@keyframes talentPing {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 199, 107, 0.48);
  }

  80%,
  100% {
    box-shadow: 0 0 0 12px rgba(239, 199, 107, 0);
  }
}

@keyframes serviceFloat {

  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(10px, -16px, 0) scale(1.05);
  }
}

@keyframes servicePulse {

  0%,
  100% {
    transform: scale(1);
    opacity: 0.78;
  }

  50% {
    transform: scale(1.12);
    opacity: 0.95;
  }
}

@keyframes serviceLine {
  0% {
    transform: translateX(110%);
  }

  100% {
    transform: translateX(-210%);
  }
}

@keyframes megaPanelIn {
  from {
    opacity: 0;
    transform: translateX(8px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* ==================================================
   16. Responsive & Accessibility Media Queries
================================================== */
@media (max-width: 767.99px) {
    .ayandeh-comment-meta {

  padding-right: 50px;
}
  .woocommerce-form.woocommerce-form-register.register.auth-form {
    padding: 0 !important;
  }

  .auth-intro {
    display: none !important;
  }

  .consult-step-icon img {
    border-radius: 28px;
  }

  :root {
    --container: 960px;
  }

  .pro-nav,
  .hidden-xs {
    display: none;
  }

  .mobile-header {
    display: block;
    position: sticky;
    top: 0;
    z-index: 40;
    background: #071725;
    color: #fff;
    padding: 16px;
    width: 100%;
    border-radius: 0 0 22px 22px;
    box-shadow: 0 18px 45px rgba(7, 23, 37, 0.25);
  }

  .mobile-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .hamburger {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    display: grid;
    gap: 5px;
    padding: 8px;
    cursor: pointer;
  }

  .hamburger span {
    height: 2px;
    background: var(--ink);

    border-radius: 99px;
  }

  .brand-mobile {
    min-width: 0;
    justify-content: center;
  }

  .brand-mobile b {
    color: #fff;
  }

  .brand-mobile small {
    color: #cbd4df;
  }

  .mobile-header .theme-toggle {
   background: rgba(160, 156, 156, 0.07);
    border-color: rgba(255, 255, 255, 0.12);
  }

  .mobile-search {
    margin-top: 18px;
    height: 48px;
    background: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  }

  .mobile-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    height: 100%;
    padding: 0 16px;
    color: #071725;
  }

  .mobile-search button {
    width: 54px;
    height: 100%;
    border: 0;
    background: #fff;
    color: #071725;
    display: grid;
    place-items: center;
  }

  .mobile-search svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  .page-wrap {
    width: min(100% - 24px, 640px);
    padding: 16px 0 92px;
  }

  .hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .category-card {
    display: none;
  }

  .hero-card {
    order: 1;
  }

  .talent-side-card {
    order: 2;
  }


  .talent-side-card {
    min-height: auto;
    border-radius: 18px;
    padding: 16px;
    box-shadow: var(--shadow-2);
  }

  .talent-side-card h2 {
    font-size: 18px;
  }

  .talent-side-card p {
    font-size: 11.5px;
    line-height: 1.85;
  }

  .talent-mini-swiper {
    padding-bottom: 24px;
  }

  .talent-mini-slide {
    min-height: 112px;
    padding: 13px;
  }

  .talent-side-stats {
    display: none;
  }

  .talent-side-cta {
    height: 40px;
    margin-top: 10px;
  }

  .portrait-wrap {
    padding: 0 0 0 4px;
    align-items: end;
  }

  .portrait-wrap img {
    width: 118px;
    height: 158px;
    border-radius: 80px 80px 18px 18px;
    border-width: 3px;
  }

  .portrait-orbit {
    inset: 12px -8px 8px 18px;
    border-width: 3px;
  }

  .trust-row {
    grid-template-columns: repeat(5, 1fr);
    max-width: none;
    margin: 18px 0 26px;
    gap: 8px;
    overflow: auto;
    padding-bottom: 4px;
  }

  .trust-row article {
    min-width: 92px;
    display: grid;
    text-align: center;
    place-items: center;
    padding: 8px 6px;
    border-radius: 12px;
  }

  .trust-row span {
    width: 34px;
    height: 34px;
  }

  .trust-row b {
    font-size: 10px;
  }

  .trust-row small {
    display: none;
  }

  .section {
    margin-top: 26px;
  }

  .section-title h2 {
    font-size: 21px;
  }

  .section-title {
    margin-bottom: 15px;
  }

  .flash-meta {
    margin: 0 0 14px;
    justify-content: center;
  }

  .flash-meta span {
    display: none;
  }

  .flash-meta b {
    height: 28px;
    min-width: 32px;
    font-size: 14px;
  }

  .slider-wrap {
    padding-inline: 0;
  }

  .slider-btn {
    width: 34px;
    height: 34px;
    top: 36%;
    background: #132131;
  }

  .slider-btn.prev {
    right: -6px;
  }

  .slider-btn.next {
    left: -6px;
  }

  .deals-swiper {
    overflow: visible;
    padding-bottom: 30px;
  }



  .product-card h3 {
    font-size: 13px;
    margin: 12px 12px 5px;
    height: 40px;
  }

  .product-card p,
  .price {
    margin-inline: 12px;
  }

  .product-card .discount {
    font-size: 10px;
    padding: 4px 8px;
  }

  .services-experience {
    padding: 18px;
    border-radius: 24px;
    margin-top: 32px;
  }

  .services-head {
    display: grid;
    gap: 16px;
    align-items: start;
  }

  .services-head p {
    font-size: 12px;
    line-height: 1.9;
  }

  .services-cta {
    justify-self: start;
    height: 42px;
    padding-inline: 16px;
  }

  .services-showcase {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .service-journey {
    padding: 22px;
    border-radius: 22px;
  }

  .service-journey h3 {
    font-size: 20px;
  }

  .service-card-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .service-card,
  .service-card-lg {
    min-height: 154px;
    border-radius: 18px;
    padding: 16px;
  }

  .service-card-lg {
    grid-column: span 2;
  }

  .service-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .service-icon svg {
    width: 25px;
    height: 25px;
  }

  .service-card b {
    font-size: 13px;
  }

  .service-card small {
    font-size: 11px;
    line-height: 1.75;
  }

  .articles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .article-card {
    grid-template-columns: 1fr;
    padding: 9px;
  }

  .article-card img {
    width: 100%;
    height: 78px;
  }

  .article-card h3 {
    font-size: 12px;
    line-height: 1.55;
  }

  .bottom-nav {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 45;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: #071725;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 -16px 40px rgba(0, 0, 0, 0.22);
    padding: 9px 8px calc(9px + env(safe-area-inset-bottom));
    border-radius: 22px 22px 0 0;
  }

  .bottom-nav a {
    display: grid;
    place-items: center;
    gap: 3px;
    font-size: 10px;
    font-weight: 800;
    color: #e9eef5;
    position: relative;
  }

  .bottom-nav span {
    font-size: 21px;
  }

  .bottom-nav .active,
  .bottom-nav .active span {
    color: var(--gold-2);
  }


}

@media (max-width: 540px) {
  body {
    background: linear-gradient(180deg, #fffdf9, var(--bg));
  }

  :root[data-theme="dark"] body {
    background: linear-gradient(180deg, #07111d, #07111d);
  }

  .services-experience {
    padding: 14px;
    border-radius: 20px;
    margin-top: 24px;
  }

  .services-head h2 {
    font-size: 22px;
  }

  .services-head p {
    font-size: 11.5px;
  }

  .services-kicker {
    font-size: 11px;
    height: 28px;
  }

  .services-cta {
    width: 100%;
  }

  .service-journey {
    padding: 18px;
    border-radius: 18px;
  }

  .journey-track {
    gap: 5px;
    margin: 18px 0;
  }

  .journey-dot {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  .workflow-track {
    gap: 4px;
  }

  .workflow-track .journey-dot {
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  .workflow-track .journey-dot i {
    font-size: 11px;
  }

  .workflow-track .journey-line {
    min-width: 4px;
    height: 2px;
  }

  .journey-list li {
    grid-template-columns: 56px 1fr;
    padding: 10px;
  }

  .journey-list span {
    font-size: 11px;
  }

  .service-card-list {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 2px 2px 10px;
    margin-inline: -2px;
  }

  .service-card,
  .service-card-lg {
    flex: 0 0 78%;
    min-width: 230px;
    min-height: 170px;
    scroll-snap-align: start;
  }

  .service-card-lg {
    grid-column: auto;
    flex-basis: 86%;
  }

  .page-wrap {
    width: calc(100% - 20px);
    padding-top: 12px;
  }

  .mobile-header {
    margin: 0;
    border-radius: 0 0 18px 18px;
    padding: 14px 14px 16px;
  }

  .articles-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1081px) and (max-width: 1240px) {

  .desktop-shell,
  .page-wrap {
    width: calc(100% - 36px);
  }

  .trust-row {
    margin-right: 290px;
  }
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 767.99px) {
  .latest-wrap {
    padding-inline: 0;
  }

  .latest-swiper {
    overflow: visible;
    padding-bottom: 30px;
  }

  .latest-card {
    min-height: 214px;
  }

  .latest-card img {
    height: 102px;
  }

  .latest-body {
    padding: 12px;
  }

  .latest-body h3 {
    font-size: 13px;
    height: 43px;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 24px;
  }

  .footer-brand,
  .footer-newsletter {
    grid-column: 1/-1;
  }

  .site-footer {
    margin-bottom: 88px;

  }

  .footer-bottom {
    padding: 13px 24px;
    display: grid;
    gap: 4px;
  }
}

@media (max-width: 540px) {
  .mobile-drawer {
    width: min(90vw, 340px);
    padding: 15px;
  }

  .drawer-actions {
    grid-template-columns: 1fr;
  }

  .drawer-nav a {
    padding-block: 10px;
    font-size: 13px;
  }

  .drawer-head .brand {
    min-width: 0;
  }

  .footer-main {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px;
  }

  .footer-newsletter,
  .footer-brand {
    grid-column: auto;
  }

  .footer-bottom {
    font-size: 11px;
  }

  .footer-newsletter form {
    height: 44px;
  }
}

@media (min-width: 768px) {
  .search-box {
    width: 500px;
  }

  .pro-nav .submenu,
  .menu-item .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: color-mix(in srgb, var(--panel) 94%, transparent);
    backdrop-filter: blur(18px);
    border: 1px solid color-mix(in srgb, var(--gold) 18%, var(--line));
    box-shadow: 0 24px 70px rgba(7, 23, 37, 0.16);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.985);
    pointer-events: none;
    transition: 0.22s ease;
    z-index: 80;
    color: var(--ink);
  }

  .item-menu li:hover .sub-menu,
  .pro-nav .course-mega-menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }

  .item-menu {
    display: flex;
    gap: 19px;
    font-weight: 700;
    font-size: 14px;
    padding: 0 !important;
    margin: 0 !important;
  }

  .item-menu>li>a {
    display: inline-flex;
  }

  .top-banner-mobile {
    display: none !important;
  }
}

@media (max-width: 767.99px) {
  .top-banner-desktop {
    display: none !important;
  }

  .item-menu {
    font-weight: 700;
    font-size: 14px;
    padding: 0 !important;
    margin: 0 !important;
  }

  .item-menu li {
    margin-bottom: 10px;
  }

  .item-menu>li>a {
    display: flex;
  }

  .anchor-target {
    top: -92px;
  }

  .pro-nav .submenu {
    display: none;
  }

  .mobile-header {
    background: var(--panel);
  }
}

@media (max-width: 540px) {
  .drawer-submenu a {
    font-size: 11.5px !important;
  }
}

@media (max-width: 767.99px) {
  .pro-nav .course-mega-menu {
    display: none;
  }

  .news-wrap {
    padding-inline: 0;
  }

  .articles-swiper {
    overflow: visible;
    padding-bottom: 30px;
  }

  .news-section .article-card {
    grid-template-columns: 1fr;
    min-height: 230px;
    padding: 10px;
  }

  .news-section .article-card img {
    width: 100%;
    height: 112px;
    min-height: 112px;
  }
}

@media (max-width: 540px) {
  .news-section .article-card {
    min-height: 218px;
  }

  .news-section .article-card h3 {
    font-size: 12px;
    line-height: 1.65;
  }
}

@media (min-width: 1081px) {

  .courses-menu-item:hover .course-mega-menu,
  .courses-menu-item:focus-within .course-mega-menu {
    display: grid !important;
  }
}

@media (max-width: 767.99px) {
  .course-mega-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.99px) {
  .portrait-card {
    width: 238px;
    height: 286px;
  }

  .tall-card {
    width: 210px;
    height: 230px;
  }

  .wide-card {
    width: 230px;
    height: 168px;
  }

  .hero-kpi-card {
    width: 190px;
  }

  .hero-float-card {
    max-width: 160px;
  }
}

@media (max-width: 820px) {
  .hero-visual {
    padding: 0 18px 54px;
  }

  .hero-visual-ring {
    inset: 14px 28px 28px 28px;
  }

  .portrait-card {
    width: 214px;
    height: 240px;
  }

  .tall-card {
    width: min(82vw, 260px);
    height: 220px;
  }

  .wide-card {
    width: min(84vw, 280px);
    height: 170px;
  }

  .hero-main-prev,
  .hero-main-next {
    display: none;
  }

  .hero-main-pagination {
    right: 18px !important;
    bottom: 14px !important;
  }

  .hero-float-card-top {
    top: 18px;
    left: 22px;
  }

  .hero-float-card-bottom {
    bottom: 8px;
    right: 22px;
  }

  .parallax-banner {
    padding: 24px 20px;
    min-height: 260px;
    border-radius: 24px;
  }

  .parallax-banner::before {
    inset: 10px;
    border-radius: 18px;
  }

  .parallax-layer-1 {
    width: 280px;
    height: 280px;
  }

  .parallax-layer-2 {
    width: 320px;
    height: 170px;
  }

  .parallax-layer-3 {
    right: 12px;
    top: 24px;
    width: 120px;
    height: 120px;
  }

  .parallax-content h2 {
    font-size: 24px;
  }

  .parallax-content p {
    font-size: 12px;
    line-height: 1.95;
  }
}

@media (max-width: 560px) {
  .hero-kpi-card {
    width: min(88vw, 240px);
  }

  .hero-float-card {
    position: static;
    max-width: none;
    margin-top: 10px;
  }

  .parallax-points {
    gap: 8px;
  }

  .parallax-points span {
    font-size: 11px;
    padding: 8px 11px;
  }
}

/* ===== Update: Digikala-style glass layer for desktop mega menu ===== */

@media (min-width: 1081px) {
  body.mega-scroll-lock {
    overflow: hidden;
  }

  .site-header {
    z-index: 120;
  }

  .pro-nav .submenu {
    z-index: 130;
  }

  .mega-glass-backdrop {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: linear-gradient(180deg,
        rgba(7, 23, 37, 0.2),
        rgba(7, 23, 37, 0.5));

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
  }

  .mega-glass-backdrop::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0,
        rgba(239, 199, 107, 0.16),
        transparent 34rem);
  }

  body.mega-open .mega-glass-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  body.mega-open .site-header {
    box-shadow: 0 16px 50px rgba(7, 23, 37, 0.16);
  }

  body.mega-open .page-wrap,
  body.mega-open .site-footer,
  body.mega-open .top-banner {
    filter: saturate(0.92);
  }

  .pro-nav .course-mega-menu {
    box-shadow: 0 30px 80px rgba(7, 23, 37, 0.25),
      0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  }
}

@media (max-width: 767.99px) {
  .mega-glass-backdrop {
    display: none;
  }
}

@media (max-width: 820px) {
  .photo-parallax-section {
    margin-top: 36px;
  }

  .photo-fixed-banner {
    min-height: 360px;
    padding: 42px 20px;
    background-attachment: scroll;
  }
}

/* ===== WooCommerce flash sale cards ===== */

.product-card-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.product-card .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.product-card .price ins {
  color: #da2b08;
  font-weight: 950;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}

.product-card .price del {
  color: #b0b4bc;
}

.product-card .price .amount {
  font-weight: 950;
}

.product-card .price del .amount {
  font-weight: 700;
}

.product-card .thumb .woocommerce-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #0b1823;
}

.product-card .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-lock {
  display: none !important;
}


/* Tab Buttons */
.service-tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

.tab-btn {
  padding: 8px 16px;
  border: none;
  background: #eee;
  cursor: pointer;
  transition: background .2s;
  border-radius: 6px;
}

.tab-btn.is-active {
  background: #333;
  color: #fff;
}

/* Tab Content */
.tab-content {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all .3s;
}

.tab-content.is-active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Cards Grid */
.service-cards-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.service-card {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: transform .3s, box-shadow .3s;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.service-card img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 12px;
}

.service-card h3 {
  font-size: 1.2rem;
  margin: 0 0 8px 0;
}

.service-card p {
  font-size: 0.95rem;
  margin: 0 0 12px 0;
}

.btn-secondary {
  display: inline-block;
  margin-top: 16px;
  padding: 8px 16px;
  background: #666;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
}

.service-single {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
}

.service-sidebar {

  padding: 15px;
  border-radius: 12px;
  height: fit-content;
  background-color: #fff;
  padding: 1.35rem;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  position: sticky;
  top: 100px;
  left: 0;
}

.sidebar-service-item {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  text-decoration: none;
  color: #000;
}

.sidebar-service-item .thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 8px;
}

.service-archive h1 {
  margin-bottom: 20px;
}

.service-filters {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.service-filters a {
  padding: 6px 12px;
  background: #eee;
  border-radius: 20px;
  text-decoration: none;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.service-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  padding: 15px;
}

.service-content {
  background-color: #fff;
  padding: 1.35rem;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-bottom: 12px;
}

.service-single {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* ==================================================
   Ayandeh review fixes: dynamic home sections, webinars, services, Woo pages
================================================== */
.home-services-section,
.home-webinars-section,
.home-courses-section,
.flash-sale-section,
.archive-page,
.single-content-page,
.woocommerce-page-wrap {
  padding-block: 18px;
}

.home-service-tabs {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  padding: 4px 2px 14px;
  margin-bottom: 12px;
  scrollbar-width: thin;
}

.home-service-tab {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  color: var(--ink);
  background: color-mix(in srgb, var(--panel) 86%, transparent);
  padding: 10px 18px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 850;
  box-shadow: var(--shadow-2);
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.home-service-tab:hover,
.home-service-tab.is-active {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--gold) 55%, var(--line));
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #071725;
}

.home-service-panel {
  display: none;
}

.home-service-panel.is-active {
  display: block;
}

.home-service-grid,
.webinars-grid,
.service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.service-card,
.webinar-card,
.latest-card.course-card {
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 22px;
position: relative;
  overflow: hidden;
  padding: 0;
  color: var(--ink);
  min-height: 100%;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.service-card:hover,
.webinar-card:hover,
.latest-card.course-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow);
  border-color: color-mix(in srgb, var(--gold) 38%, var(--line));
}

.service-card-link,
.latest-card-link,
.webinar-card-media {
  display: block;
  color: inherit;
  text-decoration: none;
}

.service-thumb,
.latest-thumb,
.webinar-card-media {
  position: relative;
  background: var(--panel-soft);
  overflow: hidden;
}

.service-thumb img,
.latest-thumb img,
.webinar-card-media img,
.service-card img,
.latest-card img,
.webinar-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  margin: 0;
  border-radius: 0;
  transition: transform .28s ease;
}

.service-card:hover .service-thumb img,
.latest-card.course-card:hover .latest-thumb img,
.webinar-card:hover .webinar-card-media img {
  transform: scale(1.04);
}

.service-card-body,
.latest-body,
.webinar-body {
  padding: 16px;
}

.service-card h3,
.latest-body h3,
.webinar-body h3 {
  margin: 0 0 9px;
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink);
}

.service-card p,
.latest-body p,
.webinar-body p,
.webinar-meta,
.teacher {
  margin: 0;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.9;
}

.service-card-btn,
.webinar-actions .btn,
.home-section-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--gold) 16%, var(--panel));
  color: var(--gold-dark);
  font-weight: 900;
  border: 1px solid color-mix(in srgb, var(--gold) 28%, transparent);
}

.home-section-link {
  margin-top: 18px;
}

.latest-card-link {
  height: 100%;
}

.course-price,
.product-card .price {
  margin-top: 8px;
  color: var(--ink);
  font-weight: 950;
  text-align: center;
  font-size: 19px;
}

.ajax-results-box {
  max-height: 400px;
  overflow-y: auto;
}

.course-price del,
.product-card .price del {
  color: var(--muted);
  opacity: .7;
  margin-inline-end: 6px;
  display: inline-flex;
  text-decoration: line-through;
}

.course-price ins,
.product-card .price ins {
  text-decoration: none;
}

.webinars-wrap,
.latest-wrap {
  position: relative;
}

.webinar-card-placeholder {
  display: grid;
  place-items: center;
  height: 190px;
  color: var(--gold-dark);
  font-weight: 950;
  background: linear-gradient(135deg, var(--panel-soft), color-mix(in srgb, var(--gold) 12%, var(--panel)));
}

.webinar-status-badge,
.section-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 999px;
  background:#fff;
  color: var(--gold-dark);
  font-size: 12px;
  font-weight: 900;
}

.webinar-status-badge {
  position: absolute;
  inset: 12px 12px auto auto;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, .86);
}

:root[data-theme="dark"] .webinar-status-badge {
  background: rgba(8, 22, 35, .78);
  color: var(--gold-2);
}

.webinar-badge {
  display: inline-block;
  color: var(--gold-dark);
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 6px;
}

.webinar-actions {
  margin-top: 14px;
}

.archive-page {
  padding: 44px 0 96px;
}

.archive-heading {
  max-width: 760px;
  margin-bottom: 26px;
}

.archive-heading h1,
.single-content-inner h1,
.service-content h1 {
  margin: 10px 0 12px;
  font-size: clamp(28px, 4vw, 30px);
  line-height: 1.35;
  font-weight: 950;
  color: var(--ink);
}

.section-description {
  color: var(--muted);
  margin: 0;
  line-height: 2;
}

.pagination-wrapper {
  margin-top: 26px;
}

.pagination-wrapper .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  margin: 4px;
  padding: 6px 12px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--panel);
}

.pagination-wrapper .page-numbers.current {
  background: var(--gold);
  color: #071725;
  border-color: var(--gold);
}

.single-layout,
.service-single {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 24px;
  align-items: start;
  padding-top: 10px;
  padding-bottom: 20px;
}

.single-main-card,
.service-content,
.service-sidebar,
.single-sidebar-card {
  background: var(--panel);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow-2);
  overflow: hidden;
}

.single-content-inner,
.service-content {
  padding: 22px;
}

.single-cover img,
.service-thumb img,
.service-content .service-thumb img {
  width: 100%;
  height: 100%;
  display: block;
}

.single-meta-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 22px;
}

.single-meta-list span {
  padding: 7px 11px;
  border-radius: 999px;
  background: var(--panel-soft);
  color: var(--muted);
  font-size: 13px;
}

.prose-content {
  color: var(--ink);
}

.video-box {
  margin-top: 22px;
}

.video-box video {
  width: 100%;
  border-radius: 18px;
  background: #000;
}

.single-sidebar-card,
.service-sidebar {
  padding: 18px;
  position: sticky;
  top: 96px;
}

.single-sidebar-card h3,
.service-sidebar h3 {
  margin-top: 0;
}

.single-back-link {
  display: inline-block;
  margin-top: 14px;
  color: var(--gold-dark);
  font-weight: 900;
}

.sidebar-service-item {
  color: var(--ink);
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
  align-items: center;
}

.sidebar-service-item:last-child {
  border-bottom: 0;
}

.service-filters a {
  background: var(--panel);
  color: var(--ink);
  border: 1px solid var(--line);
}

.service-filters a.active,
.service-filters a:hover {
  background: var(--gold);
  color: #071725;
  border-color: var(--gold);
}

.woocommerce-page-wrap {
  padding: 40px 0 90px;
}

.woocommerce-page-wrap .woocommerce,
.woocommerce-page-wrap .product {
  color: var(--ink);
}

.woocommerce-page-wrap .woocommerce-breadcrumb,
.woocommerce-page-wrap .woocommerce-result-count {
  color: var(--muted);
}

.woocommerce-page-wrap ul.products li.product,
.woocommerce-page-wrap div.product {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow-2);
  padding: 16px;
}

@media (max-width: 900px) {

  .home-service-grid,
  .webinars-grid,
  .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .single-layout,
  .service-single {
    grid-template-columns: 1fr;
  }

  .single-sidebar-card,
  .service-sidebar {
    position: static;
  }
}

@media (max-width: 620px) {

  .home-service-grid,
  .webinars-grid,
  .service-grid {
    grid-template-columns: 1fr;
  }

  .service-thumb img,
  .latest-thumb img,
  .webinar-card-media img,
  .webinar-card-placeholder {
    height: 210px;
  }

  .archive-page {
    padding-top: 28px;
  }
}





.hero-slide-full-link {
  position: absolute;
  inset: 0;
  z-index: 2;
}







.home-section {
  padding: 72px 0;
}



.section-head-center {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}




/* Consult Steps */
.consult-steps-section {
  position: relative;
}

.consult-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  position: relative;
}

.consult-step-card {
  position: relative;
  min-height: 260px;
  padding: 34px 28px;
  border-radius: 28px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, 0.08));
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.consult-step-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.10);
}

.consult-step-card.is-highlight {
  background: linear-gradient(135deg, #ffd400, #f5b700);
  color: #091524;
  border-color: transparent;
}

.consult-step-number {
 position: absolute;
  top: 5px;
  left: 6px;
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
  border-radius: 100%;
  background-color: #0a2a49;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.consult-step-icon {
  width: 100%;
  height: 100%;
  border-radius: 18px;

  display: flex;
  align-items: center;
  justify-content: center;

}

.consult-step-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.consult-step-card h3 {
  margin: 0 0 14px;
  font-size: 22px;
  color: inherit;
}

.consult-step-card p {
  margin: 0;
  line-height: 2;
  color: inherit;
  opacity: .82;
}

.consult-steps-action {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

/* Blog Carousel */
.blog-carousel-section {
  overflow: hidden;
}

.blog-swiper {
  position: relative;
  padding-bottom: 46px;
}

.blog-card {
  height: 100%;
  border-radius: 26px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, 0.08));
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.10);
}

.blog-card-thumb {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.04);
}

.blog-card-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}

.blog-card:hover .blog-card-thumb img {
  transform: scale(1.05);
}

.blog-card-placeholder {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted, #777);
  font-weight: 700;
}

.blog-card-body {
  padding: 20px;
}

.blog-card-meta {
  margin-bottom: 10px;
  font-size: 12px;
  color: var(--muted, #777);
}

.blog-card h3 {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.7;
}

.blog-card h3 a {
  color: var(--text, #091524);
  text-decoration: none;
}

.blog-card p {
  margin: 0 0 18px;
  color: var(--muted, #666);
  line-height: 1.9;
  font-size: 14px;
}

.blog-card-link {
  color: var(--color-primary, #f4b400);
  font-weight: 700;
  text-decoration: none;
}

/* Dark Mode Support */
[data-theme="dark"] .consult-step-card,
[data-theme="dark"] .blog-card {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
}


[data-theme="dark"] .blog-card h3 a {
  color: var(--text, #fff);
}


[data-theme="dark"] .blog-card p,
[data-theme="dark"] .blog-card-meta {
  color: var(--muted, rgba(255, 255, 255, 0.65));
}

[data-theme="dark"] .consult-step-card.is-highlight {
  background: linear-gradient(135deg, #ffd400, #e7a900);
  color: #091524;
}

/* Mobile */
@media (max-width: 992px) {

  .desktop-shell,
  .page-wrap,
  .container {
    width: min(var(--container), calc(100% - 15px)) !important;
  }

  .consult-steps-grid {
    gap: 4px !important;
  }
}

@media (max-width: 767.99px) {
  
  .home-section {
    padding: 48px 0;
  }

  .consult-step-card {
    min-height: auto;
    padding: 5px;
  }
}

/* ==================================================
   Ayandeh review pass 2: blog pages, Woo sidebar, action links
================================================== */
.page-content-wrap,
.blog-archive-page,
.single-post-page,
.woocommerce-page-wrap {
  padding-block: 32px 72px;
}

.page-content-card,
.single-article-card,
.empty-state-card {
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 26px;
  box-shadow: var(--shadow-2);
  padding: clamp(20px, 4vw, 36px);
}

.not-found-page .container {
  display: flex;
  justify-content: center;
  padding-top: clamp(40px, 8vw, 90px);
  padding-bottom: clamp(40px, 8vw, 90px);
}

.not-found-card {
  max-width: 560px;
  width: 100%;
  text-align: center;
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 28px;
  box-shadow: var(--shadow-2);
  padding: clamp(28px, 5vw, 48px);
}

.not-found-card .section-kicker {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 14px;
  color: var(--gold);
}

.not-found-card h1 {
  margin: 0 0 10px;
  color: var(--ink);
}

.not-found-card p {
  margin: 0 0 22px;
  color: var(--muted, #6b7280);
}

.not-found-card .ajax-search-wrapper {
  margin: 0 auto 24px;
  max-width: 420px;
}

.not-found-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.page-header-simple h1,
.archive-hero h1,
.single-article-header h1 {
  margin: 0;
  color: var(--ink);
  line-height: 1.45;
}

.archive-hero {
  margin-bottom: 26px;
  padding: 30px;
  border-radius: 28px;
  background: radial-gradient(circle at top right, color-mix(in srgb, var(--gold) 18%, transparent), transparent 38%), color-mix(in srgb, var(--panel) 92%, transparent);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-2);
}

.archive-hero p,
.archive-description {
  margin-top: 12px;
  color: var(--muted);
  line-height: 2;
}

.content-sidebar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 26px;
  align-items: start;
}

.blog-archive-grid,
.search-results-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.blog-list-card {
  overflow: hidden;
  border-radius: 24px;
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-2);
  transition: transform .25s ease, box-shadow .25s ease;
}

.blog-list-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}

.blog-list-thumb {
  display: block;

  overflow: hidden;

  color: var(--muted);
  text-decoration: none;
}

.blog-list-thumb img,
.single-article-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.blog-list-thumb span {
  height: 100%;
  display: grid;
  place-items: center;
  font-weight: 850;
}

.blog-list-body {
  padding: 20px;
}

.article-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 12px;
}

.article-meta-line span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.blog-list-body h2,
.blog-list-body h2 a {
  margin: 0;
  color: var(--ink);
  text-decoration: none;
  font-size: 20px;
  line-height: 1.7;
}

.blog-list-body p {
  margin: 12px 0 18px;
  color: var(--muted);
  line-height: 2;
}

.read-more-link,
.blog-card-link {
  color: var(--gold-2);
  font-weight: 900;
  text-decoration: none;
}

.content-sidebar {
  position: sticky;
  top: 90px;
  display: grid;
  gap: 18px;
}

.sidebar-widget {
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 20px;
  box-shadow: var(--shadow-2);
}

.sidebar-widget h2 {
  margin: 0 0 16px;
  color: var(--ink);
  font-size: 18px;
}

.sidebar-post-item {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding-block: 12px;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
}

.sidebar-post-item:last-child {
  border-bottom: 0;
}

.sidebar-post-thumb {
  width: 68px;
  height: 58px;
  border-radius: 14px;
  overflow: hidden;
  background: color-mix(in srgb, var(--muted) 12%, transparent);
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: 12px;
}

.sidebar-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sidebar-post-content strong {
  display: block;
  line-height: 1.7;
  font-size: 14px;
}

.sidebar-post-content small {
  color: var(--muted);
}

.shop-filter-link {
  display: block;
  text-decoration: none;
  color: var(--ink);
}

.blog-categories-widget a {
  padding-bottom: 8px;
  display: block;
  text-decoration: none;
  color: var(--ink);
  position: relative;
  padding-right: 15px;
  border-right: 2px solid #d6e0e2;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.blog-categories-widget a::before {
  content: '';
  width: 8px;
  height: 8px;
  display: block;
  background: #fff;
  border: 2px solid #d4dcde;
  position: absolute;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 30px;
  top: 28%;
  right: -7px;
}

.blog-categories-widget a:hover::before {
  background-color: #f4b400;
  border-color: #f7d322;
}


.single-article-thumb {
  aspect-ratio: 16 / 8;
  overflow: hidden;
  border-radius: 22px;
  margin-bottom: 24px;
}

.single-article-header {
  margin-bottom: 24px;
}

.article-content {
  color: var(--ink);
  line-height: 2.15;
  font-size: 16px;
}

.article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 18px;
}

.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.article-tags a {
  text-decoration: none;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 12px;
}

.archive-pagination {
  margin-top: 28px;
}

.archive-pagination .nav-links {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}

.archive-pagination a,
.archive-pagination span {
  min-width: 38px;
  min-height: 38px;
  border-radius: 12px;
  border: 1px solid var(--line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  text-decoration: none;
  color: var(--ink);
  background: var(--panel);
}

.archive-pagination .current {
  background: var(--gold);
  color: #071725;
  border-color: transparent;
}

/* WooCommerce shop sidebar */
.shop-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 26px;
  align-items: start;
}

.shop-sidebar {
  position: sticky;
  top: 90px;
  display: grid;
  gap: 16px;
}

.shop-filter-widget {
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow-2);
  padding: 18px;
}

.shop-filter-widget h2,
.shop-filter-widget .widget-title {
  margin: 0 0 14px;
  color: var(--ink);
  font-size: 17px;
}

.shop-filter-search {
  display: grid;
  gap: 10px;
}

.shop-filter-search input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--ink);
  background: color-mix(in srgb, var(--panel) 88%, transparent);
}

.shop-filter-search button,
.woocommerce-page-wrap .button,
.woocommerce-page-wrap button.button,
.woocommerce-page-wrap input.button {
  border: 0;
  border-radius: 14px;
  padding: 11px 16px;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #071725;
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
}

.shop-products-area,
.single-product-wrap {
  min-width: 0;
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none;
}

.woocommerce ul.products li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow-2);
  padding: 14px !important;
  overflow: hidden;
  text-align: center;
}

.woocommerce ul.products li.product a img {
  border-radius: 16px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--ink);
  line-height: 1.7;
  font-size: 16px;
}

.woocommerce ul.products li.product .price {
  color: var(--ink);
  font-weight: 900;
  font-size: 17px;
  margin: 0 !important;
  display: flex !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}

.woocommerce-page-wrap .woocommerce-message,
.woocommerce-page-wrap .woocommerce-info,
.woocommerce-page-wrap .woocommerce-error {
  border-radius: 18px;
  background: color-mix(in srgb, var(--panel) 96%, transparent);
  border: 1px solid var(--line);
  color: var(--ink);
}

.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
  text-align: center;
}

.woocommerce-cart .cart-empty {
  font-size: 20px;
  padding: 28px;
}

@media (max-width: 1080px) {

  .content-sidebar-layout,
  .shop-layout {
    grid-template-columns: 1fr;
  }

  .content-sidebar,
  .shop-sidebar {
    position: static;
  }

  .blog-archive-grid,
  .search-results-grid,
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  .blog-archive-grid,
  .search-results-grid,
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }

  .archive-hero,
  .page-content-card,
  .single-article-card {
    border-radius: 20px;
    padding: 20px;
  }

  .single-article-thumb {
    aspect-ratio: 16 / 10;
  }
}

/* ===== Course product page ===== */
.woocommerce-theme-page,
.page-content-wrap {
  padding: 48px 0 72px;
}

.single-course-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: start;
}

.single-course-main,
.single-course-sidebar {
  min-width: 0;
}


.course-lessons-box,
.course-description-box,
.course-faq-box,
.course-reviews-box,
.course-buy-box,

.shop-filter-widget {
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  border-radius: 28px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .06);
}

.course-hero-card {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 24px;
  padding: 0;
  margin-bottom: 28px;
}

.course-media-box img {
  border-radius: 22px;
}

.course-intro-box .product_title {
  margin: 10px 0 14px;
  font-size: clamp(28px, 4vw, 32px);
  line-height: 1.45;
}

.course-intro-box .woocommerce-product-details__short-description {
  color: var(--muted, #666);
  line-height: 2;
}

.course-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.course-section-head span {
  color: var(--color-primary, #f4b400);
  font-weight: 800;
  font-size: 13px;
}

.course-section-head h2 {
  margin: 6px 0 0;
  font-size: 25px;
  line-height: 1.6;
}

.course-section-head small {
  color: var(--muted, #777);
}

.course-lessons-box,
.course-description-box,
.course-faq-box,
.course-reviews-box {
  padding: 26px;
  margin-bottom: 28px;
}

.course-lessons-list,
.course-faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.course-lesson-item,
.course-faq-item {
  border: 1px solid rgba(0, 0, 0, .07);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(0, 0, 0, .025);
}

.course-lesson-toggle,
.course-faq-question {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: right;
  padding: 16px;
}

.course-lesson-toggle {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto 28px;
  align-items: center;
  gap: 14px;
}

.course-lesson-index {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: var(--color-primary, #f4b400);
  color: #091524;
  font-weight: 900;
  font-size: 20px;
}

.course-lesson-heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.course-lesson-heading strong {
  font-size: 17px;
}

.course-lesson-heading small {
  color: var(--muted, #777);
  font-size: 13px;
}

.lesson-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.lesson-badge.preview,
.lesson-badge.open {
  background: rgba(34, 197, 94, .13);
  color: #16a34a;
}

.lesson-badge.locked {
  background: rgba(239, 68, 68, .12);
  color: #dc2626;
}

.lesson-chevron {
  font-size: 22px;
  transition: transform .2s ease;
}

.course-lesson-item.is-active .lesson-chevron,
.course-faq-item.is-active .course-faq-question b {
  transform: rotate(180deg);
}

.course-lesson-panel,
.course-faq-answer {
  padding: 0 18px 18px;
  color: var(--muted, #666);
  line-height: 2;
}

.course-lesson-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.lesson-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 13px;
  background: var(--color-primary, #f4b400);
  color: #091524;
  text-decoration: none;
  font-weight: 800;
}

.lesson-download {
  background: rgba(0, 0, 0, .08);
}

.lesson-help-text {
  color: var(--muted, #777);
  font-size: 14px;
}

.course-buy-box {

  padding: 24px;
}

.course-buy-box .price {
  display: block;
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 900;
  color: var(--text, #091524);
}

.course-buy-box .cart,
.course-buy-box form.cart {
  margin: 0;
}

.course-buy-box .single_add_to_cart_button,
.course-buy-box button.single_add_to_cart_button {
  width: 100%;
  min-height: 48px;
  border-radius: 16px;
  background: var(--color-primary, #f4b400) !important;
  color: #091524 !important;
  font-weight: 900;
}

.course-buy-features {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  color: var(--muted, #666);
  font-size: 14px;
}

.course-buy-features span::before {
  content: "✓";
  margin-left: 8px;
  color: #16a34a;
  font-weight: 900;
}

.course-content-entry {
  line-height: 2.1;
}

.course-faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-weight: 800;
}

.course-faq-question b {
  transition: transform .2s ease;
}

.shop-layout {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.shop-filter-sidebar {
  position: sticky;
  top: 24px;
}

.shop-filter-widget {
  padding: 20px;
  margin-bottom: 18px;
}

.shop-filter-title {
  margin: 0 0 14px;
  font-size: 18px;
}

.shop-category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.shop-category-list a {
  color: inherit;
  text-decoration: none;
}



.theme-page-header h1 {
  margin-top: 0;
}

.theme-page-content {
  line-height: 2;
}

[data-theme="dark"] .course-hero-card,
[data-theme="dark"] .course-lessons-box,
[data-theme="dark"] .course-description-box,
[data-theme="dark"] .course-faq-box,
[data-theme="dark"] .course-reviews-box,
[data-theme="dark"] .course-buy-box,
[data-theme="dark"] .theme-page-card,
[data-theme="dark"] .shop-filter-widget {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);

}

[data-theme="dark"] .course-lesson-item,
[data-theme="dark"] .course-faq-item {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .course-lesson-panel,
[data-theme="dark"] .course-faq-answer,
[data-theme="dark"] .course-buy-features,
[data-theme="dark"] .course-intro-box .woocommerce-product-details__short-description {
  color: rgba(255, 255, 255, .66);
}

@media (max-width: 767.99px) {

  .single-course-layout,
  .shop-layout {
    grid-template-columns: 1fr;
  }

  .course-buy-box .cart {
  position: fixed;
    bottom: 76px;
    z-index: 10000000000000;
    left: 10px;
    width: 97%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-top: 1px solid #ccc;
    margin: auto !important;
  }


  .single-course-sidebar {
    position: relative;
    z-index: 2;
  }

  .course-hero-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {

  .woocommerce-theme-page,
  .page-content-wrap {
    padding: 30px 0 52px;
  }

  .course-lessons-box,
  .course-description-box,
  .course-faq-box,
  .course-reviews-box,
  .course-buy-box,
  .course-hero-card
  {
  padding: 18px;
  border-radius: 22px;
}

.course-lesson-toggle {

    grid-template-columns: 42px minmax(0, 1fr);
    display: flex;
    justify-content: space-between;
  
}

.lesson-badge,
.lesson-chevron {
  grid-column: 2;
  justify-self: start;
}

.course-lesson-index {
  width: 40px;
  height: 40px;
  border-radius: 14px;
}
}


.auth-layout {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 36px;

}

.w-100 {
  width: 100%;
}


.auth-kicker {
  color: var(--color-primary, #f4b400);
  font-weight: 800;
}

.auth-intro h1 {
  margin: 12px 0 16px;
  font-size: clamp(28px, 4vw, 46px);
}

.auth-intro p {
  line-height: 2;
  color: var(--muted, #666);
}

.auth-card {
  padding: 28px;
  border-radius: 28px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .08);
}

.auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 6px;
  margin-bottom: 22px;
  border-radius: 18px;
  background: rgba(0, 0, 0, .04);
}

.auth-tab {
  border: 0;
  min-height: 44px;
  border-radius: 14px;
  background: transparent;
  cursor: pointer;
  font-weight: 800;
  color: var(--ink);
}

.auth-tab.active {
  background: var(--color-primary, #f4b400);
  color: #091524;
}

.auth-panel {
  display: none;
}

.auth-panel.active {
  display: block;
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.auth-form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 700;
}

.auth-form input[type="text"],
.auth-form input[type="email"],
.auth-form input[type="password"] {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  background: var(--bg, #fff);
  color: var(--ink);
  padding: 0 14px;
}

.auth-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-size: 14px;
}

.auth-check {
  flex-direction: row !important;
  align-items: center;
}

.account-dashboard {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.account-welcome-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 28px;
  border-radius: 28px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .06);
}

.account-avatar img {
  border-radius: 22px;
}

.account-welcome-card h2 {
  margin: 4px 0 8px;
}

.account-welcome-card p {
  margin: 0;
  color: var(--muted, #666);
  line-height: 1.9;
}

.account-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.account-shortcuts a {
  padding: 22px;
  border-radius: 22px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  text-decoration: none;
  color: var(--text, #091524);
  transition: transform .25s ease, box-shadow .25s ease;
}

.account-shortcuts a:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .1);
}

.account-shortcuts strong {
  display: block;
  margin-bottom: 8px;
  font-size: 17px;
}

.account-shortcuts span {
  color: var(--muted, #666);
  line-height: 1.8;
  font-size: 14px;
}

[data-theme="dark"] .auth-card,
[data-theme="dark"] .account-welcome-card,
[data-theme="dark"] .account-shortcuts a {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .32);
}

[data-theme="dark"] .auth-intro p,
[data-theme="dark"] .account-welcome-card p,
[data-theme="dark"] .account-shortcuts span {
  color: rgba(255, 255, 255, .65);
}

@media (max-width: 992px) {
  .auth-layout {
    grid-template-columns: 1fr;
  }

  .account-shortcuts {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {


  .auth-card,
  .auth-intro,
  .account-welcome-card {
    padding: 22px;
  }

  .account-shortcuts {
    grid-template-columns: 1fr;
  }

  .auth-row {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Custom WooCommerce My Account wrapper */


.account-page-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.account-navigation {
  position: sticky;
  top: 110px;
  padding: 18px;
  border-radius: 24px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 16px 44px rgba(0, 0, 0, .06);
  width: 100% !important;
}

.account-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.account-navigation a {
  display: flex;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--text, #091524);
  font-weight: 700;
}

.account-navigation .is-active a,
.account-navigation a:hover {
  background: var(--color-primary, #f4b400);
  color: #091524;
}

.account-page-content {
  min-width: 0;
}

[data-theme="dark"] .account-navigation {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .32);
}

[data-theme="dark"] .account-navigation a {
  color: var(--text, #fff);
}

[data-theme="dark"] .account-navigation .is-active a,
[data-theme="dark"] .account-navigation a:hover {
  color: #091524;
}

@media (max-width: 900px) {
  .account-page-shell {
    grid-template-columns: 1fr;
  }

  .account-navigation {
    position: static;
  }
}

/* === Review patch: article share, comments, auth, account dropdown, favorites, info pages === */
.article-share-box {
  margin-top: 28px;
  padding: 18px;
  border-radius: 18px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.article-share-box>span {
  font-weight: 800;
  color: var(--text, #091524);
}

.article-share-links {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.article-share-links a,
.article-share-links button {
  border: 1px solid var(--border, rgba(0, 0, 0, .1));
  background: var(--bg, #fff);
  color: var(--text, #091524);
  border-radius: 999px;
  min-height: 36px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
}



.comments-area .comment-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}

.comments-area .comment-body {
  padding: 16px 0;
  border-bottom: 1px solid var(--border, rgba(0, 0, 0, .08));
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  background: var(--bg, #fff);
  color: var(--text, #091524);
  border-radius: 14px;
  padding: 12px 14px;
}

.comment-form .submit {
  min-height: 48px;
  border-radius: 16px;
  background: var(--color-primary, #f4b400) !important;
  color: #091524 !important;
  font-weight: 900;
  min-width: 141px;
  cursor: pointer;
}

.header-account-dropdown {
  position: relative;
  display: inline-flex;
}

.header-account-dropdown:hover .account-dropdown-menu,
.header-account-dropdown:focus-within .account-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.account-dropdown-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 230px;
  padding: 12px;
  border-radius: 18px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .14);
  z-index: 1200;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: .2s ease;
}

[data-theme="dark"] .favorite-toggle,
[data-theme="dark"] .course-buy-box .price ins {
  color: rgba(255, 255, 255, .9);
}

.account-dropdown-menu a {
  display: flex;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--ink);
  text-decoration: none;
}

.account-dropdown-menu a:hover {
  background: rgba(0, 0, 0, .04);
}

.account-dropdown-user {
  padding: 10px 12px 12px;
  border-bottom: 1px solid var(--border, rgba(0, 0, 0, .08));
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.account-dropdown-user span {
  font-size: 12px;
  color: var(--muted, #777);
}

.account-logout-link {
  color: #dc2626 !important;
}

.auth-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.auth-form input[type="tel"] {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  background: var(--bg, #fff);
  color: var(--text, #091524);
  padding: 0 14px;
}

.auth-terms {
  padding: 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .035);
  line-height: 1.9;
}

.auth-terms a {
  color: var(--color-primary, #f4b400);
  font-weight: 800;
}

.favorite-toggle {
  border: 1px solid var(--border, rgba(0, 0, 0, .1));
  background: var(--card, #fff);
  color: var(--text, #091524);
  border-radius: 999px;
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: .2s ease;
}

.favorite-toggle.is-active {
  background: rgba(239, 68, 68, .1);
  border-color: rgba(239, 68, 68, .28);
  color: #dc2626;
}

.favorite-toggle.is-loading {
  opacity: .7;
  pointer-events: none;
}

.favorite-card-button {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 5;
  min-width: 38px;
  width: 38px;
  padding: 0;
  border-radius: 50%;
  height: 38px;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.favorite-card-button .favorite-text {
  display: none;
}

.course-card {
  position: relative;
}

.favorite-course-button {
  width: 100%;
  margin-top: 14px;
}

.favorite-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.theme-info-page {
  padding: 15px 0;
}

.info-hero-card,
.info-content-card,
.contact-side-card {
  border-radius: 28px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .06);
}

.theme-page-content h1 {
  margin: 0 !important;
}

.info-hero-card {
  padding: 34px;
  margin-bottom: 24px;
}

.info-hero-card h1 {
  margin: 8px 0 12px;
  font-size: clamp(28px, 4vw, 44px);
}

.info-hero-card p {
  margin: 0;
  color: var(--muted, #666);
  line-height: 2;
}

.info-content-card {
  padding: 28px;
}

.info-featured-image {
  margin-bottom: 24px;
  border-radius: 22px;
  overflow: hidden;
}

.info-featured-image img {
  width: 100%;
  display: block;
}

.contact-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
}

.contact-side-card {
  padding: 24px;
  align-self: start;
}

.contact-social-list {
  display: grid;
  gap: 10px;
}

.contact-social-list a {
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  background: rgba(0, 0, 0, .04);
}

[data-theme="dark"] .article-share-box,
[data-theme="dark"] .comments-area,
[data-theme="dark"] .article-comments-box,
[data-theme="dark"] .account-dropdown-menu,
[data-theme="dark"] .favorite-toggle,
[data-theme="dark"] .info-hero-card,
[data-theme="dark"] .info-content-card,
[data-theme="dark"] .contact-side-card {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .article-share-links a,
[data-theme="dark"] .article-share-links button,
[data-theme="dark"] .comment-form textarea,
[data-theme="dark"] .comment-form input,
[data-theme="dark"] .auth-form input[type="tel"] {
  background: var(--bg, #0f0f0f);
  color: var(--text, #fff);
  border-color: rgba(255, 255, 255, .12);
}

[data-theme="dark"] .auth-terms,
[data-theme="dark"] .contact-social-list a {
  background: rgba(255, 255, 255, .05);
}

@media (max-width: 992px) {

  .contact-layout,
  .favorite-products-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .auth-grid-2 {
    grid-template-columns: 1fr;
  }

  .article-share-box {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ==================================================
   Creative pass: layered hero parallax, path motif,
   scroll reveal, trust banners, asymmetric grids
================================================== */

/* ---- Hero: parallax card + layered depth ---- */
.hero-parallax-card {
  position: relative;
}










.hero-slide-eyebrow {
  display: inline-block;
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
  color: var(--gold-2);
}

.hero-btn-arrow {
  display: inline-block;
  margin-inline-start: 4px;
  transition: transform .2s ease;
}




@keyframes aydHeroTextUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-reveal-text {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

.hero-scroll-cue {
  position: absolute;
  z-index: 3;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 42px;
  border: 2px solid color-mix(in srgb, #fff 55%, transparent);
  border-radius: 14px;
  pointer-events: none;
}

.hero-scroll-cue span {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 4px;
  height: 8px;
  margin-left: -2px;
  border-radius: 2px;
  background: var(--gold-2);
  animation: aydScrollCue 1.8s ease-in-out infinite;
}

@keyframes aydScrollCue {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  70% {
    transform: translateY(14px);
    opacity: 0;
  }

  100% {
    transform: translateY(14px);
    opacity: 0;
  }
}

@media (max-width: 720px) {
  .hero-scroll-cue {
    display: none;
  }
}

/* ---- Consult path: visible drawn path through the 3 steps ---- */
.consult-path-wrap {
  position: relative;
}



.consult-steps-grid {
  position: relative;
  z-index: 1;
}

.consult-step-card {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: var(--shadow-2);
  opacity: 0;
  transform: translateY(18px);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .6s ease, transform .6s ease;
  transition-delay: var(--step-delay, 0ms);
}

.reveal-on-scroll.is-revealed .consult-step-card {
  opacity: 1;
  transform: translateY(0);
}

.consult-step-card.is-highlight {
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #2a1d00;
}

.consult-step-number {
  color:#fff;
}

.consult-step-card.is-highlight .consult-step-number {
  color: rgba(42, 29, 0, .35);
}





@media (prefers-reduced-motion: reduce) {

  .consult-step-card,
  .consult-path-progress {
    opacity: 1 !important;
    transform: none !important;
    stroke-dashoffset: 0 !important;
    transition: none !important;
  }
}

/* ---- Generic scroll reveal ---- */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .7s ease;
}

.reveal-on-scroll.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ---- Trust bar banner ---- */
.trust-bar-section {
  position: relative;
  padding: 30px 0;
  background: #020320;
  overflow: hidden;
}



.trust-bar-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 0;
}

.trust-bar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 6px 30px;
  min-width: 150px;
}

.trust-bar-number {
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg, var(--gold-2), var(--gold));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.2;
}

.trust-bar-label {
  margin-top: 6px;
  font-size: 13px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.6;
}

.trust-bar-divider {
  width: 1px;
  height: 38px;
  background: rgba(255, 255, 255, .14);
}

@media (max-width: 720px) {
  .trust-bar-divider {
    display: none;
  }

  .trust-bar-item {
    width: 25%;
    min-width: auto;
    padding: 6px 0px !important;
  }

  .trust-bar-label {
    font-size: 12px !important;
  }

  .trust-bar-inner {
    align-items: baseline !important;
  }
}

/* ---- CTA banner before footer ---- */
.cta-banner-section {
  position: relative;
  margin: 0 0 0;
  padding: 64px 0;
  overflow: hidden;
}

.cta-banner-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
  padding: clamp(32px, 5vw, 56px);
  border-radius: var(--radius-xl);
  background: linear-gradient(120deg, var(--ink) 0%, #0d2438 55%, #142d42 100%);
  overflow: hidden;
}

.cta-banner-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .5;
  background-image:
    radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--gold) 30%, transparent), transparent 40%);
  pointer-events: none;
}

.cta-banner-path {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .4;
}

.cta-banner-path path {
  fill: none;
  stroke: var(--gold-2);
  stroke-width: 2;
  stroke-dasharray: 5 12;
  stroke-linecap: round;
  animation: aydHeroDash 10s linear infinite;
}

.cta-banner-text {
  position: relative;
  z-index: 1;
  max-width: 560px;
}

.cta-banner-text span.section-kicker {
  color: var(--gold-2);
}

.cta-banner-text h2 {
  margin: 8px 0 10px;
  font-size: clamp(22px, 3vw, 30px);
  color: #fff;
}

.cta-banner-text p {
  margin: 0;
  color: rgba(255, 255, 255, .78);
  line-height: 2;
}

.cta-banner-action {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.btn-outline-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 22px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .4);
  color: #fff;
  background: transparent;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}

.btn-outline-light:hover {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .7);
}

/* ---- Services: asymmetric feature grid ---- */
.home-service-feature-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: minmax(160px, auto);
  gap: 18px;
}

.home-service-feature-grid .service-card {
  grid-column: span 2;
  grid-row: span 1;
  display: flex;
}



.home-service-feature-grid .service-card-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.home-service-feature-grid .service-card .service-thumb {
  height: clamp(160px, 22vw, 240px);
}

.service-card-badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 4px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #2a1d00;
  font-size: 11px;
  font-weight: 800;
}

.service-card.is-featured h3 {
  font-size: 20px;
}

@media (max-width: 992px) {
  .home-service-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-service-feature-grid .service-card,
  .home-service-feature-grid .service-card:first-child,
  .home-service-feature-grid .service-card:nth-child(2),
  .home-service-feature-grid .service-card:nth-child(n+3) {
    grid-column: span 1;
    grid-row: auto;
  }
}

@media (max-width: 600px) {
  .home-service-feature-grid {
    grid-template-columns: 1fr;
  }
}

/* ---- Blog: asymmetric featured + list layout (non-carousel context) ---- */
.blog-list-asymmetric {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 22px;
}

.blog-list-asymmetric .blog-list-card:first-child {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
}

.blog-list-asymmetric .blog-list-card:not(:first-child) .blog-list-body .article-meta-line {
  color: #ecc467;

}

.blog-list-asymmetric .blog-list-card:not(:first-child) a {
  display: block;
  width: 100%;
  height: 100%;
}

.blog-list-asymmetric .blog-list-card:not(:first-child) .blog-list-body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: #0b1f337a;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}


.blog-list-asymmetric .blog-list-card:not(:first-child) .blog-list-body h2,
.blog-list-asymmetric .blog-list-card:not(:first-child) .blog-list-body h2 a {

  color: #fefeff;

}

@media (max-width: 860px) {
  .blog-list-asymmetric {
    grid-template-columns: 1fr;
  }

  .blog-list-asymmetric .blog-list-card:not(:first-child) {
    grid-template-columns: 110px 1fr;
  }
}

.blog-list-asymmetric .blog-list-card {
  opacity: 0;
  transform: translateY(18px);
  transition: transform .25s ease, box-shadow .25s ease, opacity .6s ease, transform .6s ease;
  transition-delay: var(--step-delay, 0ms);
}

.reveal-on-scroll.is-revealed .blog-list-card {
  opacity: 1;
  transform: translateY(0);
}

/* ---- Dark mode adjustments for new elements ---- */
[data-theme="dark"] .trust-bar-section,
[data-theme="dark"] .cta-banner-inner {
  background: linear-gradient(120deg, #050d16 0%, #0b1c2c 55%, #0e2336 100%);
}

[data-theme="dark"] .consult-step-card {
  background: var(--panel);
  border-color: var(--line);
}

/* ---- Talent discovery workflow / My Account ---- */
.talent-account-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.talent-account-head {
  padding: 28px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255, 212, 0, .18), rgba(255, 255, 255, .04));
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
}

.talent-account-head span,
.talent-request-id {
  color: var(--color-primary, #f4b400);
  font-weight: 800;
}

.talent-account-head h2 {
  margin: 10px 0;
  font-size: clamp(24px, 3vw, 34px);
}

.talent-account-head p,
.talent-empty-state p,
.talent-request-top p,
.talent-upload-title p,
.talent-report-box span {
  color: var(--muted, #666);
  line-height: 1.9;
}

.talent-notice,
.talent-empty-state,
.talent-request-card {
  padding: 24px;
  border-radius: 24px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .06);
}

.talent-notice-success {
  background: rgba(34, 197, 94, .12);
  border-color: rgba(34, 197, 94, .24);
  color: #15803d;
}

.talent-notice-error {
  background: rgba(239, 68, 68, .1);
  border-color: rgba(239, 68, 68, .22);
  color: #dc2626;
}

.talent-request-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.talent-request-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border, rgba(0, 0, 0, .08));
}

.talent-request-top h3 {
  margin: 6px 0 8px;
  font-size: 22px;
}

.talent-request-top p {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.talent-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.talent-status-waiting_assign_tests,
.talent-status-waiting_tests {
  background: rgba(245, 158, 11, .14);
  color: #d97706;
}

.talent-status-waiting_review {
  background: rgba(59, 130, 246, .14);
  color: #2563eb;
}

.talent-status-report_ready,
.talent-status-completed {
  background: rgba(34, 197, 94, .14);
  color: #16a34a;
}

.talent-status-cancelled {
  background: rgba(239, 68, 68, .12);
  color: #dc2626;
}

.talent-test-links,
.talent-upload-form,
.talent-report-box,
.talent-sessions {
  margin-top: 18px;
}

.talent-test-links h4,
.talent-upload-title h4 {
  margin: 0 0 10px;
}

.talent-test-links>div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.talent-test-links a,
.talent-test-links span,
.talent-sessions span {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 0 12px;
  border-radius: 12px;
  background: rgba(0, 0, 0, .04);
  color: var(--text, #091524);
  text-decoration: none;
  font-weight: 700;
}

.talent-file-statuses,
.talent-upload-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.talent-file-status {
  padding: 16px;
  border-radius: 18px;
  background: rgba(0, 0, 0, .035);
  border: 1px solid rgba(0, 0, 0, .06);
}

.talent-file-status strong,
.talent-file-status span,
.talent-file-status a {
  display: block;
}

.talent-file-status strong {
  margin-bottom: 8px;
}

.talent-file-status a {
  color: #16a34a;
  font-weight: 800;
  text-decoration: none;
}

.talent-file-status.is-missing span {
  color: var(--muted, #777);
}

.talent-upload-form {
  padding: 20px;
  border-radius: 22px;
  background: rgba(0, 0, 0, .025);
  border: 1px dashed rgba(0, 0, 0, .14);
}

.talent-file-control {
  position: relative;
  min-height: 86px;
  padding: 16px;
  border-radius: 18px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.talent-file-control:hover {
  transform: translateY(-2px);
  border-color: rgba(244, 180, 0, .5);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .08);
}

.talent-file-control input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.talent-file-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(244, 180, 0, .16);
}

.talent-file-text {
  font-weight: 800;
  line-height: 1.7;
}

.talent-file-control.has-file .talent-file-icon {
  background: rgba(34, 197, 94, .16);
}

.talent-captcha-row {
  margin: 18px 0;
}

.talent-captcha-row label {
  display: grid;
  gap: 8px;
  font-weight: 800;
}

.talent-captcha-row input {
  width: min(100%, 280px);
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  background: var(--card, #fff);
  color: var(--text, #091524);
  padding: 0 14px;
}

.talent-report-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(34, 197, 94, .1);
  border: 1px solid rgba(34, 197, 94, .2);
}

[data-theme="dark"] .talent-account-head,
[data-theme="dark"] .talent-notice,
[data-theme="dark"] .talent-empty-state,
[data-theme="dark"] .talent-request-card,
[data-theme="dark"] .talent-file-control,
[data-theme="dark"] .talent-captcha-row input {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .talent-account-head p,
[data-theme="dark"] .talent-empty-state p,
[data-theme="dark"] .talent-request-top p,
[data-theme="dark"] .talent-upload-title p,
[data-theme="dark"] .talent-report-box span {
  color: rgba(255, 255, 255, .68);
}

[data-theme="dark"] .talent-test-links a,
[data-theme="dark"] .talent-test-links span,
[data-theme="dark"] .talent-sessions span,
[data-theme="dark"] .talent-file-status,
[data-theme="dark"] .talent-upload-form {
  background: rgba(255, 255, 255, .045);
  border-color: rgba(255, 255, 255, .08);
  color: var(--text, #fff);
}

@media (max-width: 860px) {

  .talent-request-top,
  .talent-report-box {
    flex-direction: column;
    align-items: flex-start;
  }

  .talent-file-statuses,
  .talent-upload-grid {
    grid-template-columns: 1fr;
  }
}

/* Final review additions */
.cta-banner-section {
  padding: 64px 0;
}

.cta-banner-link {
  display: block;
  overflow: hidden;

  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.12);
  line-height: 0;
}

.cta-banner-link img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform .35s ease;
}



.icon-dot,
.bottom-action-with-badge {
  position: relative;
}

.action-badge,
.bottom-action-with-badge em {
  position: absolute;
  top: -6px;
  left: 23px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 99px;
  background: var(--color-primary, #f4b400);
  color: #091524;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  line-height: 18px;
  text-align: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

.bottom-action-with-badge span {
  font-size: 33px;
  line-height: 1;
}

.product-tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.product-share-box {
  display: flex;

  align-items: center;
  gap: 10px;
}

.product-share-box {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--border, rgba(0, 0, 0, .08));
}

.product-share-box span {
  color: var(--muted, #666);
  font-weight: 800;
}

.product-tag-list a {
  padding: 5px 14px;
  border-radius: 16px;
  background: rgba(212, 160, 45, .08);
  color: var(--text, #101828);
}

.product-share-box a {

  cursor: pointer;
  font: inherit;
  background-color: transparent !important;
  border: none !important;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.product-copy-link {
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  border-radius: 999px;
  background: rgba(0, 0, 0, .035);
  color: var(--text, #091524);
  font-weight: 800;
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.product-share-box button {
  appearance: none;
}

.course-tags-box {
  margin-top: 28px;
  padding: 26px;
  border-radius: 26px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
}

.account-edit-card,
.account-password-box {
  margin-bottom: 24px;
  padding: 26px;
  border-radius: 26px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 16px 44px rgba(0, 0, 0, .06);
}

.account-edit-avatar {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
}

.account-edit-avatar-preview img {
  border-radius: 26px;
}

.account-avatar-upload {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 18px;
  border-radius: 18px;
  background: rgba(0, 0, 0, .04);
  border: 1px dashed var(--border, rgba(0, 0, 0, .18));
  cursor: pointer;
  font-weight: 900;
}

.account-avatar-upload input {
  display: none;
}

.account-avatar-upload small,
.account-password-box p {
  color: var(--muted, #666);
  font-weight: 500;
}

.account-edit-grid,
.talent-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.account-edit-grid label,
.account-password-box label,
.talent-info-grid label,
.talent-captcha-row label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 800;
}

.account-edit-grid input,
.account-password-box input,
.talent-info-grid input,
.talent-captcha-row input {
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  background: var(--bg, #fff);
  color: var(--text, #091524);
  padding: 0 14px;
}

.ayandeh-toast-wrap {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: min(360px, calc(100vw - 32px));
}

.ayandeh-toast {
  transform: translateY(14px);
  opacity: 0;
  border-radius: 18px;
  padding: 14px 18px;
  background: #091524;
  color: #fff;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
  transition: .25s ease;
  line-height: 1.8;
  font-weight: 800;
}

.ayandeh-toast.is-visible {
  transform: translateY(0);
  opacity: 1;
}

.ayandeh-toast-success {
  border-right: 4px solid #22c55e;
}

.ayandeh-toast-error {
  border-right: 4px solid #ef4444;
}

.is-hidden-by-theme {
  display: none !important;
}

[data-theme="dark"] .cta-banner-link,
[data-theme="dark"] .account-edit-card,
[data-theme="dark"] .account-password-box,
[data-theme="dark"] .course-tags-box {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .32);
}

[data-theme="dark"] .product-share-box a,
[data-theme="dark"] .product-share-box button,
[data-theme="dark"] .product-tag-list a,
[data-theme="dark"] .account-avatar-upload {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .1);
  color: var(--text, #fff);
}

@media (max-width:767.99px) {
.course-section-head h2 {
  font-size: 20px !important;
}
  .cta-banner-section {
    padding: 42px 0;
  }

  .cta-banner-link {
    border-radius: 22px;
  }

  .account-edit-grid,
  .talent-info-grid {
    grid-template-columns: 1fr;
  }

  .account-edit-avatar {
    align-items: flex-start;
    flex-direction: column;
  }

  .ayandeh-toast-wrap {
    left: 16px;
    right: 16px;
    bottom: 82px;
  }
}

/* Talent packages page */
.talent-packages-page .archive-hero {
  margin-bottom: 32px;
  margin-top: 15px;
  background: url('../images/bg-talent.png') no-repeat;
  background-size: cover !important;
}

.talent-packages-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.talent-package-card {
  overflow: hidden;
  border-radius: 28px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .06);
}

.talent-package-thumb {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: rgba(0, 0, 0, .04);
}

.talent-package-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.talent-package-body {
  padding: 24px;
}

.talent-package-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(244, 180, 0, .16);
  color: var(--color-primary, #f4b400);
  font-weight: 800;
  font-size: 13px;
}

.talent-package-body h2 {
  margin: 14px 0 10px;
  font-size: 22px;
}

.talent-package-body h2 a {
  color: inherit;
  text-decoration: none;
}

.talent-package-body p {
  margin: 0 0 16px;
  color: var(--muted, #666);
  line-height: 1.9;
}

.talent-package-price {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 900;
}

.talent-package-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

[data-theme="dark"] .talent-package-card {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .32);
}

[data-theme="dark"] .talent-package-body p {
  color: rgba(255, 255, 255, .65);
}

@media (max-width: 767.99px) {
  .talent-packages-grid {
    grid-template-columns: 1fr;
  }

  .talent-package-body {
    padding: 20px;
  }
}

.auth-rules-check {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .04);
  font-size: 14px;
  line-height: 1.9;
}

.auth-rules-check input {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.auth-rules-check a {
  color: var(--color-primary, #d9a520);
  font-weight: 800;
}

.ayandeh-empty-cart {
  max-width: 680px;
  margin: 40px auto;
  padding: 44px 28px;
  text-align: center;
  border-radius: 28px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
}

.empty-cart-icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 20px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: rgba(217, 165, 32, .16);
  font-size: 34px;
}

.ayandeh-empty-cart h1 {
  margin: 0 0 14px;
  font-size: 28px;
}

.ayandeh-empty-cart p {
  margin: 0 auto 24px;
  max-width: 480px;
  line-height: 2;
  color: var(--muted, #666);
}

.empty-cart-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* === Final polish: calm hero, auth, cart and product buy box === */
.hero-slide-bg-layer,
.hero-slide-content {
  transform: none !important;
}

.course-buy-box .price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  text-align: center;
}

.course-buy-box .price del {
  color: #a0a6b2;
  font-size: 17px;
  opacity: .75;
  font-weight: 700;
}

.course-buy-box .price ins {
  text-decoration: none;
  color: var(--text, #091524);
  font-size: 26px;
  font-weight: 950;
}

.course-buy-box .quantity {
  display: none !important;
}

.auth-rules-check {
  justify-content: flex-start;
  text-align: right;
}

.auth-rules-check input[type="checkbox"] {
  margin: 0;
  accent-color: var(--color-primary, #d9a520);
}

.woocommerce-default-content .woocommerce,
.woocommerce-default-content .woocommerce-cart-form,
.woocommerce-default-content .cart-collaterals {
  direction: rtl;
}

.ayandeh-empty-cart .btn-outline {
  border: 1px solid rgba(0, 0, 0, .12);
  background: transparent;
  color: var(--text, #091524);
}

[data-theme="dark"] .ayandeh-empty-cart,
[data-theme="dark"] .auth-rules-check {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .ayandeh-empty-cart .btn-outline {
  border-color: rgba(255, 255, 255, .16);
  color: #fff;
}


/* ===== Final WooCommerce polish: shop filters, profile edit, related products ===== */
.woocommerce-page-wrap a.added_to_cart.wc-forward,
.woocommerce a.added_to_cart.wc-forward {
  display: none !important;
}

.shop-page-wrap {
  padding: 44px 0 78px;
}



.shop-sidebar {
  position: sticky;
  top: 112px;
  align-self: start;
}

.shop-archive-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.shop-archive-header span,
.shop-filter-head span {
  display: block;
  color: var(--gold, #d8a826);
  font-weight: 900;
  font-size: 13px;
  margin-bottom: 7px;
}

.shop-archive-header h1 {
  margin: 0;
  color: var(--ink, #071725);
  font-size: clamp(26px, 3vw, 40px);
}

.shop-archive-tools {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.shop-archive-tools .woocommerce-result-count {
  margin: 0;
  color: var(--muted, #697386);
  font-weight: 700;
  white-space: nowrap;
}

.shop-archive-tools .woocommerce-ordering {
  margin: 0;
}

.shop-archive-tools select.orderby {
  min-height: 44px;
  min-width: 210px;
  border-radius: 15px;
  border: 1px solid var(--line, rgba(0, 0, 0, .08));
  background: var(--panel, #fff);
  color: var(--ink, #071725);
  padding: 0 14px;
  font-weight: 800;
  outline: none;
}

.shop-filter-widget {
  border-radius: 24px !important;
  padding: 20px !important;
}

.shop-filter-widget h2,
.shop-filter-title {
  margin: 0 0 14px !important;
  font-size: 18px !important;
  color: var(--ink, #071725);
}

.shop-category-list {
  display: grid;
  gap: 10px;
}

.shop-filter-link {
  margin-bottom: 0 !important;
  min-height: 46px;
  border-radius: 16px !important;
  text-align: right;
  font-weight: 850;
}

.shop-filter-search input {
  min-height: 46px;
}

.shop-filter-search button {
  min-height: 44px;
}

.account-welcome-content {
  flex: 1;
  min-width: 0;
}

.account-profile-edit-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-top: 14px;
  padding: 0 14px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--gold, #d9a520), var(--gold-2, #f4c542));
  color: #071725;
  text-decoration: none;
  font-weight: 900;
}

.account-avatar img,
.account-edit-avatar-preview img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 22px;
  background: rgba(0, 0, 0, .05);
}

.account-edit-avatar-preview img {
  width: 96px;
  height: 96px;
}

.course-related-box {
  margin-top: 28px;

}

.course-related-box .related-products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.course-related-box .related-products-grid li.product {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

[data-theme="dark"] .course-related-box {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .32);
}

@media (max-width: 767.99px) {
  .shop-layout {
    grid-template-columns: 1fr !important;
    direction: rtl;
  }

  .shop-sidebar {
    position: static;

  }

  .shop-products-area {
    order: -1;
  }

  .course-description-box {
    margin-top: 15px;
  }

  .shop-archive-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shop-archive-tools {
    width: 100%;
    justify-content: space-between;
  }

  .course-related-box .related-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .shop-archive-tools {
    align-items: stretch;
    flex-direction: column;
  }

  .shop-archive-tools select.orderby {
    width: 100%;
  }

  .course-related-box .related-products-grid {
    grid-template-columns: 1fr;
  }

  .account-welcome-card {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ===== Downloadable products + talent journey visibility ===== */
.course-type-badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 34px;
  padding: 0 12px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(244, 180, 0, .14);
  color: var(--gold, #d8a826);
  font-weight: 900;
  font-size: 13px;
}

.downloadable-product-box {
  margin-top: 24px;
  padding: 24px;
  border-radius: 24px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .055);
}

.downloadable-product-box p {
  margin: 0 0 18px;
  color: var(--muted, #666);
  line-height: 1.9;
  font-weight: 700;
}

.ayandeh-downloads-page {
  display: grid;
  gap: 22px;
}

.ayandeh-downloads-head,
.ayandeh-downloads-empty,
.ayandeh-download-card {
  border-radius: 24px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .055);
}

.ayandeh-downloads-head,
.ayandeh-downloads-empty {
  padding: 26px;
}

.ayandeh-downloads-head span,
.ayandeh-download-label {
  color: var(--gold, #d8a826);
  font-weight: 900;
  font-size: 13px;
}

.ayandeh-downloads-head h2,
.ayandeh-downloads-empty h3,
.ayandeh-download-card h3 {
  margin: 8px 0;
  color: var(--ink, #071725);
}

.ayandeh-downloads-head p,
.ayandeh-downloads-empty p,
.ayandeh-download-card p {
  margin: 0;
  color: var(--muted, #666);
  line-height: 1.9;
}

.ayandeh-downloads-list {
  display: grid;
  gap: 16px;
}

.ayandeh-download-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 18px;
  align-items: center;
  padding: 20px;
}

.ayandeh-download-card h3 a {
  color: inherit;
  text-decoration: none;
}

.ayandeh-download-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.ayandeh-download-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .04);
  color: var(--muted, #666);
  font-size: 12px;
  font-weight: 800;
}

.ayandeh-download-button {
  white-space: nowrap;
}

.talent-next-step-box,
.talent-progress-box,
.talent-consultant-note {
  margin-top: 18px;
  border-radius: 20px;
  border: 1px solid rgba(244, 180, 0, .22);
  background: rgba(244, 180, 0, .08);
  padding: 18px;
}

.talent-next-step-box span,
.talent-consultant-note span {
  display: block;
  margin-bottom: 7px;
  color: var(--gold, #d8a826);
  font-weight: 900;
  font-size: 13px;
}

.talent-next-step-box strong {
  display: block;
  color: var(--ink, #071725);
  line-height: 1.9;
}

.talent-progress-box h4 {
  margin: 0 0 14px;
  color: var(--ink, #071725);
}

.talent-progress-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.talent-progress-step {
  position: relative;
  min-height: 126px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(0, 0, 0, .06);
}

.talent-progress-dot {
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-bottom: 10px;
  background: rgba(0, 0, 0, .18);
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .75);
}

.talent-progress-step strong,
.talent-progress-step small {
  display: block;
  line-height: 1.75;
}

.talent-progress-step strong {
  color: var(--ink, #071725);
  font-size: 13px;
}

.talent-progress-step small {
  margin-top: 5px;
  color: var(--muted, #666);
  font-size: 11px;
}

.talent-progress-step.is-completed .talent-progress-dot {
  background: #16a34a;
}

.talent-progress-step.is-current {
  border-color: rgba(244, 180, 0, .5);
  background: rgba(244, 180, 0, .12);
}

.talent-progress-step.is-current .talent-progress-dot {
  background: var(--gold, #d8a826);
}

.talent-progress-step.is-pending {
  opacity: .68;
}

.talent-consultant-note div {
  color: var(--text, #091524);
  line-height: 1.95;
  font-weight: 700;
}

.talent-consultant-note p:last-child {
  margin-bottom: 0;
}

[data-theme="dark"] .downloadable-product-box,
[data-theme="dark"] .ayandeh-downloads-head,
[data-theme="dark"] .ayandeh-downloads-empty,
[data-theme="dark"] .ayandeh-download-card {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .ayandeh-downloads-head p,
[data-theme="dark"] .ayandeh-downloads-empty p,
[data-theme="dark"] .ayandeh-download-card p,
[data-theme="dark"] .downloadable-product-box p,
[data-theme="dark"] .talent-progress-step small {
  color: rgba(255, 255, 255, .68);
}

[data-theme="dark"] .ayandeh-downloads-head h2,
[data-theme="dark"] .ayandeh-downloads-empty h3,
[data-theme="dark"] .ayandeh-download-card h3,
[data-theme="dark"] .talent-next-step-box strong,
[data-theme="dark"] .talent-progress-box h4,
[data-theme="dark"] .talent-progress-step strong,
[data-theme="dark"] .talent-consultant-note div {
  color: #fff;
}

[data-theme="dark"] .ayandeh-download-meta span,
[data-theme="dark"] .talent-progress-step {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .08);
}

@media (max-width: 1180px) {
  .talent-progress-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .ayandeh-download-card {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .ayandeh-download-meta {
    justify-content: flex-start;
  }

  .talent-progress-list {
    grid-template-columns: 1fr;
  }

  .talent-progress-step {
    min-height: auto;
  }
}


/* Talent business workflow additions */
.talent-flow-overview {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0;
}

.talent-flow-step {
  padding: 18px;
  border-radius: 20px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 14px 36px rgba(0, 0, 0, .05);
}

.talent-flow-step strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(244, 180, 0, .18);
  margin-bottom: 10px;
}

.talent-flow-step span {
  display: block;
  font-weight: 900;
}

.talent-initial-request-card {
  display: grid;
  grid-template-columns: minmax(240px, 360px) 1fr;
  gap: 28px;
  align-items: start;
  padding: 28px;
  border-radius: 28px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .08);
  margin: 34px 0;
}

.talent-initial-copy h2 {
  margin: 10px 0;
}

.talent-initial-form {
  display: grid;
  gap: 16px;
}

.talent-hp-field {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
}

.talent-service-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.talent-service-choice label {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  background: rgba(0, 0, 0, .025);
  cursor: pointer;
}

.talent-service-choice strong,
.talent-service-choice small {
  display: block;
}

.talent-service-choice small {
  margin-top: 4px;
  color: var(--muted, #666);
}

.talent-info-grid,
.talent-initial-form .talent-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.talent-info-grid label,
.talent-wide-field {
  display: grid;
  gap: 8px;
  font-weight: 800;
}

.talent-info-grid input,
.talent-wide-field textarea {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  background: var(--card, #fff);
  color: var(--text, #091524);
  padding: 0 14px;
  font: inherit;
}

.talent-wide-field textarea {
  padding: 12px 14px;
  resize: vertical;
}

.talent-packages-direct-buy {
  margin-top: 54px;
}

.talent-status-waiting_payment {
  background: rgba(148, 163, 184, .18);
  color: #475569;
}

.talent-status-first_session_scheduled,
.talent-status-second_session_scheduled {
  background: rgba(168, 85, 247, .14);
  color: #7e22ce;
}

.talent-status-first_session_done,
.talent-status-second_session_done {
  background: rgba(20, 184, 166, .14);
  color: #0f766e;
}

[data-theme="dark"] .talent-flow-step,
[data-theme="dark"] .talent-initial-request-card,
[data-theme="dark"] .talent-info-grid input,
[data-theme="dark"] .talent-wide-field textarea {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
  color: var(--text, #fff);
}

[data-theme="dark"] .talent-service-choice label {
  background: rgba(255, 255, 255, .045);
  border-color: rgba(255, 255, 255, .08);
}

@media (max-width: 920px) {

  .talent-flow-overview,
  .talent-initial-request-card,
  .talent-service-choice,
  .talent-info-grid,
  .talent-initial-form .talent-info-grid {
    grid-template-columns: 1fr;
  }
}

/* Talent product-centric checkout flow */
.talent-landing-page .talent-flow-compact {
  margin-top: 24px;
}

.talent-packages-showcase .section-heading p {
  max-width: 760px;
}

.talent-packages-showcase .talent-package-actions .btn {
  min-width: 170px;
  justify-content: center;
}

.ayandeh-talent-checkout-fields {
  margin: 28px 0;
  padding: 22px;
  border-radius: 20px;
  background: rgba(244, 180, 0, .08);
  border: 1px solid rgba(244, 180, 0, .22);
}

.ayandeh-talent-checkout-fields h3 {
  margin: 0 0 18px;
  font-size: 20px;
  font-weight: 900;
  color: var(--text, #071827);
}

.ayandeh-talent-checkout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}

.ayandeh-talent-checkout-grid .form-row {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.ayandeh-talent-checkout-grid .form-row-wide {
  grid-column: 1 / -1;
}

.ayandeh-talent-checkout-grid input,
.ayandeh-talent-checkout-grid select,
.ayandeh-talent-checkout-grid textarea {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  padding: 10px 14px;
  background: var(--card, #fff);
  color: var(--text, #071827);
  font: inherit;
}

.ayandeh-talent-checkout-grid textarea {
  min-height: 88px;
  resize: vertical;
}

.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order {
  background: var(--color-primary, #d6a51d) !important;
  border-color: var(--color-primary, #d6a51d) !important;
  color: #111827 !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  min-height: 48px;
}

.woocommerce-checkout .woocommerce-checkout-payment {
  border-radius: 18px;
  overflow: hidden;
}

[data-theme="dark"] .ayandeh-talent-checkout-fields {
  background: rgba(244, 180, 0, .10);
  border-color: rgba(244, 180, 0, .25);
}

[data-theme="dark"] .ayandeh-talent-checkout-grid input,
[data-theme="dark"] .ayandeh-talent-checkout-grid select,
[data-theme="dark"] .ayandeh-talent-checkout-grid textarea {
  background: var(--card, #091524);
  color: var(--text, #fff);
  border-color: rgba(255, 255, 255, .10);
}

@media (max-width:767.99px) {
  .ayandeh-talent-checkout-grid {
    grid-template-columns: 1fr;
  }
}

/* Account content cards: courses/webinars */
.ayandeh-account-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-top: 20px
}

.ayandeh-account-product-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 25px rgba(15, 23, 42, .05)
}

.ayandeh-account-product-card h3 {
  margin: 0 0 10px;
  font-size: 18px
}

.ayandeh-account-product-card p {
  margin: 0 0 14px;
  color: #64748b
}

.webinar-access-note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e8f7ee;
  color: #15803d;
  font-weight: 700;
  padding: 10px 14px
}

.single-webinar .talent-notice {
  margin-bottom: 20px
}

.lesson-buy {
  background: #dba536;
  color: #fff !important
}

.course-lesson-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 18px;
  background: #0f172a;
  margin-top: 14px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .12);
}

.course-lesson-video-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.course-lesson-locked-note {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px dashed rgba(220, 38, 38, .25);
  background: rgba(254, 242, 242, .72);
  color: #991b1b;
  border-radius: 16px;
  padding: 14px 16px;
  margin-top: 12px;
}

.lesson-resource {
  background: rgba(219, 165, 54, .15);
  color: #9a6b00;
}

[data-theme="dark"] .course-lesson-video-frame {
  background: #020617;
}

[data-theme="dark"] .course-lesson-locked-note {
  background: rgba(127, 29, 29, .25);
  border-color: rgba(248, 113, 113, .28);
  color: #fecaca;
}

[data-theme="dark"] .lesson-resource {
  background: rgba(219, 165, 54, .18);
  color: #facc15;
}

.single-course-sidebar {
  position: sticky;
  top: 100px;
  left: 0;
}

/* ===== Product specs, comments, captcha and related carousel fixes ===== */
.course-specs-box {
  margin-top: 10px;
  margin-bottom: 10px;
}



.course-specs-grid span,
.course-buy-features span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(212, 160, 45, .08);
  color: var(--text, #101828);
  line-height: 1.8;
}

.course-specs-grid span::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--color-primary, #d4a02d);
  color: #fff;
  font-size: 11px;
  flex: 0 0 18px;
}

.comment-rules-box {
  margin: 20px 0 22px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(212, 160, 45, .10);
  border: 1px solid rgba(212, 160, 45, .24);
}

.comment-rules-box strong {
  display: block;
  margin-bottom: 10px;
  color: var(--color-primary-dark, #9f7416);
}

.comment-rules-box ul {
  margin: 0;
  padding-inline-start: 22px;
  line-height: 2;
}

.comments-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.comments-title-row span {
  color: var(--color-primary, #d4a02d);
  font-weight: 800;
}

.comments-title-row h2 {
  margin: 4px 0 0;
}

.ayandeh-comment-list,
.ayandeh-comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ayandeh-comment-list .children {
  margin-top: 12px;
  margin-inline-start: 28px;
}

.ayandeh-comment-card {
  display: flex;
  gap: 14px;
  padding: 16px;
  margin-bottom: 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
}

.ayandeh-comment-avatar img {
  border-radius: 999px;
}

.ayandeh-comment-content {
  min-width: 0;
  flex: 1;
}

.ayandeh-comment-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.ayandeh-comment-meta time {
  color: var(--muted, #667085);
  font-size: 13px;
}

.ayandeh-comment-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.ayandeh-comment-actions a,
#cancel-comment-reply-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(212, 160, 45, .12);
  color: var(--color-primary-dark, #9f7416);
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
}

.comment-captcha-row {
  margin: 14px 0;
  display: grid;
  gap: 8px;
}

.comment-captcha-row label {
  font-weight: 800;
}

.comment-captcha-row input[type="text"] {
  max-width: 220px;
}

.comment-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 800;
}

.course-related-box.related-products-fullwidth {
  width: 100%;
  margin: 44px 0 0;
  padding: 28px 0 36px;
  background: transparent;
  border: 0;
}

.related-products-swiper {
  padding: 4px 2px 36px;
  overflow: hidden;
}

.related-products-carousel-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.related-product-card {
  height: auto;
  border-radius: 24px;
  overflow: hidden;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 40px rgba(16, 24, 40, .07);
}

.related-product-thumb {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #f7f3ea;
}

.related-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.related-product-body {
  padding: 16px;
}

.related-product-body h3 {
  font-size: 16px;
  line-height: 1.8;
  min-height: 56px;
  margin: 0 0 10px;
}

.related-product-body h3 a {
  color: inherit;
  text-decoration: none;
}

.related-product-price {
  font-weight: 900;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.related-product-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--color-primary, #d4a02d);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}

.related-carousel-actions {
  display: flex;
  gap: 8px;
}

.related-carousel-actions button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: var(--color-primary, #d4a02d);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}

[data-theme="dark"] .course-specs-box,
[data-theme="dark"] .ayandeh-comment-card,
[data-theme="dark"] .related-product-card {
  background: rgba(15, 23, 42, .78);
}

@media (max-width: 700px) {
  .course-specs-grid {
    grid-template-columns: 1fr;
  }

  .ayandeh-comment-card {
    flex-direction: column;
  }

  .ayandeh-comment-list .children {
    margin-inline-start: 12px;
  }
}

/* Final workflow refinements */
.lesson-lock-icon {
  min-width: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #475467;
  line-height: 1;
}

.lesson-lock-icon svg {
  width: 20px;
  height: 20px;
  display: block;
}

.lesson-lock-icon.open {
  color: #059669;
  background: rgba(16, 185, 129, .12);
}

.lesson-lock-icon.locked {
  color: #dc2626;
  background: rgba(220, 38, 38, .10);
}

.talent-status-payment_completed,
.talent-status-ready_for_expert {
  background: rgba(59, 130, 246, .14);
  color: #2563eb;
}

.talent-status-initial_info_incomplete {
  background: rgba(245, 158, 11, .16);
  color: #b45309;
}

.talent-info-alert {
  margin-top: 18px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(245, 158, 11, .13);
  border: 1px solid rgba(245, 158, 11, .28);
  color: #92400e;
}

.talent-info-alert strong,
.talent-info-alert span {
  display: block;
  line-height: 1.9;
}

.talent-info-alert .btn {
  margin-top: 12px;
}

.talent-info-summary {
  margin-top: 18px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(34, 197, 94, .09);
  border: 1px solid rgba(34, 197, 94, .18);
}

.talent-info-summary h4 {
  margin: 0 0 12px;
}

.talent-info-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.talent-info-summary-grid span {
  display: block;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .7);
  line-height: 1.8;
}

.talent-info-summary-grid strong {
  display: block;
  color: var(--muted, #667085);
  font-size: 12px;
}

.talent-upload-form.is-initial-info {
  border-style: solid;
  border-color: rgba(245, 158, 11, .32);
  background: rgba(245, 158, 11, .06);
}

.talent-upload-form textarea,
.talent-info-grid textarea {
  width: 100%;
  min-height: 96px;
  border-radius: 14px;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  background: var(--card, #fff);
  color: var(--text, #091524);
  padding: 12px 14px;
  font: inherit;
  resize: vertical;
}

@media (max-width: 760px) {
  .talent-info-summary-grid {
    grid-template-columns: 1fr;
  }
}

[data-theme="dark"] .talent-info-alert {
  background: rgba(245, 158, 11, .15);
  border-color: rgba(245, 158, 11, .28);
  color: #fcd34d;
}

[data-theme="dark"] .talent-info-summary,
[data-theme="dark"] .talent-info-summary-grid span,
[data-theme="dark"] .talent-upload-form textarea,
[data-theme="dark"] .talent-info-grid textarea {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
  color: var(--text, #fff);
}

.talent-info-summary-grid>div {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .7);
  line-height: 1.8;
}

.talent-info-summary-grid>div span {
  display: block;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted, #667085);
  font-size: 12px;
}

.talent-info-summary-grid>div strong {
  display: block;
  color: var(--text, #091524);
  font-size: 14px;
}

.talent-info-grid label.is-wide {
  grid-column: 1 / -1;
}

.talent-notice-info {
  background: rgba(59, 130, 246, .10);
  border: 1px solid rgba(59, 130, 246, .20);
  color: #1d4ed8;
}

[data-theme="dark"] .talent-info-summary-grid>div {
  background: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .talent-info-summary-grid>div span {
  background: transparent;
  color: rgba(255, 255, 255, .64);
}

[data-theme="dark"] .talent-info-summary-grid>div strong {
  color: var(--text, #fff);
}

/* ===== Final comment reply / captcha polish ===== */
.comment-respond {
  margin-top: 24px;
  padding: 22px;
  border-radius: 22px;

  border: 1px solid var(--border, rgba(0, 0, 0, .08))
}

.comment-respond form {
  display: grid;
  gap: 14px
}

.comment-form-comment textarea {
  width: 100%;
  min-height: 150px;
  border-radius: 16px
}

.comment-captcha-row.ayandeh-comment-captcha {
  padding: 12px 14px;
  border: 1px dashed rgba(212, 160, 45, .45);
  border-radius: 16px;

}

.comment-captcha-row.ayandeh-comment-captcha input[type="text"] {
  width: 160px;
  max-width: 100%;
  margin-top: 8px;
  border-radius: 12px;
  text-align: center;
  direction: ltr
}

.ayandeh-comment-card {
  position: relative
}

.ayandeh-comment-actions .comment-reply-link {
  background: #fff !important;
  border: 1px solid rgba(152, 162, 179, .45) !important;
  color: #98a2b3 !important;
  border-radius: 8px !important;
  min-height: 32px !important;
  padding: 0 14px !important
}

.ayandeh-comment-actions .comment-reply-link:hover {
  border-color: var(--color-primary, #d4a02d) !important;
  color: var(--color-primary-dark, #9f7416) !important
}

.ayandeh-comment-list .children {
  border-inline-start: 2px solid rgba(212, 160, 45, .25);
  padding-inline-start: 18px;
  margin-inline-start: 18px
}

.comment-list .comment-respond {
  margin: 12px 0 18px
}

.comment-list .comment-respond small {
  display: block;
  margin-top: 6px
}

@media (min-width:768px) {
 .home-service-tabs {
  justify-content: center;
} 
  .course-buy-box .cart,
  .shop-filter-sidebar {
    position: sticky;
    top: 60px;
    left: 0;
  }

  .ayandeh-comment-actions {
    justify-content: flex-start
  }

  .ayandeh-comment-card {
    padding-inline-start: 96px
  }

  .ayandeh-comment-actions {
    position: absolute;
    left: 16px;
    bottom: 16px;
    margin-top: 0
  }
}

.short-desc-service {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 85px;
}

.title-service {
  min-height: 60px;
}

.more-service {
  text-align: left;
}

.text-center {
  text-align: center;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

@media (max-width: 767.99px) {
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }


}

#flash-sale {
  background: linear-gradient(225deg, #042a70, #041f48 41.68%, #031f4c);
}

#flash-sale .section-title h2,
#flash-sale .section-title a {
  color: #fff;
}



/* Talent session confirmation workflow */
.talent-session-card {
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 16px;
  padding: 16px;
  margin: 12px 0;
  background: #fff;
}

.talent-session-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.talent-session-card-head span {
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f3f4f6;
}

.talent-session-card.is-confirmed .talent-session-card-head span {
  background: #e8f8ef;
}

.talent-session-card.is-change_requested .talent-session-card-head span {
  background: #fff4de;
}

.talent-session-actions {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.talent-session-change-box {
  min-width: min(100%, 360px);
}

.talent-session-change-box summary {
  cursor: pointer;
  padding: 9px 14px;
  border: 1px solid rgba(17, 24, 39, 0.18);
  border-radius: 10px;
  display: inline-block;
}

.talent-session-change-box form {
  margin-top: 10px;
}

.talent-session-change-box textarea {
  width: 100%;
  margin-top: 8px;
}

.talent-session-note {
  margin: 10px 0 0;
  padding: 10px;
  border-radius: 10px;
  background: #fff8e5;
}

/* Fix related products carousel: WooCommerce global ul.products grid must not affect Swiper. */
.related-products-swiper .related-products-carousel-list.swiper-wrapper {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  align-items: stretch;
}

.related-products-swiper .related-products-carousel-list::before,
.related-products-swiper .related-products-carousel-list::after {
  display: none !important;
  content: none !important;
}



@media (max-width: 1079px) {

  .related-products-swiper .related-products-carousel-list>.related-product-card.swiper-slide,
  .woocommerce .related-products-swiper .related-products-carousel-list>li.product.swiper-slide {
    flex-basis: calc((100% - 36px) / 3);
    width: calc((100% - 36px) / 3) !important;
    max-width: calc((100% - 36px) / 3);
  }
}

@media (max-width: 799px) {

  .related-products-swiper .related-products-carousel-list>.related-product-card.swiper-slide,
  .woocommerce .related-products-swiper .related-products-carousel-list>li.product.swiper-slide {
    flex-basis: calc((100% - 16px) / 2);
    width: calc((100% - 16px) / 2) !important;
    max-width: calc((100% - 16px) / 2);
  }
}

@media (max-width: 540px) {

  .related-products-swiper .related-products-carousel-list>.related-product-card.swiper-slide,
  .woocommerce .related-products-swiper .related-products-carousel-list>li.product.swiper-slide {
    flex-basis: 86%;
    width: 86% !important;
    max-width: 86%;
  }
}

/* ===== Product attributes + ACF extra fields: separated and ordered ===== */
.course-specs-grid--structured .course-spec-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-height: 58px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(212, 160, 45, .08);
  color: var(--text, #101828);
  line-height: 1.8;
  position: relative;
  padding-inline-start: 42px;
  margin-bottom: 10px;
}

.course-specs-grid--structured .course-spec-item::before {
  content: "✓";
  position: absolute;
  inset-inline-start: 14px;
  top: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--color-primary, #d4a02d);
  color: #fff;
  font-size: 11px;
  flex: 0 0 18px;
}

.course-specs-grid--structured .course-spec-item small {
  color: var(--muted, #667085);
  font-size: 12px;
  font-weight: 800;
}

.course-specs-grid--structured .course-spec-item strong {
  color: var(--text, #101828);
  font-size: 14px;
  font-weight: 900;
}

.course-extra-features-box {
  margin-top: 18px;
}



.course-extra-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 52px;
  padding: 7px 14px;
  border-radius: 16px;
  background: rgba(16, 185, 129, .08);
  border: 1px solid rgba(16, 185, 129, .16);
  line-height: 1.9;
  font-size: 12px;
  color: var(--text, #101828);
  margin-bottom: 10px;
}

.course-extra-feature-item::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  border-radius: 999px;
  background: rgba(16, 185, 129, .18);
  color: #059669;
  font-weight: 900;
  flex: 0 0 20px;
}

.course-extra-feature-item span {
  display: block;
  min-width: 0;
  font-weight: 800;
}



.ayandeh-comment-actions .comment-reply-link {
  opacity: 1 !important;
  visibility: visible !important;
}

.comment-form-rating.is-hidden-for-reply {
  display: none !important;
}

@media (max-width: 700px) {
  .course-extra-features-list {
    grid-template-columns: 1fr;
  }
}

[data-theme="dark"] .course-specs-grid--structured .course-spec-item,
[data-theme="dark"] .course-extra-feature-item {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .course-specs-grid--structured .course-spec-item strong,
[data-theme="dark"] .course-extra-feature-item {
  color: rgba(255, 255, 255, .9);
}

.course-extra-feature-item small {
  display: block;
  margin-bottom: 4px;
  color: var(--muted, #667085);
  font-size: 12px;
  font-weight: 700;
}

.course-extra-feature-item strong {
  display: block;
  color: var(--text, #101828);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.9;
}

[data-theme="dark"] .course-extra-feature-item strong {
  color: rgba(255, 255, 255, .92);
}

.talent-session-card.is-done .talent-session-card-head span {
  background: #e8f8ef;
}

.comment-form-cookies-consent {
  display: flex;
  align-items: center;
}

/* Webinar workflow states */
.webinar-inline-action {
  margin: 18px 0 22px;
}

.webinar-disabled {
  cursor: not-allowed !important;
  opacity: .7;
  background: #eef2f7 !important;
  color: #64748b !important;
  border: 1px solid rgba(100, 116, 139, .25);
}

.webinar-recording-section {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(15, 23, 42, .08);
}

.webinar-recording-section h2,
.webinar-intro-video h2 {
  font-size: 20px;
  margin: 0 0 14px;
}

.webinar-recording-notice {
  margin-top: 14px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(244, 180, 0, .10);
  color: var(--ink, #0f172a);
}

.webinar-recording-notice p {
  margin: 0 0 14px;
}

.webinar-account-status {
  font-weight: 700;
  color: var(--ink, #0f172a) !important;
}

[data-theme="dark"] .webinar-disabled {
  background: rgba(255, 255, 255, .08) !important;
  color: rgba(255, 255, 255, .75) !important;
  border-color: rgba(255, 255, 255, .14);
}

[data-theme="dark"] .webinar-recording-section {
  border-top-color: rgba(255, 255, 255, .10);
}

[data-theme="dark"] .webinar-recording-notice {
  background: rgba(244, 180, 0, .14);
  color: var(--text, #fff);
}

/* Webinar workflow refinements */
.webinar-card-link,
.webinar-price {
  margin-top: .65rem;
}

.webinar-card-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-weight: 700;
  text-decoration: none;
}

.webinar-account-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 1.25rem 0;
}

.webinar-account-tab {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .55rem .85rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, .045);
  font-size: .92rem;
}

.webinar-account-tab b {
  min-width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff;
}

.webinar-recording-notice,
.webinar-access-note,
.webinar-disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Webinar single layout refinements */
.single-webinar .single-layout {
  grid-template-columns: minmax(0, 1fr) 350px;
  gap: 26px;
}

.single-webinar .single-main-card {
  border-radius: 26px;
}

.single-webinar .single-cover {
  background: var(--panel-soft);
}

.single-webinar .single-cover img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  border-radius: 0;
  background: var(--panel-soft);
}

.single-webinar-sidebar {
  display: grid;
  gap: 14px;
  position: sticky;
  top: 96px;
  align-self: start;
}

.webinar-buy-box,
.webinar-info-box,
.webinar-back-box {
  background: var(--panel);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow-2);
}

.webinar-buy-box {
  padding: 20px;
}

.webinar-price-row {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px dashed var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--panel-soft) 84%, transparent);
}

.webinar-price-row span,
.webinar-price-row strong {
  min-height: 54px;
  display: flex;
  align-items: center;
  padding: 10px 14px;
}

.webinar-price-row span {
  justify-content: center;
  color: var(--muted);
  border-left: 1px dashed var(--line);
  font-weight: 800;
}

.webinar-price-row strong {
  justify-content: flex-start;
  font-size: 25px;
  line-height: 1.5;
  color: var(--ink);
  font-weight: 950;
}

.webinar-buy-box .btn,
.webinar-buy-box .btn-gold,
.webinar-buy-box .webinar-disabled,
.single-webinar-sidebar .btn,
.single-webinar-sidebar .btn-gold {
  width: 100%;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  text-align: center;
  font-weight: 950;
}

.webinar-info-box {
  padding: 18px;
}

.webinar-info-box h3 {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.7;
}

.webinar-info-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.webinar-info-box li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px dashed var(--line);
  color: var(--muted);
}

.webinar-info-box li:last-child {
  border-bottom: 0;
}

.webinar-info-box li strong {
  color: var(--ink);
  font-weight: 850;
  text-align: left;
}

.webinar-back-box {
  display: block;
  padding: 14px 18px;
  margin-top: 0;
  text-align: center;
  text-decoration: none;
}

.webinar-badge-free {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgb(34, 197, 94);
  color: #fff;
}

.webinar-body .webinar-badge {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 1;
}

@media (max-width: 1080px) {
  .single-webinar .single-layout {
    grid-template-columns: 1fr;
  }

  .single-webinar-sidebar {
    position: static;
  }
}

/* Webinar UX states */
.webinar-action-stack {
  display: grid;
  gap: 10px;
  width: 100%;
}

.webinar-action-stack .webinar-access-note,
.webinar-action-stack .webinar-disabled,
.webinar-action-stack .btn,
.webinar-action-stack .btn-gold,
.webinar-action-stack .webinar-recording-notice {
  width: 100%;
}

.talent-notice-info {
  background: rgba(59, 130, 246, .10);
  border: 1px solid rgba(59, 130, 246, .20);
  color: #1d4ed8;
}

[data-theme="dark"] .talent-notice-info {
  background: rgba(59, 130, 246, .16);
  border-color: rgba(147, 197, 253, .25);
  color: #bfdbfe;
}

/* Webinar embedded video players (ArvanCloud, Aparat, YouTube, Vimeo) */
.webinar-video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 18px;
  background: #0f172a;
}

.webinar-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-box video {
  display: block;
  width: 100%;
  max-height: 70vh;
  border-radius: 18px;
  background: #0f172a;
}

/* Talent assessment landing UX refresh */
.talent-packages-hero--pro {
  position: relative;
  overflow: hidden;
  padding: 46px 50px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 8% 8%, rgba(244, 180, 0, .18), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 248, 230, .86));
  border: 1px solid rgba(7, 29, 43, .06);
  box-shadow: 0 28px 80px rgba(7, 23, 37, .08);
}

.talent-packages-hero--pro::after {
  content: "";
  position: absolute;
  inset: auto 34px 34px auto;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(244, 180, 0, .10);
  filter: blur(3px);
  pointer-events: none;
}

.talent-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 820px;
}

.talent-packages-hero--pro h1 {
  margin-top: 8px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.55;
}

.talent-packages-hero--pro .archive-description,
.talent-packages-hero--pro p {
  max-width: 760px;
  color: var(--muted, #5f6b76);
  font-size: 15px;
  line-height: 2.15;
}

.talent-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.talent-hero-actions .btn {
  height: 48px;
  border-radius: 15px;
  padding-inline: 26px;
  font-size: 14px;
}

.talent-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.talent-hero-pills span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(7, 29, 43, .06);
  border: 1px solid rgba(7, 29, 43, .08);
  color: var(--ink, #071d2b);
  font-weight: 850;
  font-size: 13px;
}

.talent-flow-timeline {
  position: relative;
  gap: 0;
  margin: 32px 0 44px;
  padding: 4px 0;
}

.talent-flow-timeline::before {
  content: "";
  position: absolute;
  top: 42px;
  left: 7%;
  right: 7%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(244, 180, 0, .6), transparent);
  pointer-events: none;
}

.talent-flow-timeline .talent-flow-step {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 110px;
  margin: 0 6px;
  padding: 18px 14px;
  text-align: center;
  border-radius: 22px;
  box-shadow: 0 16px 42px rgba(7, 23, 37, .055);
}

.talent-flow-timeline .talent-flow-step strong {
  margin: 0 0 10px;
  color: var(--ink, #071d2b);
}

.talent-flow-timeline .talent-flow-step.is-active {
  border-color: rgba(244, 180, 0, .38);
  box-shadow: 0 22px 55px rgba(244, 180, 0, .14);
}

.talent-flow-timeline .talent-flow-step.is-active strong {
  background: linear-gradient(135deg, var(--gold, #f4b400), var(--gold-2, #d99b00));
  color: #fff;
}

.talent-section-heading-centered {
  text-align: center;
  margin-bottom: 28px;
}

.talent-section-heading-centered p {
  margin-inline: auto;
}

.talent-packages-grid--featured {
  display: grid;
  grid-template-columns: 1fr;
  gap: 34px;
}

.talent-package-featured {
  display: grid;
  grid-template-columns: minmax(280px, .92fr) minmax(320px, .78fr);
  gap: 28px;
  align-items: stretch;
}

.talent-package-value-card {
  position: relative;
  overflow: hidden;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 0 0, rgba(244, 180, 0, .14), transparent 32%),
    var(--card, #fff);
  border: 1px solid rgba(7, 29, 43, .08);
  box-shadow: 0 24px 70px rgba(7, 23, 37, .06);
}

.talent-package-value-card h3 {
  margin: 12px 0 20px;
  font-size: 25px;
  line-height: 1.6;
  color: var(--ink, #071d2b);
}

.talent-benefit-list {
  display: grid;
  gap: 13px;
}

.talent-benefit-item {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 18px;
  background: rgba(7, 29, 43, .035);
  border: 1px solid rgba(7, 29, 43, .06);
}

.talent-benefit-item i {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(244, 180, 0, .16);
  color: var(--gold-dark, #ad7600);
  font-style: normal;
  font-weight: 900;
}

.talent-benefit-item strong,
.talent-benefit-item span {
  display: block;
}

.talent-benefit-item strong {
  margin-bottom: 3px;
  color: var(--ink, #071d2b);
  font-weight: 900;
}

.talent-benefit-item span,
.talent-package-value-text {
  color: var(--muted, #66727c);
  line-height: 1.9;
  font-size: 14px;
}

.talent-package-card--featured {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border-radius: 30px;
}

.talent-package-card--featured .talent-package-thumb {
  position: relative;
  border-radius: 28px 28px 0 0;
}

.talent-package-card--featured .talent-package-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 29, 43, .04), rgba(7, 29, 43, .20));
  pointer-events: none;
}

.talent-image-badge {
  position: absolute;
  right: 16px;
  bottom: 14px;
  z-index: 2;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .88);
  color: var(--gold-dark, #ad7600);
  font-weight: 900;
  font-size: 12px;
  backdrop-filter: blur(8px);
}

.talent-package-card--featured .talent-package-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.talent-package-card--featured .talent-package-body h2 {
  font-size: 24px;
  line-height: 1.65;
}

.talent-package-card--featured .talent-package-price {
  margin-top: auto;
  padding-top: 12px;
  font-size: 22px;
  color: var(--ink, #071d2b);
}

.talent-package-card--featured .talent-package-actions .btn {
  width: 100%;
  height: 48px;
  border-radius: 15px;
  font-size: 14px;
}

.talent-inline-faq {
  grid-column: 1 / -1;
  margin: 0;
}

.talent-why-section {
  margin: 60px 0 20px;
}

.talent-why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.talent-why-card {
  padding: 24px;
  border-radius: 24px;
  background: var(--card, #fff);
  border: 1px solid rgba(7, 29, 43, .08);
  box-shadow: 0 16px 44px rgba(7, 23, 37, .055);
}

.talent-why-card h3 {
  margin: 0 0 10px;
  font-size: 19px;
  color: var(--ink, #071d2b);
}

.talent-why-card p {
  margin: 0;
  color: var(--muted, #66727c);
  line-height: 1.9;
}

[data-theme="dark"] .talent-packages-hero--pro p {

  color: #06101c;
}

[data-theme="dark"] .talent-hero-pills span,
[data-theme="dark"] .talent-benefit-item {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .08);
  color: var(--text, #fff);
}

[data-theme="dark"] .talent-package-value-card,
[data-theme="dark"] .talent-why-card {
  background: var(--card, #091524);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .talent-package-value-card h3,
[data-theme="dark"] .talent-benefit-item strong,
[data-theme="dark"] .talent-why-card h3,
[data-theme="dark"] .talent-package-card--featured .talent-package-price {
  color: var(--text, #fff);
}

[data-theme="dark"] .talent-benefit-item span,
[data-theme="dark"] .talent-package-value-text,
[data-theme="dark"] .talent-why-card p {
  color: rgba(255, 255, 255, .68);
}

@media (max-width: 1024px) {
  .talent-package-featured {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .talent-flow-timeline {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding: 6px 2px 14px;
    scroll-snap-type: x mandatory;
  }

  .talent-flow-timeline::before {
    display: none;
  }

  .talent-flow-timeline .talent-flow-step {
    min-width: 190px;
    margin: 0;
    scroll-snap-align: start;
  }

  .talent-why-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .talent-packages-hero--pro {
    padding: 30px 22px;
    border-radius: 26px;
  }

  .talent-hero-actions .btn {
    width: 100%;
  }

  .talent-package-value-card,
  .talent-package-card--featured {
    border-radius: 24px;
  }

  .talent-package-value-card {
    padding: 22px;
  }

  .talent-package-card--featured .talent-package-thumb {
    border-radius: 22px 22px 0 0;
  }

  .talent-benefit-item {
    grid-template-columns: 30px 1fr;
    padding: 12px;
  }

  .talent-benefit-item i {
    width: 30px;
    height: 30px;
  }
}


/* ===== Review patch: keep interactive WooCommerce notices and improve comment captcha flow ===== */
.ayandeh-woo-notice-preserved {
  display: block !important;
  position: relative;
  margin: 14px 0 18px !important;
}

.ayandeh-woo-notice-preserved a,
.ayandeh-woo-notice-preserved button {
  position: relative;
  z-index: 1;
}

.comment-form-comment+.comment-captcha-row.ayandeh-comment-captcha {
  margin-top: -4px;
}

.woocommerce .star-rating span::before,
.woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a.active::before {

  color: #f4b400;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  top: 18px;
  right: 15px;
  width: 45px;

}

.comment-form-comment,
.stars {
  margin: 0 !important;
}

.comment-form-rating {
  margin-bottom: 0 !important;
}

.form-submit {
  text-align: left;
}

.woocommerce p.stars a::before {
  color: #ccc;
}

/* Webinar code-review patch: stateful sidebar, smarter CTA, breadcrumbs, locked recording overlay */
.single-breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 -12px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.single-breadcrumbs a {
  color: var(--gold-dark);
  text-decoration: none;
}

.single-breadcrumbs span:last-child {
  max-width: 460px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.single-webinar .single-content-inner h1 {
  margin-bottom: 8px;
}

.single-webinar .single-meta-list {
  margin-top: 8px;
  margin-bottom: 16px;
}

.single-webinar .prose-content> :first-child {
  margin-top: 0;
}

.single-webinar-sidebar.is-stuck .webinar-buy-box,
.single-webinar-sidebar.is-stuck .webinar-info-box,
.single-webinar-sidebar.is-stuck .webinar-back-box {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.webinar-state-header {
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(59, 130, 246, .10);
  border: 1px solid rgba(59, 130, 246, .18);
  color: #1d4ed8;
}

.webinar-state-header strong {
  font-size: 15px;
  line-height: 1.75;
  font-weight: 950;
}

.webinar-state-header span {
  font-size: 12.5px;
  line-height: 1.9;
  color: inherit;
  opacity: .92;
}

.webinar-buy-box-success .webinar-state-header {
  background: rgba(34, 197, 94, .12);
  border-color: rgba(34, 197, 94, .25);
  color: #15803d;
}

.webinar-buy-box-locked .webinar-state-header,
.webinar-buy-box-login .webinar-state-header {
  background: rgba(15, 23, 42, .06);
  border-color: rgba(15, 23, 42, .10);
  color: #0f172a;
}

.webinar-buy-box-buy .webinar-state-header {
  background: rgba(244, 180, 0, .13);
  border-color: rgba(244, 180, 0, .28);
  color: var(--gold-dark);
}

.webinar-buy-box-warning .webinar-state-header {
  background: rgba(239, 68, 68, .10);
  border-color: rgba(239, 68, 68, .18);
  color: #b91c1c;
}

.webinar-buy-box .btn,
.webinar-buy-box .btn-gold,
.webinar-buy-box .webinar-disabled,
.single-webinar-sidebar .btn,
.single-webinar-sidebar .btn-gold {
  min-height: 56px;
  font-size: 18px;
  font-weight: 950;
}

.webinar-access-note-success {
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(34, 197, 94, .12);
  border: 1px solid rgba(34, 197, 94, .20);
  color: #15803d;
  font-weight: 950;
  text-align: center;
}

.webinar-recording-notice-info {
  display: flex;
  gap: 6px;
  width: 100%;
  background: rgba(59, 130, 246, .10);
  border: 1px solid rgba(59, 130, 246, .18);
  color: #1d4ed8;
  align-items: center;
}

.webinar-locked-video {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 310px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .14), transparent 28%),
    linear-gradient(135deg, #0f172a, #111827 55%, #071d2b);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.webinar-locked-video::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(244, 180, 0, .14), transparent 48%, rgba(59, 130, 246, .10));
  pointer-events: none;
}

.webinar-locked-video-overlay {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 14px;
  max-width: 420px;
  padding: 28px;
  text-align: center;
  color: #fff;
}

.webinar-lock-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  font-size: 27px;
}

.webinar-locked-video-overlay strong {
  line-height: 1.9;
  font-size: 18px;
}

.webinar-locked-video-overlay .btn {
  min-width: 190px;
}

.webinar-status-badge.status-recording,
.section-badge.status-recording {
  color: #15803d;
}

.webinar-status-badge.status-live,
.section-badge.status-live {

  color: #b91c1c;
}

.webinar-status-badge.status-finished,
.section-badge.status-finished {
  color: #1d4ed8;
}

[data-theme="dark"] .webinar-state-header,
[data-theme="dark"] .webinar-recording-notice-info {
  color: #bfdbfe;
  background: rgba(59, 130, 246, .16);
  border-color: rgba(147, 197, 253, .25);
}

[data-theme="dark"] .webinar-buy-box-success .webinar-state-header,
[data-theme="dark"] .webinar-access-note-success {
  color: #bbf7d0;
  background: rgba(34, 197, 94, .16);
  border-color: rgba(134, 239, 172, .25);
}

[data-theme="dark"] .webinar-buy-box-login .webinar-state-header,
[data-theme="dark"] .webinar-buy-box-locked .webinar-state-header {
  color: rgba(255, 255, 255, .88);
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .12);
}

@media (max-width: 640px) {
  .single-breadcrumbs {
    margin-top: 10px;
  }

  .single-breadcrumbs span:last-child {
    max-width: 240px;
  }

  .webinar-buy-box .btn,
  .webinar-buy-box .btn-gold,
  .webinar-buy-box .webinar-disabled,
  .single-webinar-sidebar .btn,
  .single-webinar-sidebar .btn-gold {
    min-height: 50px;
    font-size: 15px;
  }

  .webinar-locked-video {
    min-height: 220px;
  }
}

/* ===== Follow-up patch: global breadcrumbs, teacher card, account comments ===== */
.global-breadcrumbs {
  margin-bottom: 18px;
}

.shop-page-wrap .global-breadcrumbs,
.woocommerce-default-content .global-breadcrumbs,
.single-course-page .global-breadcrumbs,
.account-page-wrap .global-breadcrumbs {
  margin-top: 0;
  margin-bottom: 18px;
}

.service-single .global-breadcrumbs {
  width: 100%;
  margin: 0 0 18px;
}

.webinar-teacher-mini-card,
.webinar-sidebar-teacher {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0 16px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(244, 180, 0, .08);
  border: 1px solid rgba(244, 180, 0, .16);
}

.webinar-sidebar-teacher {
  margin-top: 0;
  margin-bottom: 12px;
  background: rgba(15, 23, 42, .04);
  border-color: rgba(15, 23, 42, .08);
}

.webinar-teacher-avatar,
.webinar-sidebar-teacher-avatar {
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

.webinar-sidebar-teacher-avatar {
  width: 48px;
  height: 48px;
}

.webinar-teacher-avatar img,
.webinar-sidebar-teacher-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.webinar-teacher-info,
.webinar-sidebar-teacher div:last-child {
  display: grid;
  gap: 2px;
}

.webinar-teacher-info span,
.webinar-sidebar-teacher span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.webinar-teacher-info strong,
.webinar-sidebar-teacher strong {
  color: var(--dark);
  font-size: 15px;
  font-weight: 950;
}

.account-comments-widget {
  margin-top: 24px;
  padding: 22px;
  border-radius: 24px;
  background: var(--card-bg, #fff);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
}

.account-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.account-section-head span {
  display: block;
  color: var(--gold-dark);
  font-size: 12px;
  font-weight: 900;
}

.account-section-head h3 {
  margin: 4px 0 0;
  color: var(--dark);
  font-size: 22px;
}

.account-section-head a,
.account-comment-link {
  color: var(--gold-dark);
  font-weight: 900;
  text-decoration: none;
}

.account-comments-list {
  display: grid;
  gap: 12px;
}

.account-comment-card {
  padding: 16px;
  border-radius: 18px;
  background: rgba(15, 23, 42, .035);
  border: 1px solid rgba(15, 23, 42, .06);
}

.account-comment-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.account-comment-card-head div {
  display: grid;
  gap: 3px;
}

.account-comment-card-head strong {
  color: var(--dark);
  font-weight: 950;
}

.account-comment-card-head span {
  color: var(--muted);
  font-size: 12px;
}

.account-comment-card-head em {
  flex: 0 0 auto;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(59, 130, 246, .10);
  color: #1d4ed8;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.account-comment-card p {
  margin: 0;
  color: var(--text, #334155);
  line-height: 1.9;
}

.account-comment-replies {
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
}

.account-comment-replies>span {
  display: block;
  margin-bottom: 6px;
  color: var(--gold-dark);
  font-size: 12px;
  font-weight: 950;
}

.account-comment-replies p+p {
  margin-top: 6px;
}

.account-comment-link {
  display: inline-flex;
  margin-top: 12px;
}

.account-comments-page .account-comments-list {
  margin-top: 16px;
}

.comment-captcha-row.ayandeh-comment-captcha {
  margin: 12px 0 14px;
}

.comment-form .form-submit {
  margin-top: 0;
}

[data-theme="dark"] .webinar-sidebar-teacher,
[data-theme="dark"] .account-comment-card {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .10);
}

[data-theme="dark"] .account-comments-widget,
[data-theme="dark"] .account-comment-replies {
  background: rgba(255, 255, 255, .06);
}

@media (max-width: 640px) {

  .account-section-head,
  .account-comment-card-head {
    align-items: stretch;
    flex-direction: column;
  }

  .webinar-teacher-mini-card,
  .webinar-sidebar-teacher {
    align-items: flex-start;
  }
}

.text-left {
  text-align: left;
}

.webinar-body h3 {
  height: 53px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.body-info-webinar {
  min-height: 77px;
}

.sidebar-service-item .thumb {
  width: 70px;
}

.sidebar-service-item .info {
  width: 100%;
}

.sidebar-service-item .info h4 {
  margin: 0 !important;
}

/* Ayandeh newsletter success actions */
.newsletter-success-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.newsletter-success-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.22);
  text-decoration: none;
  font-size: 13px;
}

.newsletter-success-actions a:hover {
  transform: translateY(-1px);
}

/* Floating contact box */
.ayandeh-floating-contact {
  position: fixed;
  inset-inline-start: 18px;
  bottom: 10px;
  z-index: 2;
  direction: rtl;
  font-family: inherit;
}

.ayandeh-floating-contact__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 16px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #0a3b68, #0b2034);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(23, 63, 53, 0.28);
}

.ayandeh-floating-contact__pulse {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #8ef1c4;
  box-shadow: 0 0 0 0 rgba(142, 241, 196, 0.7);
  animation: ayandeh-floating-pulse 1.7s infinite;
}

@keyframes ayandeh-floating-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(142, 241, 196, 0.7);
  }

  70% {
    box-shadow: 0 0 0 13px rgba(142, 241, 196, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(142, 241, 196, 0);
  }
}

.ayandeh-floating-contact__panel {
  position: absolute;
  inset-inline-start: 0;
  bottom: calc(100% + 12px);
  min-width: 210px;
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(47, 125, 98, 0.16);
  box-shadow: 0 18px 50px rgba(17, 24, 39, 0.18);
  backdrop-filter: blur(14px);
}

.ayandeh-floating-contact__panel[hidden] {
  display: none;
}

.ayandeh-floating-contact__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: #f7fbf9;
  color: #173f35;
  text-decoration: none;
  font-weight: 700;
  transition: transform .2s ease, background .2s ease;
}

.ayandeh-floating-contact__item:hover {
  transform: translateX(-3px);
  background: #edf7f2;
}

.ayandeh-floating-contact__item img,
.ayandeh-floating-contact__phone-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  border-radius: 50%;
}

.ayandeh-floating-contact__phone-icon {
  background: #e2efe9;
  color: #173f35;
  font-size: 15px;
}

@media (max-width: 768px) {
  .ayandeh-floating-contact {
    inset-inline-start: 14px;
    bottom: 148px;
  }

  .ayandeh-floating-contact__toggle {
    min-height: 44px;
    padding: 10px 13px;
    font-size: 13px;
  }

  .ayandeh-floating-contact__panel {
    min-width: 190px;
  }
}

.theme-page-card {
  border-radius: 28px;
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(0, 0, 0, .08));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .06);
  padding: 15px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt,
.actions button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {

  border-radius: 16px;
  background: var(--color-primary, #f4b400) !important;
  color: #091524 !important;
  font-weight: 900;
}

.woocommerce ul.products li.product .onsale {
  top: 9px;
  right: 0;
  left: auto !important;
  background-color: #e90101;
}

.bottom-nav svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  width: 22px;
}

.auth-intro img {
  border-radius: 28px;
}

.auth-page {
  padding: 0 0 10px 0;
}

[data-theme="dark"] .woocommerce form.checkout_coupon,
[data-theme="dark"] .woocommerce form.login,
.woocommerce form.register {
  border-color: rgba(255, 255, 255, .08);
}

.product-card-thumb {
  height: 300px;
  display: block;
}

.product-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* Mobile-specific hero images loaded via ACF slide_mobile_image */
.hero-slide-bg-layer picture {
  display: block;
  width: 100%;
  height: 100%;
}


.hero-slide,
.hero-slide-bg-layer,
.hero-slide picture {
  width: 100%;
}

.hero-slide-image {
  width: 100%;
  height: 100%;
  display: block;
}
.comment-respond form {
 
  overflow: hidden;
}
.deals-swiper,.latest-swiper {
        overflow: hidden;
    }