.product-menu { position: relative; }
.product-menu > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 7px; color: #afc1cd; font-size: .875rem; font-weight: 700; letter-spacing: .075em; padding: 12px 0; }
.product-menu > summary::-webkit-details-marker { display: none; }
.product-menu > summary:is(:hover,.is-current), .product-menu[open] > summary { color: var(--gold-light); }
.product-menu > summary:focus-visible, .product-submenu a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; border-radius: 4px; }
.product-menu > summary span { transition: transform .15s; }
.product-menu[open] > summary span { transform: rotate(180deg); }
.product-submenu { position: absolute; top: 100%; left: -20px; z-index: 100; width: 305px; padding: 8px; border: 1px solid var(--line-strong); border-radius: 14px; background: #071725; box-shadow: 0 20px 50px #0008; }
.main-nav .product-submenu a { display: block; padding: 14px; border-radius: 8px; text-transform: none; letter-spacing: 0; border: 0; }
.main-nav .product-submenu a::after { display: none; }
.product-submenu a:hover, .product-submenu a:focus-visible { background: #123044; }
.product-submenu strong { display: block; font-size: .94rem; }
.product-submenu small { display: block; font-size: .78rem; font-weight: 400; color: #a7bac9; margin-top: 4px; }
.catalog-switch { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.catalog-switch a { padding: 10px 18px; border: 1px solid var(--line-strong); border-radius: 30px; color: #bbcad4; font-size: .9rem; }
.catalog-switch a[aria-current="page"] { color: #03121d; background: #8ce5ef; border-color: #8ce5ef; font-weight: 700; }
.catalog-content { padding-bottom: 70px; }
.catalog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.catalog-card,.catalog-learning { overflow: hidden; border: 1px solid var(--line-strong); border-radius: 20px; background: linear-gradient(145deg,#0b2131,#05111c); }
.catalog-image { display: block; background: #07131f; }
.catalog-image img { display: block; width: 100%; height: auto; aspect-ratio: 1894/938; object-fit: cover; }
.catalog-card-body { padding: 30px; }
.catalog-card-body h2,.catalog-access h2 { font-size: 1.5rem; margin: 12px 0; }
.catalog-card-body p,.catalog-access p { color: #aebfcd; line-height: 1.8; margin-bottom: 18px; }
.catalog-badge { color: #8ce5ef; font-size: .72rem; font-weight: 700; letter-spacing: .13em; }
.catalog-learning { display: grid; grid-template-columns: .9fr 1.1fr; }
.catalog-learning-art { display: flex; flex-direction: column; justify-content: space-between; gap: 38px; padding: 40px; background: radial-gradient(ellipse at top right,#1b668477,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 39px,#7ce4ff0b 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#7ce4ff0b 40px),#081c2c; }
.catalog-learning-art b { font-size: clamp(1.8rem,3vw,2.6rem); line-height: 1.3; color: #dcf7ff; }
.catalog-learning-art span { font-size: .7rem; letter-spacing: .2em; color: #8ce5ef; }
.catalog-access { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 0 8px; }
.catalog-access > div { max-width: 620px; }
.catalog-note { font-size: .85rem; color: #9eb3c3; padding-top: 24px; margin-top: 24px; border-top: 1px solid var(--line); line-height: 1.7; }
.catalog-note a { color: #8ce5ef; }
@media(max-width:960px) {
  .product-menu > summary { padding: 13px; justify-content: space-between; border-bottom: 1px solid var(--line); }
  .product-submenu { position: static; width: 100%; box-sizing: border-box; box-shadow: none; margin: 3px 0 8px; }
  .main-nav { max-height: calc(100dvh - 132px); overflow-y: auto; }
}
@media(max-width:640px) {
  .catalog-grid,.catalog-learning { grid-template-columns: 1fr; }
  .catalog-learning-art { padding: 26px; gap: 24px; }
  .catalog-card-body { padding: 24px; }
  .catalog-access { flex-direction: column; align-items: flex-start; }
}