/* 1.2 / Observatory UI. Presentation only; native prices and payment handlers remain authoritative. */
body.xhc-cosmos {
  --xhc-surface: #fcfdff;
  --xhc-surface-2: #f1f5fc;
  --xhc-ink: #1e304c;
  --xhc-muted: #62738b;
  --xhc-cyan: #246c99;
  --xhc-accent: #5866c6;
  --xhc-border: rgba(98, 128, 173, .19);
  --xhc-glow: rgba(78, 131, 205, .12);
  --xhc-price-bg: #edf1ff;
  --xhc-price-ink: #4555a6;
  --xhc-price-border: #d9e1fa;
  --xhc-gold-bg: #f9f5e9;
  --xhc-gold-ink: #806631;
  --xhc-gold-border: #e9dfc6;
  --xhc-shadow: 0 8px 30px rgba(27, 54, 94, .045);
  --main-bg-color: var(--xhc-surface);
  --main-color: var(--xhc-ink);
  --muted-color: var(--xhc-muted);
  --muted-2-color: #74849c;
  --muted-bg-color: var(--xhc-surface-2);
  --muted-border-color: #dfe7f3;
  --theme-color: #5a71c1;
  --focus-color: #5a71c1;
  --focus-shadow-color: rgba(90, 113, 193, .14);
  color: var(--xhc-ink);
  text-rendering: optimizeLegibility;
}
body.xhc-cosmos.dark-theme {
  --xhc-surface: #101a2a;
  --xhc-surface-2: #162238;
  --xhc-ink: #e5edf9;
  --xhc-muted: #9aacc7;
  --xhc-cyan: #9ad4e8;
  --xhc-accent: #bac1fc;
  --xhc-border: rgba(145, 177, 222, .17);
  --xhc-glow: rgba(77, 139, 224, .12);
  --xhc-price-bg: #232e4a;
  --xhc-price-ink: #c7d2ff;
  --xhc-price-border: #394867;
  --xhc-gold-bg: #29293a;
  --xhc-gold-ink: #e7cc98;
  --xhc-gold-border: #494437;
  --xhc-shadow: 0 10px 35px rgba(2, 8, 20, .16);
  --muted-2-color: #8095b4;
  --muted-border-color: #2b3b54;
  --theme-color: #a7b8ec;
  --focus-color: #a7b8ec;
}

/* Header and native navigation. No blur layer or replacement navigation. */
body.xhc-cosmos .header {
  background: linear-gradient(100deg, var(--xhc-surface), var(--xhc-surface-2)) !important;
  border-bottom: 1px solid var(--xhc-border);
  box-shadow: 0 5px 24px rgba(24, 47, 91, .045);
}
body.xhc-cosmos .header .container-header { padding-inline: clamp(18px, 2.6vw, 48px); }
body.xhc-cosmos .header .navbar-brand { padding-right: 25px; }
body.xhc-cosmos .header .navbar-brand img,
body.xhc-cosmos.dark-theme .mobile-header .navbar-logo img { filter: none; }
body.xhc-cosmos .header .navbar-nav > li > a {
  position: relative;
  color: var(--xhc-ink) !important;
  font-size: 13px;
  font-weight: 550;
  letter-spacing: .2px;
  transition: color .18s ease, background-color .18s ease;
}
body.xhc-cosmos .header .navbar-nav > li > a::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--xhc-cyan);
  opacity: 0;
  transition: opacity .18s ease;
}
body.xhc-cosmos .header .navbar-nav > :is(.current-menu-item, .current-menu-ancestor) > a,
body.xhc-cosmos .header .navbar-nav > li > a:hover { color: var(--xhc-cyan) !important; }
body.xhc-cosmos .header .navbar-nav > :is(.current-menu-item, .current-menu-ancestor) > a::after,
body.xhc-cosmos .header .navbar-nav > li > a:hover::after { opacity: .75; }
body.xhc-cosmos .header .menu-item-icon { color: var(--xhc-cyan); opacity: .85; }
body.xhc-cosmos .header :is(.navbar-search, .search-input) {
  border: 1px solid var(--xhc-border);
  border-radius: 100px;
  background: var(--xhc-surface-2);
  box-shadow: inset 0 1px 0 rgba(158, 181, 218, .05);
}
body.xhc-cosmos .header :is(.toggle-theme, .toggle-radius, .main-search-btn, .navbar-toggle) {
  color: var(--xhc-ink) !important;
  border-radius: 12px;
}
body.xhc-cosmos .header :is(.toggle-theme, .toggle-radius):hover { background: var(--xhc-price-bg); }
body.xhc-cosmos .header .navbar-avatar .avatar-img { box-shadow: 0 0 0 3px var(--xhc-surface), 0 0 0 4px var(--xhc-border); }
body.xhc-cosmos .header .sub-menu {
  color: var(--xhc-ink);
  background: var(--xhc-surface);
  border: 1px solid var(--xhc-border);
  border-radius: 17px;
  box-shadow: 0 16px 50px rgba(12, 29, 62, .14);
}
body.xhc-cosmos .header .sub-menu a { color: var(--xhc-ink); }
body.xhc-cosmos .header .sub-menu a:hover { color: var(--xhc-cyan); background-color: var(--xhc-surface-2); }
body.xhc-cosmos .header .submenu-graphic-card .graphic { border-radius: 12px; }
body.xhc-cosmos .mobile-navbar {
  background: var(--xhc-surface);
  color: var(--xhc-ink);
  border: 1px solid var(--xhc-border);
  box-shadow: 0 0 60px rgba(2, 12, 34, .22);
}
body.xhc-cosmos .mobile-menus > li { border-bottom: 1px solid var(--xhc-border); }
body.xhc-cosmos .mobile-menus a { color: var(--xhc-ink); border-radius: 10px; }
body.xhc-cosmos .mobile-menus a:hover,
body.xhc-cosmos .mobile-menus .current-menu-item > a { color: var(--xhc-cyan); background: var(--xhc-surface-2); }
body.xhc-cosmos .mobile-navbar .sub-menu { border-radius: 10px; background: var(--xhc-surface-2); }
body.xhc-cosmos .mobile-nav-widget .zib-widget { box-shadow: none; }

/* Quiet, consistent surfaces throughout native pages. */
body.xhc-cosmos :is(.zib-widget, .posts-item.card, .forum-posts, .dropdown-menu, .popover) {
  border-color: var(--xhc-border);
  box-shadow: var(--xhc-shadow);
}
body.xhc-cosmos .zib-widget { border-radius: 21px; }
body.xhc-cosmos :is(.article, .article-header, .wp-posts-content, .article-content, .post-content) { color: var(--xhc-ink); }
body.xhc-cosmos .article-title { font-size: clamp(21px, 1.65vw, 29px); line-height: 1.5; font-weight: 750; letter-spacing: -.55px; }
body.xhc-cosmos .article-header { border-color: var(--xhc-border); padding-bottom: 20px; }
body.xhc-cosmos .article :is(.article-meta, .article-author) { color: var(--xhc-muted); }
body.xhc-cosmos .wp-posts-content { line-height: 1.95; overflow-wrap: break-word; }
body.xhc-cosmos .wp-posts-content :is(h2, h3) { line-height: 1.5; letter-spacing: -.3px; }
body.xhc-cosmos .wp-posts-content :is(blockquote, pre) { border: 1px solid var(--xhc-border); border-radius: 14px; background-color: var(--xhc-surface-2); }
body.xhc-cosmos .wp-posts-content table { border-color: var(--xhc-border); }
body.xhc-cosmos .wp-posts-content th { background: var(--xhc-surface-2); }
body.xhc-cosmos .wp-posts-content :is(th, td) { border-color: var(--xhc-border); }
body.xhc-cosmos .wp-posts-content img { max-width: 100%; }
body.xhc-cosmos :is(.widget-title, .title-theme) { color: var(--xhc-ink); font-weight: 650; letter-spacing: -.25px; }
body.xhc-cosmos :is(.title-theme, .widget-title)::before { background: var(--xhc-accent); box-shadow: 0 0 12px var(--xhc-glow); }
body.xhc-cosmos :is(.breadcrumb, .article-meta, .posts-item .item-meta) { color: var(--xhc-muted); }
body.xhc-cosmos .breadcrumb { font-size: 12px; letter-spacing: .1px; }
body.xhc-cosmos .posts-item.card { border-radius: 21px; }
body.xhc-cosmos .posts-item.card :is(.item-thumbnail, .item-graphic) { overflow: hidden; }
body.xhc-cosmos .posts-item.card .item-body { padding-top: 15px; }
body.xhc-cosmos .posts-item.card .item-heading { font-weight: 650; letter-spacing: -.2px; }
body.xhc-cosmos .posts-item.card .item-meta { font-size: 11px; padding-top: 5px; }
body.xhc-cosmos .posts-item.card :is(.graphic img, .item-graphic img, .item-thumbnail img) { transition: transform .4s cubic-bezier(.2, .7, .2, 1); }
body.xhc-cosmos .posts-item.card :is(.avatar, .avatar-img) { outline: 1px solid var(--xhc-border); outline-offset: 2px; }

/* Native resource badges: label, currency, and value retain their original data. */
body.xhc-cosmos .posts-item .item-tags { margin-top: 10px; line-height: 1.65; }
body.xhc-cosmos .posts-item .item-tags > a.but {
  padding: 4px 9px;
  border: 1px solid var(--xhc-border);
  border-radius: 8px;
  color: var(--xhc-cyan);
  background: var(--xhc-surface-2);
  font-size: 10px;
  font-weight: 550;
  line-height: 1.7;
  box-shadow: none;
}
body.xhc-cosmos .posts-item .item-tags > a.meta-pay,
body.xhc-cosmos .xhc-price-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  padding: 4px 10px;
  color: var(--xhc-price-ink) !important;
  background: var(--xhc-price-bg) !important;
  border: 1px solid var(--xhc-price-border);
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: .1px;
  line-height: 1.65;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(172, 190, 237, .12);
}
body.xhc-cosmos .posts-item .meta-pay :is(.em09, .xhc-price-currency) { font-size: 9px; font-weight: 600; opacity: .75; margin-left: 4px; }
body.xhc-cosmos .posts-item .meta-pay .xhc-price-label { font-size: 10px; font-weight: 550; margin-right: 5px; opacity: .85; }
body.xhc-cosmos .posts-item .meta-pay .xhc-price-value { font-size: 12px; font-weight: 750; }
body.xhc-cosmos .posts-item .meta-pay.xhc-free { color: #27776f !important; border-color: #d6e8e3; background: #ecf7f3 !important; }
body.xhc-cosmos.dark-theme .posts-item .meta-pay.xhc-free { color: #a2ded3 !important; border-color: #31514f; background: #192f32 !important; }
body.xhc-cosmos .posts-item .meta-pay:is(.jb-vip1, .xhc-member-only) { color: var(--xhc-gold-ink) !important; border-color: var(--xhc-gold-border); background: var(--xhc-gold-bg) !important; }
body.xhc-cosmos .posts-item .item-tags > a:not(.meta-pay) i { margin-right: 3px; opacity: .75; }
body.xhc-cosmos .xcn-course-grid > .posts-item.card { background: var(--xhc-surface) !important; }
body.xhc-cosmos .xcn-price-main { padding-top: 17px; margin-bottom: 13px; }
body.xhc-cosmos .xcn-price-main strong { font-size: 25px; font-weight: 750; letter-spacing: -.8px; }
body.xhc-cosmos .xcn-members > div {
  padding: 11px 12px !important;
  border-radius: 12px;
  background: var(--xhc-gold-bg);
  border-color: var(--xhc-gold-border);
  color: var(--xhc-gold-ink);
}
body.xhc-cosmos .xcn-members > div:nth-child(2) { color: var(--xhc-price-ink); border-color: var(--xhc-price-border); background: var(--xhc-price-bg); }
body.xhc-cosmos .xcn-members small { font-weight: 550; opacity: .9; }
body.xhc-cosmos .xcn-members b { font-size: 17px; }
body.xhc-cosmos .xhc-saving { font-size: 10px !important; line-height: 1.65; opacity: .85; }

/* Native article purchase panel and the sidebar purchase widget. */
body.xhc-cosmos .pay-box { border-radius: 22px; border: 1px solid var(--xhc-border); background: var(--xhc-surface); box-shadow: var(--xhc-shadow); }
body.xhc-cosmos .pay-box .pay-title { white-space: normal; font-size: 14px; font-weight: 650; line-height: 1.75; }
body.xhc-cosmos .pay-box .pay-tag { color: var(--xhc-price-ink) !important; background: var(--xhc-price-bg) !important; border: 1px solid var(--xhc-price-border); border-radius: 6px; padding: 2px 7px; letter-spacing: .2px; }
body.xhc-cosmos .pay-box > .pay-tag.abs-center { border-radius: 0 0 10px 0; border-left: 0; border-top: 0; }
body.xhc-cosmos .pay-box .price-box { font-variant-numeric: tabular-nums; letter-spacing: -.6px; }
body.xhc-cosmos .pay-box .price-box .pay-mark { font-size: 11px; font-weight: 550; letter-spacing: .6px; }
body.xhc-cosmos .pay-box > .payvip-icon {
  position: relative;
  background: linear-gradient(110deg, #e6edfb, #eef4ff 48%, #e0edf6) !important;
  border: 0;
  border-bottom: 1px solid var(--xhc-border);
  box-shadow: none;
  color: var(--xhc-ink) !important;
  padding: 22px 24px;
  overflow: hidden;
}
body.xhc-cosmos.dark-theme .pay-box > .payvip-icon { background: linear-gradient(110deg, #253354, #242f4e 50%, #1b3549) !important; }
body.xhc-cosmos .pay-box > .payvip-icon .price-box { font-size: 37px; font-weight: 750; line-height: 1.15; }
body.xhc-cosmos .pay-box > .payvip-icon .price-box .c-red { color: var(--xhc-ink) !important; }
body.xhc-cosmos .pay-box > .payvip-icon > .flex0 { font-size: 12px; letter-spacing: .2px; font-weight: 600; color: var(--xhc-price-ink); }
body.xhc-cosmos .paid-down-group { border-radius: 11px; overflow: hidden; gap: 8px; }
body.xhc-cosmos .paid-down-group > .but { border-radius: 10px; font-size: 13px; padding: 10px 17px; }
body.xhc-cosmos .paid-down-group > .but.jb-yellow { background: var(--xhc-gold-bg) !important; color: var(--xhc-gold-ink) !important; border: 1px solid var(--xhc-gold-border); }
body.xhc-cosmos .paid-down-group > .but.jb-blue,
body.xhc-cosmos .pay-widget .box-body .but.jb-red,
body.xhc-cosmos .pay-box .cashier-link {
  background: linear-gradient(110deg, #566fc3, #568bb4) !important;
  color: #fff !important;
  border: 1px solid rgba(129, 165, 222, .28);
  box-shadow: 0 5px 17px rgba(61, 107, 177, .13);
}
body.xhc-cosmos.dark-theme .paid-down-group > .but.jb-blue,
body.xhc-cosmos.dark-theme .pay-widget .box-body .but.jb-red,
body.xhc-cosmos.dark-theme .pay-box .cashier-link { background: linear-gradient(110deg, #4e669e, #407e9b) !important; }
body.xhc-cosmos .pay-box .vip-price-buts { gap: 10px; }
body.xhc-cosmos .pay-box .vip-price-buts .vip-price { background: var(--xhc-gold-bg); color: var(--xhc-gold-ink); border-color: var(--xhc-gold-border); border-radius: 13px; padding: 10px 14px; }
body.xhc-cosmos .pay-box .vip-price-buts .vip-price[vip-level="2"] { background: var(--xhc-price-bg); color: var(--xhc-price-ink); border-color: var(--xhc-price-border); }
body.xhc-cosmos .pay-widget > .relative-h.jb-red {
  background: radial-gradient(ellipse at 100% 0, rgba(147, 177, 229, .17), transparent 70%), linear-gradient(125deg, #e5edf9, #f0f5ff) !important;
  color: var(--xhc-ink);
}
body.xhc-cosmos.dark-theme .pay-widget > .relative-h.jb-red { background: radial-gradient(ellipse at 100% 0, rgba(136, 160, 241, .15), transparent 70%), linear-gradient(125deg, #1d2c45, #232f49) !important; }
body.xhc-cosmos .pay-widget > .relative-h > .relative.box-body { padding: 24px 18px 20px; }
body.xhc-cosmos .pay-widget .fa-shopping-bag.fa-3x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 1px solid var(--xhc-border);
  border-radius: 18px;
  background: var(--xhc-surface);
  color: var(--xhc-cyan);
  font-size: 26px;
  box-shadow: 0 5px 17px rgba(74, 114, 181, .06);
}
body.xhc-cosmos .pay-widget .xhc-benefit-symbol {
  display: inline-flex;
  width: 56px;
  height: 56px;
  padding: 14px;
  color: var(--xhc-cyan);
  border: 1px solid var(--xhc-border);
  background: var(--xhc-surface);
  border-radius: 18px;
}
body.xhc-cosmos .pay-widget .paid-info { border-color: var(--xhc-border); margin-top: 17px; padding-top: 15px; font-size: 12px; }
body.xhc-cosmos .pay-widget .price-box { color: var(--xhc-ink); }
body.xhc-cosmos .pay-widget .price-box .c-red { color: var(--xhc-ink) !important; }
body.xhc-cosmos .pay-widget > .box-body { padding: 18px; }
body.xhc-cosmos .pay-widget .box-body .but { border-radius: 11px; min-height: 39px; line-height: 1.5; }
body.xhc-cosmos .pay-widget .box-body .but.c-yellow { background: var(--xhc-gold-bg); border: 1px solid var(--xhc-gold-border); color: var(--xhc-gold-ink); }

/* Native membership modal: clear selected plans and generous readable pricing. */
body.xhc-cosmos #modal_pay_uservip .modal-content { border-radius: 24px; border-color: var(--xhc-border); background: var(--xhc-surface); }
body.xhc-cosmos .payvip-modal { padding: 25px; }
body.xhc-cosmos .payvip-modal .user-box { border-bottom: 1px solid var(--xhc-border); padding-bottom: 19px; }
body.xhc-cosmos .payvip-modal .close { border-radius: 10px; width: 29px; height: 29px; color: var(--xhc-muted); background: var(--xhc-surface-2); opacity: 1; }
body.xhc-cosmos .payvip-modal .vip-cardminis { gap: 10px; }
body.xhc-cosmos .payvip-modal .vip-cardminis > li { border-radius: 15px; }
body.xhc-cosmos .payvip-modal .vip-cardminis > li > a { border-radius: 15px; }
body.xhc-cosmos .payvip-modal .vip-cardminis .active-icon { color: var(--xhc-cyan); }
body.xhc-cosmos .payvip-modal .vip-product {
  border: 1px solid var(--xhc-border);
  border-radius: 16px;
  background: var(--xhc-surface-2);
  box-shadow: none;
  padding: 20px 14px 15px;
  cursor: pointer;
}
body.xhc-cosmos .payvip-modal .product-price { color: var(--xhc-ink) !important; font-size: 28px; line-height: 1.35; letter-spacing: -.7px; font-weight: 750; }
body.xhc-cosmos .payvip-modal .product-price > .px12 { font-size: 10px; letter-spacing: .4px; margin-right: 3px; color: var(--xhc-muted); }
body.xhc-cosmos .payvip-modal .original-price { color: var(--xhc-muted); font-size: 11px; }
body.xhc-cosmos .payvip-modal .vip-product .badg.c-blue { border-radius: 8px; color: var(--xhc-cyan); background: var(--xhc-surface); font-size: 11px; }
body.xhc-cosmos .payvip-modal .vip-tag { border-radius: 0 14px 0 9px; font-size: 10px; padding: 3px 9px; line-height: 1.7; background: var(--xhc-gold-bg) !important; color: var(--xhc-gold-ink) !important; border-bottom: 1px solid var(--xhc-gold-border); }
body.xhc-cosmos .payvip-modal .vip-product-input:checked + .vip-product {
  border-color: #7f9cd5;
  background: linear-gradient(135deg, var(--xhc-price-bg), var(--xhc-surface));
  box-shadow: 0 0 0 2px var(--xhc-glow);
  transform: none;
}
body.xhc-cosmos .payvip-modal .initiate-pay { border-radius: 12px; padding-block: 12px; background: linear-gradient(110deg, #566fc3, #568bb4) !important; color: #fff !important; }
body.xhc-cosmos .payvip-modal :is(.muted-box, .coupon-input-box) { border-radius: 12px; }
body.xhc-cosmos .payvip-modal .vip-product-input:focus-visible + .vip-product { outline: 2px solid var(--xhc-cyan); outline-offset: 3px; }

/* Explorer plans use the same price language as each course. */
body.xhc-cosmos .xhc-member-panel { background: linear-gradient(120deg, var(--xhc-surface), var(--xhc-surface-2)); border-radius: 26px; box-shadow: var(--xhc-shadow); }
body.xhc-cosmos .xhc-member-heading h2 { letter-spacing: -.8px; }
body.xhc-cosmos .xhc-plan-card { border-radius: 18px; overflow: hidden; }
body.xhc-cosmos .xhc-plan-card[data-xhc-card-tier="1"] .xhc-plan-top > span { color: var(--xhc-gold-ink); }
body.xhc-cosmos .xhc-plan-card[data-xhc-card-tier="2"] .xhc-plan-top > span { color: var(--xhc-price-ink); }
body.xhc-cosmos .xhc-plan-card h3 { letter-spacing: -.35px; }
body.xhc-cosmos .xhc-plan-price strong { letter-spacing: -1px; }
body.xhc-cosmos .xhc-plan-value { line-height: 1.8; }
body.xhc-cosmos .xhc-plan-card ul { line-height: 2; }
body.xhc-cosmos .xhc-plan-filter { background: var(--xhc-surface-2); }
body.xhc-cosmos .xhc-plan-annual { border-color: rgba(121, 153, 214, .48); }
body.xhc-cosmos .xhc-plan-action { border-radius: 11px; }
body.xhc-cosmos :is(.pagination, .pagenav) a { border: 1px solid var(--xhc-border); border-radius: 10px; background: var(--xhc-surface); }
body.xhc-cosmos .footer { color: var(--xhc-muted); line-height: 1.8; }
body.xhc-cosmos #xhc-effects { border-color: var(--xhc-border); background: var(--xhc-surface); box-shadow: var(--xhc-shadow); }
body.xhc-cosmos :is(a, button, input, textarea, select):focus-visible { outline: 2px solid var(--xhc-cyan); outline-offset: 3px; }

@media (hover: hover) {
  body.xhc-cosmos .posts-item.card:hover { transform: translateY(-3px); border-color: rgba(108, 153, 212, .5); box-shadow: 0 12px 32px var(--xhc-glow); }
  body.xhc-cosmos .posts-item.card:hover :is(.graphic img, .item-graphic img, .item-thumbnail img) { transform: scale(1.025); }
  body.xhc-cosmos .posts-item .item-tags > a:hover { border-color: rgba(108, 153, 212, .45); }
  body.xhc-cosmos .payvip-modal .vip-product:hover { border-color: #7f9cd5; }
}
@media (max-width: 1199px) and (min-width: 768px) {
  body.xhc-cosmos .header .container-header { padding-inline: 18px; }
  body.xhc-cosmos .header .navbar-brand { padding-right: 12px; }
  body.xhc-cosmos .header .navbar-nav > li > a { font-size: 12px; padding-inline: 10px; }
}
@media (max-width: 767px) {
  body.xhc-cosmos .header .container-header { padding-inline: 14px; }
  body.xhc-cosmos .header .navbar-brand { padding-right: 0; }
  body.xhc-cosmos .mobile-navbar { padding: 24px 20px; }
  body.xhc-cosmos .mobile-navbar .navbar-logo { max-width: 160px; }
  body.xhc-cosmos .mobile-menus > li > a { padding-block: 13px; font-size: 14px; }
  body.xhc-cosmos .mobile-menus .sub-menu a { font-size: 12px; line-height: 1.8; }
  body.xhc-cosmos .article { padding-inline: 17px; }
  body.xhc-cosmos .article-title { font-size: 22px; letter-spacing: -.4px; }
  body.xhc-cosmos .wp-posts-content { font-size: 14px; }
  body.xhc-cosmos .zib-widget { border-radius: 18px; }
  body.xhc-cosmos .posts-item.card { border-radius: 17px; }
  body.xhc-cosmos .posts-item .item-tags > a.but { font-size: 9px; padding: 3px 7px; }
  body.xhc-cosmos .posts-item .item-tags > a.meta-pay { font-size: 10px; }
  body.xhc-cosmos .posts-item .meta-pay .xhc-price-label { font-size: 9px; margin-right: 2px; }
  body.xhc-cosmos .posts-item .meta-pay .xhc-price-value { font-size: 11px; }
  body.xhc-cosmos .xcn-price-main strong { font-size: 21px; }
  body.xhc-cosmos .xcn-members > div { padding: 9px 8px !important; border-radius: 10px; }
  body.xhc-cosmos .xcn-members b { font-size: 14px; }
  body.xhc-cosmos .xhc-saving { font-size: 9px !important; }
  body.xhc-cosmos .pay-box { border-radius: 18px; }
  body.xhc-cosmos .pay-box > .payvip-icon { padding: 19px 16px; }
  body.xhc-cosmos .pay-box > .payvip-icon .price-box { font-size: 31px; }
  body.xhc-cosmos .pay-box > .payvip-icon > .flex0 { font-size: 11px; }
  body.xhc-cosmos .pay-box .pay-title { font-size: 12px; }
  body.xhc-cosmos .paid-down-group > .but { font-size: 12px; padding: 10px 12px; }
  body.xhc-cosmos .pay-box .vip-price-buts .vip-price { padding: 8px 10px; font-size: 11px; }
  body.xhc-cosmos .payvip-modal { padding: 20px 15px; }
  body.xhc-cosmos .payvip-modal .product-price { font-size: 24px; }
  body.xhc-cosmos .payvip-modal .vip-product { padding: 18px 11px 13px; }
  body.xhc-cosmos .payvip-modal .vip-tag { font-size: 9px; padding: 2px 6px; }
  body.xhc-cosmos .xhc-member-heading h2 { font-size: 25px; }
  body.xhc-cosmos .xhc-plan-card ul { font-size: 10px; line-height: 1.95; }
}
@media (prefers-reduced-motion: reduce) {
  body.xhc-cosmos .header .navbar-nav > li > a,
  body.xhc-cosmos .header .navbar-nav > li > a::after,
  body.xhc-cosmos .posts-item.card :is(.graphic img, .item-graphic img, .item-thumbnail img) { transition: none !important; }
  body.xhc-cosmos .posts-item.card:hover :is(.graphic img, .item-graphic img, .item-thumbnail img) { transform: none; }
}
body.xhc-cosmos.xhc-still .header .navbar-nav > li > a,
body.xhc-cosmos.xhc-still .header .navbar-nav > li > a::after,
body.xhc-cosmos.xhc-still .posts-item.card :is(.graphic img, .item-graphic img, .item-thumbnail img) { transition: none !important; }
body.xhc-cosmos.xhc-still .posts-item.card:hover :is(.graphic img, .item-graphic img, .item-thumbnail img) { transform: none; }