:root {
  --atlas-canvas: #f5f7f8;
  --atlas-surface: #ffffff;
  --atlas-ink: #17212b;
  --atlas-muted: #61707d;
  --atlas-line: #dce3e6;
  --atlas-teal: #057e7a;
  --atlas-teal-dark: #05635f;
  --atlas-amber: #b66a00;
  --atlas-soft-teal: #e8f5f3;
}

.atlas-body { background: var(--atlas-canvas); color: var(--atlas-ink); font-family: "Microsoft YaHei", "PingFang SC", sans-serif; }
.atlas-header { background: #102029; border: 0; box-shadow: none; }
.atlas-header-inner { min-height: 62px; }
.atlas-logo { color: #fff; font-size: 17px; font-weight: 800; }
.atlas-logo:hover { color: #fff; }
.atlas-logo .orbit-logo-mark { background: var(--atlas-teal); border-radius: 5px; color: #fff; height: 27px; width: 27px; }
.atlas-nav { gap: 25px; }
.atlas-nav a, .atlas-actions .orbit-login { color: #b9c7c9; font-size: 13px; }
.atlas-nav a:hover, .atlas-nav .is-active, .atlas-actions .orbit-login:hover { color: #fff; }
.atlas-actions .orbit-account { background: var(--atlas-teal); border: 1px solid var(--atlas-teal); border-radius: 5px; color: #fff; font-size: 12px; padding: 7px 11px; }
.atlas-main { padding-bottom: 42px; padding-top: 14px; }
.atlas-utility { align-items: center; color: var(--atlas-muted); display: flex; font-size: 12px; gap: 20px; justify-content: flex-start; margin: 0 1px 13px; }
.atlas-utility span { align-items: center; display: inline-flex; gap: 6px; }
.atlas-utility span i { color: var(--atlas-teal); }
.atlas-utility a { color: #3c5861; margin-left: auto; text-decoration: none; }
.atlas-utility a i { color: var(--atlas-teal); font-size: 10px; }
.atlas-store { align-items: stretch; display: grid; gap: 14px; grid-template-columns: 244px minmax(0, 1fr); }
.atlas-sidebar, .atlas-catalog { background: var(--atlas-surface); border: 1px solid var(--atlas-line); border-radius: 8px; }
.atlas-sidebar { min-height: 510px; }
.atlas-panel-title, .atlas-catalog-head { align-items: center; border-bottom: 1px solid #e9eeef; display: flex; justify-content: space-between; min-height: 67px; padding: 12px 17px; }
.atlas-panel-title span, .atlas-catalog-title span, .atlas-guides-heading span { color: #7a8b91; display: block; font-size: 9px; font-weight: 700; letter-spacing: .12em; line-height: 1.2; }
.atlas-panel-title strong, .atlas-catalog-title h1 { color: var(--atlas-ink); display: block; font-size: 17px; font-weight: 800; line-height: 1.35; margin: 3px 0 0; }
.atlas-mobile-tree-toggle { background: transparent; border: 0; color: var(--atlas-teal); display: none; font-size: 17px; padding: 5px; }
.atlas-category-tree { padding: 9px; }
.atlas-category-row { --depth: 0; margin: 1px 0; padding-left: calc(var(--depth) * 11px); }
.atlas-category-row[data-depth="1"] { --depth: 1; }.atlas-category-row[data-depth="2"] { --depth: 2; }.atlas-category-row[data-depth="3"] { --depth: 3; }.atlas-category-row[data-depth="4"] { --depth: 4; }.atlas-category-row[data-depth="5"] { --depth: 5; }.atlas-category-row[data-depth="6"] { --depth: 6; }
.atlas-category-button { align-items: center; background: transparent; border: 0; border-radius: 5px; color: #43545e; display: flex; font-size: 13px; gap: 8px; justify-content: space-between; min-height: 38px; padding: 7px 9px; text-align: left; width: 100%; }
.atlas-category-button:hover { background: #f2f7f7; color: var(--atlas-teal-dark); }.atlas-category-button.is-active { background: var(--atlas-soft-teal); color: var(--atlas-teal-dark); font-weight: 700; }
.atlas-category-branch { align-items: center; background: #e9eef0; border-radius: 10px; color: #66777d; display: inline-flex; font-size: 10px; height: 18px; justify-content: center; min-width: 18px; }.atlas-category-button.is-active .atlas-category-branch { background: #bfe4df; color: var(--atlas-teal-dark); }
.atlas-order-link { align-items: center; border-top: 1px solid #e9eeef; color: #50636b; display: flex; font-size: 12px; gap: 7px; margin: 10px 17px 0; padding: 14px 0; text-decoration: none; }.atlas-order-link i:last-child { font-size: 10px; margin-left: auto; }.atlas-order-link i:first-child { color: var(--atlas-teal); }
.atlas-catalog { min-width: 0; overflow: hidden; }.atlas-catalog-head { padding: 12px 20px; }.atlas-search { align-items: center; background: #f7f9fa; border: 1px solid #dce5e7; border-radius: 5px; color: #718087; display: flex; gap: 7px; padding: 0 10px; }.atlas-search:focus-within { border-color: var(--atlas-teal); box-shadow: 0 0 0 3px rgba(5,126,122,.10); }.atlas-search input { background: transparent; border: 0; color: var(--atlas-ink); font-size: 12px; height: 34px; outline: 0; width: 190px; }
.atlas-list-meta { align-items: center; border-bottom: 1px solid #e9eeef; color: #7b898e; display: flex; font-size: 11px; justify-content: space-between; padding: 10px 20px; }.atlas-product-count { color: var(--atlas-teal-dark); font-weight: 700; }
.atlas-product-grid { display: grid; gap: 1px; grid-template-columns: repeat(2, minmax(0, 1fr)); }.atlas-product-card { background: #fff; border-bottom: 1px solid #e9eeef; min-height: 155px; padding: 17px 20px; position: relative; }.atlas-product-card:nth-child(odd) { border-right: 1px solid #e9eeef; }.atlas-product-card:hover { background: #fbfdfd; }.atlas-product-top { align-items: center; display: flex; gap: 9px; }.atlas-product-mark { align-items: center; background: #eaf5f4; border-radius: 5px; color: var(--atlas-teal-dark); display: inline-flex; font-size: 12px; font-weight: 800; height: 28px; justify-content: center; width: 28px; }.atlas-product-category { color: #77858b; font-size: 11px; }.atlas-product-name { color: #213039; display: -webkit-box; font-size: 14px; font-weight: 750; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.55; margin: 13px 0; overflow: hidden; text-decoration: none; }.atlas-product-name:hover { color: var(--atlas-teal-dark); }.atlas-product-footer { align-items: center; bottom: 16px; display: flex; justify-content: space-between; left: 20px; position: absolute; right: 20px; }.atlas-price { color: var(--atlas-amber); font-size: 16px; font-weight: 800; }.atlas-price small { color: #89959a; font-size: 9px; font-weight: 700; }.atlas-buy-button { align-items: center; color: var(--atlas-teal-dark); display: inline-flex; font-size: 11px; font-weight: 700; gap: 5px; text-decoration: none; }.atlas-buy-button i { font-size: 9px; }.atlas-sold-out { color: #89969c; font-size: 11px; }.atlas-loading, .atlas-empty { align-items: center; color: #7b898e; display: flex; font-size: 13px; grid-column: 1 / -1; justify-content: center; min-height: 240px; }.atlas-empty { flex-direction: column; gap: 8px; }.atlas-empty i { color: #9db9b8; font-size: 26px; }.atlas-empty strong { color: #46565d; font-size: 14px; }.atlas-empty span { font-size: 12px; }
.atlas-seo-guides { border-top: 1px solid var(--atlas-line); margin-top: 36px; padding-top: 25px; }.atlas-guides-heading { align-items: end; display: flex; justify-content: space-between; }.atlas-guides-heading h2 { color: var(--atlas-ink); font-size: 18px; font-weight: 800; margin: 4px 0 0; }.atlas-guides-heading > a { color: var(--atlas-teal-dark); font-size: 12px; text-decoration: none; }.atlas-guides-heading > a i { font-size: 10px; }.atlas-guides-grid { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 15px; }.atlas-guides-grid a { background: #fff; border: 1px solid var(--atlas-line); border-radius: 7px; color: inherit; min-height: 126px; padding: 16px; text-decoration: none; }.atlas-guides-grid a:hover { border-color: #aed3d0; }.atlas-guides-grid span { color: var(--atlas-teal-dark); display: block; font-size: 10px; font-weight: 800; text-transform: uppercase; }.atlas-guides-grid strong { color: #26353d; display: block; font-size: 14px; line-height: 1.5; margin-top: 8px; }.atlas-guides-grid p { color: #718087; font-size: 12px; line-height: 1.6; margin: 6px 0 0; }.atlas-footer { background: #102029; border: 0; color: #96a8ab; }.atlas-footer > div { gap: 20px; min-height: 64px; }.atlas-footer a { color: #c0cecf; font-size: 12px; }
@media (max-width: 767px) { .atlas-header-inner { min-height: 56px; }.atlas-nav { display: none; }.atlas-actions { margin-left: auto; }.atlas-actions .orbit-login { font-size: 12px; }.atlas-actions .orbit-account { padding: 6px 9px; }.atlas-main { padding: 10px 12px 28px; }.atlas-utility { border-bottom: 1px solid #e0e6e8; flex-wrap: wrap; gap: 7px 14px; margin: 0 0 10px; padding: 0 1px 10px; }.atlas-utility span { font-size: 11px; }.atlas-utility a { font-size: 11px; margin-left: 0; }.atlas-store { display: block; }.atlas-sidebar { min-height: 0; }.atlas-panel-title { min-height: 55px; padding: 9px 13px; }.atlas-panel-title span { font-size: 8px; }.atlas-panel-title strong { font-size: 15px; }.atlas-mobile-tree-toggle { display: inline-flex; }.atlas-category-tree { border-top: 1px solid #e9eeef; display: none; max-height: 290px; overflow: auto; padding: 7px; }.atlas-category-tree.is-open { display: block; }.atlas-order-link { display: none; }.atlas-catalog { margin-top: 10px; }.atlas-catalog-head { align-items: flex-start; flex-direction: column; gap: 10px; padding: 13px; }.atlas-search { width: 100%; }.atlas-search input { width: 100%; }.atlas-list-meta { padding: 9px 13px; }.atlas-product-grid { grid-template-columns: 1fr; }.atlas-product-card { border-right: 0 !important; min-height: 136px; padding: 14px; }.atlas-product-footer { bottom: 14px; left: 14px; right: 14px; }.atlas-product-name { margin: 11px 0; }.atlas-seo-guides { margin-top: 26px; padding-top: 20px; }.atlas-guides-heading h2 { font-size: 16px; }.atlas-guides-grid { grid-template-columns: 1fr; gap: 9px; }.atlas-guides-grid a { min-height: 0; padding: 14px; }.atlas-footer > div { align-items: flex-start; flex-wrap: wrap; gap: 7px 16px; padding-bottom: 13px; padding-top: 13px; } }

/* Atlas v2: stronger hierarchy and a complete product detail experience. */
.atlas-body .atlas-header { background: #10252a; border-bottom: 1px solid #16383e; box-shadow: 0 3px 14px rgba(16, 37, 42, .12); }
.atlas-body .atlas-header .atlas-logo { color: #fff; }
.atlas-body .atlas-header .atlas-nav a, .atlas-body .atlas-header .orbit-login { color: #b8c9cb; }
.atlas-body .atlas-header .atlas-nav a:hover, .atlas-body .atlas-header .atlas-nav a.is-active, .atlas-body .atlas-header .orbit-login:hover { color: #fff; }
.atlas-body .atlas-header .orbit-account { background: #f0b429; border-color: #f0b429; color: #17272a; font-weight: 750; }
.atlas-body .atlas-main { max-width: 1320px; }
.atlas-page-head { align-items: center; display: flex; justify-content: space-between; min-height: 82px; padding: 12px 1px; }
.atlas-page-head > div:first-child > span { color: var(--atlas-teal-dark); display: block; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.atlas-page-head h1 { color: #17272a; font-size: 23px; font-weight: 800; letter-spacing: 0; margin: 4px 0 0; }
.atlas-page-head .atlas-utility { margin: 0; }
.atlas-body .atlas-sidebar, .atlas-body .atlas-catalog { border-color: #d8e1e2; box-shadow: 0 6px 18px rgba(28, 54, 58, .045); }
.atlas-body .atlas-panel-title, .atlas-body .atlas-catalog-head { background: #fbfcfc; }
.atlas-body .atlas-product-grid { display: block; }
.atlas-body .atlas-product-card { align-items: center; border-bottom: 1px solid #e6ecec; display: grid; gap: 14px; grid-template-columns: 52px minmax(0, 1fr) 180px; min-height: 92px; padding: 15px 20px; }
.atlas-body .atlas-product-card:nth-child(odd) { border-right: 0; }
.atlas-body .atlas-product-card:hover { background: #f7fbfa; }
.atlas-product-media { align-items: center; background: #eef4f3; border: 1px solid #dce7e5; border-radius: 7px; color: var(--atlas-teal-dark); display: flex; font-size: 13px; font-weight: 800; height: 48px; justify-content: center; overflow: hidden; width: 48px; }
.atlas-product-media img { height: 100%; object-fit: contain; padding: 5px; width: 100%; }
.atlas-product-info { min-width: 0; }
.atlas-body .atlas-product-name { color: #1d2c30; display: block; font-size: 14px; font-weight: 750; line-height: 1.45; margin: 3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atlas-product-delivery { color: #738287; font-size: 10px; }
.atlas-body .atlas-product-footer { align-items: center; display: grid; gap: 14px; grid-template-columns: 1fr auto; justify-content: initial; position: static; }
.atlas-body .atlas-price { font-size: 17px; text-align: right; white-space: nowrap; }
.atlas-body .atlas-buy-button { background: var(--atlas-teal); border-radius: 5px; color: #fff; justify-content: center; min-width: 82px; padding: 8px 10px; }
.atlas-body .atlas-buy-button:hover { background: var(--atlas-teal-dark); color: #fff; }
.atlas-body .atlas-footer { background: #10252a; color: #8fa5a8; }
.atlas-body .atlas-footer a { color: #c8d4d5; }

.atlas-breadcrumb { align-items: center; color: #7b898e; display: flex; font-size: 12px; gap: 9px; margin: 15px 0; }
.atlas-breadcrumb a { color: var(--atlas-teal-dark); text-decoration: none; }
.atlas-breadcrumb i { font-size: 8px; }
.atlas-item-layout { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr) 430px; }
.atlas-item-content, .atlas-item-order { background: #fff; border: 1px solid #d8e1e2; border-radius: 8px; box-shadow: 0 6px 18px rgba(28, 54, 58, .045); }
.atlas-item-summary { align-items: center; border-bottom: 1px solid #e6ecec; display: grid; gap: 20px; grid-template-columns: 112px minmax(0, 1fr); padding: 24px; }
.atlas-item-cover { align-items: center; background: #f1f6f5; border: 1px solid #dce7e5; border-radius: 8px; display: flex; height: 112px; justify-content: center; overflow: hidden; }
.atlas-item-cover img { height: 100%; object-fit: contain; padding: 12px; width: 100%; }
.atlas-item-summary-copy h1 { color: #18282c; font-size: 24px; font-weight: 800; line-height: 1.4; margin: 7px 0 12px; }
.atlas-item-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.atlas-item-meta span { background: #eef5f4; border-radius: 4px; color: #536b6e; font-size: 11px; padding: 5px 8px; }
.atlas-item-description { padding: 24px; }
.atlas-section-title span { color: var(--atlas-teal-dark); display: block; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.atlas-section-title h2 { color: #1b2b2f; font-size: 18px; font-weight: 800; margin: 4px 0 17px; }
.atlas-description-content { color: #46575c; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
.atlas-description-content img { height: auto; max-width: 100%; }
.atlas-item-order { padding: 20px; position: sticky; top: 18px; }
.atlas-item-order-head { align-items: center; border-bottom: 1px solid #e6ecec; display: flex; justify-content: space-between; margin-bottom: 16px; padding-bottom: 15px; }
.atlas-item-order-head > span { color: #1c2c30; font-size: 16px; font-weight: 800; }
.atlas-item-order-head .price { color: var(--atlas-amber); font-size: 25px; font-weight: 800; }
.atlas-buy-form { display: grid; gap: 14px; }
.atlas-buy-form label { color: #3b4d52 !important; font-size: 12px; font-weight: 700; margin-bottom: 6px; }
.atlas-buy-form .form-control { background: #fff !important; border: 1px solid #cfdadb !important; border-radius: 5px; color: #1b2b2f !important; min-height: 42px; }
.atlas-buy-form .form-control:focus { border-color: var(--atlas-teal) !important; box-shadow: 0 0 0 3px rgba(5,126,122,.1) !important; }
.atlas-buy-form .sku-list { display: flex; flex-wrap: wrap; gap: 8px; }
.atlas-buy-form .sku { background: #fff !important; border: 1px solid #cfdadb !important; border-radius: 5px; color: #40545a !important; font-size: 12px; padding: 8px 10px; text-decoration: none; }
.atlas-buy-form .sku.is-primary { background: var(--atlas-soft-teal) !important; border-color: var(--atlas-teal) !important; color: var(--atlas-teal-dark) !important; }
.atlas-buy-form .badge-money { background: transparent !important; color: var(--atlas-amber) !important; margin-left: 5px; padding: 0; }
.atlas-buy-form .qty-group { max-width: 170px; }
.atlas-body .atlas-buy-form .qty-group { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.atlas-body .atlas-buy-form .qty-group button { background: #f4f7f7 !important; border: 1px solid #cfdadb !important; box-shadow: none !important; color: #40545a !important; width: 38px; }
.atlas-secondary-button { background: #f7f9f9; border: 1px solid #cfdadb; border-radius: 5px; color: #465b60; font-size: 12px; padding: 9px 11px; }
.atlas-captcha { display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) 105px; }
.atlas-captcha img { border: 1px solid #cfdadb; border-radius: 5px; cursor: pointer; height: 42px; object-fit: cover; width: 105px; }
.atlas-payment { background: #f7faf9 !important; border: 1px solid #d8e3e1 !important; border-radius: 7px; padding: 13px; }
.atlas-payment .pay-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.atlas-body .atlas-payment .pay-list .pay { background: #fff !important; border: 1px solid #d3dede !important; box-shadow: none !important; color: #40545a !important; }
.atlas-body .atlas-payment .pay-list .pay:hover, .atlas-body .atlas-payment .pay-list .pay.is-primary { background: var(--atlas-soft-teal) !important; border-color: var(--atlas-teal) !important; color: var(--atlas-teal-dark) !important; }

@media (max-width: 767px) {
  .atlas-page-head { align-items: flex-start; display: block; min-height: 0; padding: 8px 1px 13px; }
  .atlas-page-head h1 { font-size: 20px; }
  .atlas-page-head .atlas-utility { border: 0; margin-top: 10px; padding: 0; }
  .atlas-body .atlas-product-card { gap: 10px; grid-template-columns: 44px minmax(0, 1fr); min-height: 86px; padding: 13px; }
  .atlas-product-media { height: 42px; width: 42px; }
  .atlas-body .atlas-product-name { white-space: normal; }
  .atlas-body .atlas-product-footer { grid-column: 2; grid-template-columns: 1fr auto; }
  .atlas-body .atlas-buy-button { min-width: 76px; padding: 7px 8px; }
  .atlas-item-layout { display: block; }
  .atlas-item-summary { gap: 13px; grid-template-columns: 78px minmax(0, 1fr); padding: 16px; }
  .atlas-item-cover { height: 78px; }
  .atlas-item-summary-copy h1 { font-size: 18px; margin: 5px 0 9px; }
  .atlas-item-description { padding: 17px; }
  .atlas-item-order { margin-top: 12px; padding: 16px; position: static; }
  .atlas-item-order-head .price { font-size: 22px; }
}

@media (max-width: 767px) {
  .catalog-body .atlas-header .atlas-header-inner,
  .atlas-body .atlas-header-inner { min-height: 56px !important; padding-left: 12px; padding-right: 12px; }
  .atlas-logo .orbit-logo-mark { height: 30px; width: 30px; }
  .atlas-brand-copy strong { font-size: 16px; }
  .atlas-actions { gap: 3px; }
  .atlas-actions .orbit-login { font-size: 12px !important; min-height: 32px; padding: 0 4px; white-space: nowrap; }
  .atlas-body .atlas-header .orbit-account { font-size: 12px; min-height: 32px; padding: 0 8px; white-space: nowrap; }
  .atlas-menu-toggle { height: 32px; width: 32px; }
}

.atlas-query-page { min-height: calc(100vh - 190px); }.atlas-query-head { padding: 30px 0 18px; }.atlas-query-head > span, .atlas-query-section-title > span { color: var(--atlas-teal-dark); display: block; font-size: 9px; font-weight: 800; letter-spacing: .14em; }.atlas-query-head h1 { color: #17272a; font-size: 25px; font-weight: 800; margin: 5px 0 8px; }.atlas-query-head p { color: #6c7d82; font-size: 13px; margin: 0; }.atlas-query-panel { background: #fff; border: 1px solid #d8e1e2; border-radius: 8px; box-shadow: 0 6px 18px rgba(28,54,58,.045); padding: 22px; }.atlas-query-form label { color: #40555a; display: block; font-size: 12px; font-weight: 700; margin-bottom: 7px; }.atlas-query-input-row { display: grid; gap: 9px; grid-template-columns: minmax(0,1fr) 126px; max-width: 680px; }.atlas-query-input-row .form-control { border: 1px solid #cfdcdd; border-radius: 5px; min-height: 44px; }.atlas-query-input-row .form-control:focus { border-color: var(--atlas-teal); box-shadow: 0 0 0 3px rgba(5,126,122,.1); }.atlas-query-input-row .btn { background: var(--atlas-teal)!important; border-color: var(--atlas-teal)!important; border-radius: 5px; color: #fff!important; font-size: 13px; font-weight: 700; }.atlas-query-results { margin-top: 14px; }.atlas-query-section-title h2 { color: #1b2b2f; font-size: 18px; font-weight: 800; margin: 4px 0 16px; }.atlas-query-empty { color: #6e7f83; margin-top: 14px; text-align: center; }.atlas-query-empty > i { color: #7bb6b1; font-size: 27px; }.atlas-query-empty h2 { color: #33484d; font-size: 16px; margin: 10px 0 5px; }.atlas-query-empty p { font-size: 12px; margin: 0; }
@media (max-width:767px) { .atlas-query-head { padding: 17px 0 14px; }.atlas-query-head h1 { font-size: 21px; }.atlas-query-panel { padding: 15px; }.atlas-query-input-row { display: block; }.atlas-query-input-row .btn { margin-top: 9px; min-height: 43px; width: 100%; } }
.atlas-body .atlas-query-input-row .btn-primary { background: var(--atlas-teal) !important; border-color: var(--atlas-teal) !important; color: #fff !important; }.atlas-body .atlas-query-input-row .btn-primary:hover { background: var(--atlas-teal-dark) !important; border-color: var(--atlas-teal-dark) !important; }

/* Atlas v3: integrated storefront, resources, tools and order support. */
:root {
  --atlas-night: #0f1f26;
  --atlas-blue: #2467d4;
  --atlas-blue-soft: #edf4ff;
  --atlas-gold: #f0b429;
  --atlas-canvas: #f4f7f8;
  --atlas-line: #d7e0e3;
}
.atlas-body {
  background-color: var(--atlas-canvas);
  background-image: linear-gradient(rgba(22, 55, 65, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(22, 55, 65, .025) 1px, transparent 1px);
  background-size: 48px 48px;
  color: #14242b;
  font-family: "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "PingFang SC", sans-serif;
}
.atlas-body .atlas-header { background: rgba(255,255,255,.97); border-bottom: 1px solid #dce4e7; box-shadow: 0 8px 30px rgba(20, 52, 62, .08); position: sticky; top: 0; z-index: 1000; }
.atlas-header-inner { gap: 24px; max-width: 1480px; min-height: 78px; }
.atlas-brand { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 11px; min-width: 176px; text-decoration: none; }
.atlas-body .atlas-header .atlas-brand { color: var(--atlas-night); }
.atlas-logo .orbit-logo-mark { background: var(--atlas-blue); border-radius: 7px; box-shadow: 0 7px 16px rgba(36,103,212,.22); font-size: 15px; height: 38px; width: 38px; }
.atlas-brand-copy { display: grid; line-height: 1.05; }
.atlas-brand-copy strong { color: #101e24; font-size: 20px; font-weight: 850; }
.atlas-brand-copy small { color: #74848b; font-size: 8px; font-weight: 800; letter-spacing: .11em; margin-top: 5px; }
.atlas-nav { align-items: center; display: flex; flex: 1 1 auto; gap: 4px; justify-content: center; }
.atlas-body .atlas-header .atlas-nav a, .atlas-body .atlas-header .atlas-nav button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #53646c; display: inline-flex; font-size: 12px; font-weight: 700; gap: 7px; justify-content: center; min-height: 44px; padding: 0 13px; text-decoration: none; white-space: nowrap; }
.atlas-body .atlas-header .atlas-nav a i, .atlas-body .atlas-header .atlas-nav button i { color: #7b8b92; font-size: 14px; }
.atlas-body .atlas-header .atlas-nav a:hover, .atlas-body .atlas-header .atlas-nav button:hover { background: #f0f4f5; color: #14262e; }
.atlas-body .atlas-header .atlas-nav a.is-active { background: var(--atlas-night); color: #fff; }
.atlas-body .atlas-header .atlas-nav a.is-active i { color: var(--atlas-gold); }
.atlas-actions { align-items: center; display: flex; flex: 0 0 auto; gap: 7px; }
.atlas-body .atlas-header .orbit-login { color: #405159; font-size: 12px; font-weight: 700; padding: 8px; }
.atlas-body .atlas-header .orbit-account { background: var(--atlas-gold); border: 1px solid #d99a16; border-radius: 7px; color: #18262b; font-size: 12px; font-weight: 800; min-height: 38px; padding: 0 14px; }
.atlas-menu-toggle { align-items: center; background: #fff; border: 1px solid #cfdadd; border-radius: 7px; color: #24373e; display: none; height: 38px; justify-content: center; width: 38px; }
.atlas-announcement-bar { background: var(--atlas-night); color: #d6e0e2; min-height: 35px; }
.atlas-announcement-bar > div { align-items: center; display: flex; font-size: 11px; justify-content: space-between; max-width: 1480px; min-height: 35px; }
.atlas-announcement-bar span { align-items: center; display: inline-flex; gap: 7px; }
.atlas-announcement-bar span i { color: var(--atlas-gold); }
.atlas-announcement-bar button { background: transparent; border: 0; color: #fff; font-size: 11px; font-weight: 700; padding: 4px 0; }
.atlas-announcement-bar button i { color: var(--atlas-gold); font-size: 9px; margin-left: 4px; }
.atlas-modal-open { overflow: hidden; }
.atlas-notice[hidden] { display: none; }
.atlas-notice { inset: 0; position: fixed; z-index: 2000; }
.atlas-notice-backdrop { background: rgba(8, 20, 26, .68); inset: 0; position: absolute; }
.atlas-notice-dialog { background: #fff; border: 1px solid #dce4e6; border-radius: 8px; box-shadow: 0 30px 80px rgba(8, 26, 33, .25); left: 50%; max-height: min(760px, calc(100vh - 40px)); max-width: 720px; overflow: auto; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 32px); }
.atlas-notice-dialog > header { align-items: center; border-bottom: 1px solid #e5ebed; display: flex; justify-content: space-between; padding: 20px 22px; }
.atlas-notice-dialog > header span { color: var(--atlas-blue); display: block; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.atlas-notice-dialog > header h2 { color: #14242b; font-size: 21px; font-weight: 850; margin: 4px 0 0; }
.atlas-notice-dialog > header button { align-items: center; background: #f1f4f5; border: 0; border-radius: 50%; color: #42545b; display: flex; height: 34px; justify-content: center; width: 34px; }
.atlas-notice-content { display: grid; gap: 0; padding: 4px 22px; }
.atlas-notice-content > div { border-bottom: 1px solid #edf1f2; display: grid; gap: 18px; grid-template-columns: 108px minmax(0,1fr); padding: 16px 0; }
.atlas-notice-content > div:last-child { border-bottom: 0; }
.atlas-notice-content strong { color: #1c3139; font-size: 13px; }
.atlas-notice-content p { color: #5c6d74; font-size: 13px; line-height: 1.75; margin: 0; }
.atlas-notice-dialog > footer { background: #f7f9fa; border-top: 1px solid #e5ebed; padding: 14px 22px; text-align: right; }
.atlas-notice-dialog > footer button { background: var(--atlas-night); border: 0; border-radius: 6px; color: #fff; font-size: 12px; font-weight: 750; min-height: 38px; padding: 0 18px; }
.atlas-body .atlas-main { max-width: 1400px; padding-top: 0; }
.atlas-market-intro { align-items: stretch; border-bottom: 1px solid #dce4e6; display: grid; gap: 34px; grid-template-columns: minmax(0,1fr) 570px; min-height: 188px; padding: 30px 0; }
.atlas-market-copy { align-self: center; }
.atlas-market-copy > span { color: var(--atlas-blue) !important; font-size: 10px !important; letter-spacing: .16em !important; }
.atlas-market-copy h1 { color: #102129; font-size: 35px; line-height: 1.25; margin: 8px 0 10px; }
.atlas-market-copy p { color: #5e7078; font-size: 14px; line-height: 1.7; margin: 0; max-width: 660px; }
.atlas-market-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.atlas-market-tags span { background: #fff; border: 1px solid #d8e1e4; border-radius: 4px; color: #496069; font-size: 10px; font-weight: 750; padding: 6px 9px; }
.atlas-market-trust { align-self: center; background: #fff; border: 1px solid #d8e1e4; border-radius: 8px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); min-height: 112px; overflow: hidden; }
.atlas-market-trust > div { align-content: center; border-right: 1px solid #e3e9eb; display: grid; gap: 5px; justify-items: center; padding: 16px 12px; text-align: center; }
.atlas-market-trust > div:last-child { border-right: 0; }
.atlas-market-trust i { color: var(--atlas-blue); font-size: 19px; }
.atlas-market-trust strong { color: #20343c; font-size: 13px; }
.atlas-market-trust span { color: #76858b; font-size: 10px; line-height: 1.5; }
.atlas-service-shortcuts { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 18px 0; }
.atlas-service-shortcuts > a, .atlas-service-shortcuts > button { align-items: center; background: #fff; border: 1px solid #d8e1e4; border-radius: 7px; color: #172b33; display: grid; gap: 11px; grid-template-columns: 34px minmax(0,1fr) 14px; min-height: 76px; padding: 13px 15px; text-align: left; text-decoration: none; }
.atlas-service-shortcuts > a:hover, .atlas-service-shortcuts > button:hover { border-color: #9cb9d9; box-shadow: 0 8px 22px rgba(22,52,64,.08); transform: translateY(-1px); }
.atlas-service-shortcuts > a > i:first-child, .atlas-service-shortcuts > button > i:first-child { align-items: center; background: var(--atlas-blue-soft); border-radius: 6px; color: var(--atlas-blue); display: flex; font-size: 15px; height: 34px; justify-content: center; width: 34px; }
.atlas-service-shortcuts > a > i:last-child, .atlas-service-shortcuts > button > i:last-child { color: #87969c; font-size: 10px; }
.atlas-service-shortcuts span { min-width: 0; }
.atlas-service-shortcuts strong { display: block; font-size: 12px; font-weight: 800; }
.atlas-service-shortcuts small { color: #78878d; display: block; font-size: 9px; line-height: 1.45; margin-top: 4px; }
.atlas-body .atlas-store { gap: 18px; grid-template-columns: 268px minmax(0,1fr); }
.atlas-body .atlas-sidebar, .atlas-body .atlas-catalog { border-color: #d4dee1; box-shadow: 0 14px 36px rgba(24,53,63,.07); }
.atlas-body .atlas-sidebar { min-height: 584px; }
.atlas-body .atlas-panel-title, .atlas-body .atlas-catalog-head { background: #fff; min-height: 82px; padding: 15px 20px; }
.atlas-panel-title strong, .atlas-catalog-title h1 { font-size: 20px; }
.atlas-category-tree { padding: 12px; }
.atlas-category-button { font-size: 13px; min-height: 43px; padding: 8px 11px; }
.atlas-category-button.is-active { background: var(--atlas-blue-soft); color: #174f9d; }
.atlas-category-button.is-active .atlas-category-branch { background: #cfe0fa; color: #174f9d; }
.atlas-search { align-items: center; background: #fff; border: 1px solid #cfdadd; border-radius: 7px; display: grid; gap: 5px; grid-template-columns: minmax(240px,1fr) auto; min-width: min(500px,48vw); padding: 5px; }
.atlas-search:focus-within { border-color: #7ca5dd; box-shadow: 0 0 0 3px rgba(36,103,212,.10); }
.atlas-search-field { align-items: center; color: #73838a; display: flex; gap: 8px; margin: 0; min-width: 0; padding-left: 9px; }
.atlas-search input { height: 38px; width: 100%; }
.atlas-search-button { background: var(--atlas-night); border: 0; border-radius: 6px; color: #fff; font-size: 12px; font-weight: 800; min-height: 38px; min-width: 72px; padding: 0 15px; }
.atlas-list-meta { min-height: 42px; padding: 10px 22px; }
.atlas-body .atlas-product-card { grid-template-columns: 60px minmax(0,1fr) 205px; min-height: 102px; padding: 17px 22px; }
.atlas-product-media { background: #f2f6f7; height: 54px; width: 54px; }
.atlas-body .atlas-product-name { font-size: 15px; }
.atlas-product-delivery { font-size: 11px; }
.atlas-body .atlas-buy-button { min-width: 90px; padding: 9px 12px; }
.atlas-guides-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.atlas-guides-grid a { border-top: 3px solid var(--atlas-blue); min-height: 144px; }
.atlas-guides-grid span { color: var(--atlas-blue); }
.atlas-body .atlas-footer { background: var(--atlas-night); }
.atlas-footer button { background: transparent; border: 0; color: #c8d4d5; font-size: 12px; padding: 0; }

@media (max-width: 1120px) {
  .atlas-header-inner { gap: 12px; }
  .atlas-brand { min-width: 146px; }
  .atlas-body .atlas-header .atlas-nav a, .atlas-body .atlas-header .atlas-nav button { padding: 0 9px; }
  .atlas-market-intro { grid-template-columns: minmax(0,1fr) 470px; }
  .atlas-service-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .atlas-header-inner { min-height: 66px; position: relative; }
  .atlas-brand-copy small { display: none; }
  .atlas-nav { background: #fff; border: 1px solid #d7e0e3; box-shadow: 0 18px 36px rgba(15,38,47,.15); display: none; gap: 4px; grid-template-columns: repeat(2,minmax(0,1fr)); left: 12px; padding: 10px; position: absolute; right: 12px; top: calc(100% + 7px); }
  .atlas-nav.is-open { display: grid; }
  .atlas-body .atlas-header .atlas-nav a, .atlas-body .atlas-header .atlas-nav button { justify-content: flex-start; padding: 0 13px; }
  .atlas-menu-toggle { display: inline-flex; }
  .atlas-market-intro { display: block; min-height: 0; padding: 24px 0; }
  .atlas-market-trust { margin-top: 22px; }
  .atlas-body .atlas-store { grid-template-columns: 230px minmax(0,1fr); }
  .atlas-guides-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .atlas-header-inner { min-height: 62px; padding-left: 12px; padding-right: 12px; }
  .atlas-logo .orbit-logo-mark { height: 34px; width: 34px; }
  .atlas-brand { min-width: 0; }
  .atlas-brand-copy strong { font-size: 18px; }
  .atlas-actions .orbit-login { display: none; }
  .atlas-body .atlas-header .orbit-account { min-height: 34px; padding: 0 10px; }
  .atlas-announcement-bar > div { gap: 10px; padding: 0 12px; }
  .atlas-announcement-bar span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .atlas-announcement-bar button { flex: 0 0 auto; }
  .atlas-body .atlas-main { padding-left: 12px; padding-right: 12px; }
  .atlas-market-copy h1 { font-size: 27px; }
  .atlas-market-copy p { font-size: 12px; }
  .atlas-market-trust { grid-template-columns: 1fr; }
  .atlas-market-trust > div { border-bottom: 1px solid #e3e9eb; border-right: 0; grid-template-columns: 26px 92px minmax(0,1fr); justify-items: start; min-height: 58px; padding: 11px 14px; text-align: left; }
  .atlas-market-trust > div:last-child { border-bottom: 0; }
  .atlas-market-trust span { align-self: center; }
  .atlas-service-shortcuts { grid-template-columns: 1fr; padding: 14px 0; }
  .atlas-service-shortcuts > a, .atlas-service-shortcuts > button { min-height: 68px; }
  .atlas-body .atlas-store { display: block; }
  .atlas-body .atlas-sidebar { min-height: 0; }
  .atlas-body .atlas-panel-title, .atlas-body .atlas-catalog-head { min-height: 64px; padding: 12px 14px; }
  .atlas-catalog-head { display: block; }
  .atlas-search { margin-top: 12px; min-width: 0; width: 100%; }
  .atlas-body .atlas-product-card { grid-template-columns: 48px minmax(0,1fr); min-height: 96px; padding: 14px; }
  .atlas-product-media { height: 44px; width: 44px; }
  .atlas-body .atlas-product-footer { grid-column: 2; }
  .atlas-guides-grid { grid-template-columns: 1fr; }
  .atlas-guides-grid a { min-height: 0; }
  .atlas-notice-content > div { display: block; }
  .atlas-notice-content p { margin-top: 6px; }
  .atlas-notice-dialog > header, .atlas-notice-content, .atlas-notice-dialog > footer { padding-left: 17px; padding-right: 17px; }
}

/* 2026 marketplace refinement: stronger product-first hierarchy. */
.atlas-body .atlas-main { max-width: 1480px; }
.atlas-market-intro {
  background: #0d1820;
  border: 1px solid #162a35;
  border-radius: 8px;
  color: #fff;
  margin-top: 22px;
  min-height: 206px;
  overflow: hidden;
  padding: 32px 34px;
  position: relative;
}
.atlas-market-intro::after {
  border: 1px solid rgba(255,255,255,.08);
  content: "";
  height: 170px;
  position: absolute;
  right: -48px;
  top: -72px;
  transform: rotate(18deg);
  width: 310px;
}
.atlas-market-copy { position: relative; z-index: 1; }
.atlas-market-copy > span { color: #77a9ff !important; }
.atlas-market-copy h1 { color: #fff; font-size: 39px; }
.atlas-market-copy p { color: #b9c8cf; }
.atlas-market-tags span { background: #152731; border-color: #2b414c; color: #d8e3e7; }
.atlas-market-trust { background: #13232c; border-color: #2a3d47; position: relative; z-index: 1; }
.atlas-market-trust > div { border-color: #2a3d47; }
.atlas-market-trust i { color: #f0b429; }
.atlas-market-trust strong { color: #fff; }
.atlas-market-trust span { color: #9eb0b8; }
.atlas-service-shortcuts { padding: 14px 0 18px; }
.atlas-service-shortcuts > a, .atlas-service-shortcuts > button { min-height: 72px; }
.atlas-body .atlas-store { gap: 20px; grid-template-columns: 276px minmax(0,1fr); }
.atlas-body .atlas-sidebar, .atlas-body .atlas-catalog { box-shadow: 0 18px 42px rgba(20,47,58,.08); }
.atlas-panel-title strong, .atlas-catalog-title h2 { color: var(--atlas-ink); display: block; font-size: 20px; font-weight: 850; line-height: 1.35; margin: 3px 0 0; }
.atlas-body .atlas-product-name { color: #142630; font-size: 15px; font-weight: 800; }
.atlas-body .atlas-buy-button { background: #087f79; border-color: #087f79; }
.atlas-body .atlas-buy-button:hover { background: #066762; border-color: #066762; }
.atlas-seo-guides { margin-top: 44px; }
.atlas-guides-heading h2 { font-size: 22px; }
.atlas-guides-grid a { box-shadow: 0 10px 28px rgba(24,53,63,.05); }

@media (max-width: 900px) {
  .atlas-market-intro { margin-top: 16px; padding: 28px; }
  .atlas-body .atlas-store { grid-template-columns: 230px minmax(0,1fr); }
}
@media (max-width: 767px) {
  .atlas-market-intro { margin-top: 12px; padding: 24px 20px; }
  .atlas-market-copy h1 { font-size: 30px; }
  .atlas-market-tags { margin-top: 13px; }
  .atlas-market-trust { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 18px; min-height: 84px; }
  .atlas-market-trust > div { border-bottom: 0; border-right: 1px solid #2a3d47; display: grid; gap: 4px; grid-template-columns: 1fr; justify-items: center; min-height: 84px; padding: 10px 5px; text-align: center; }
  .atlas-market-trust > div:last-child { border-right: 0; }
  .atlas-market-trust i { font-size: 17px; }
  .atlas-market-trust strong { font-size: 11px; }
  .atlas-market-trust span { display: none; }
  .atlas-body .atlas-store { display: block; }
  .atlas-service-shortcuts { gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .atlas-service-shortcuts > a, .atlas-service-shortcuts > button { gap: 8px; grid-template-columns: 30px minmax(0,1fr); min-height: 62px; padding: 10px; }
  .atlas-service-shortcuts > a > i:first-child, .atlas-service-shortcuts > button > i:first-child { height: 30px; width: 30px; }
  .atlas-service-shortcuts > a > i:last-child, .atlas-service-shortcuts > button > i:last-child, .atlas-service-shortcuts small { display: none; }
  .atlas-service-shortcuts strong { font-size: 11px; }
}

/* Unified type, spacing and color system. */
:root {
  --atlas-teal: #2467d4;
  --atlas-teal-dark: #174f9d;
  --atlas-soft-teal: #edf4ff;
  --atlas-blue: #2467d4;
  --atlas-blue-soft: #edf4ff;
  --atlas-night: #0f1f26;
}
.atlas-body { font-size: 15px; }
.atlas-brand-copy small,
.atlas-panel-title span,
.atlas-catalog-title span,
.atlas-guides-heading span,
.atlas-market-copy > span,
.atlas-notice-dialog > header span { letter-spacing: 0 !important; }
.atlas-header-inner { align-items: center; }
.atlas-body .atlas-header .atlas-nav a,
.atlas-body .atlas-header .atlas-nav button { font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1; min-height: 46px; padding: 0 15px; }
.atlas-body .atlas-header .atlas-nav a i,
.atlas-body .atlas-header .atlas-nav button i { font-size: 15px; }
.atlas-actions .orbit-login { font-size: 14px !important; }
.atlas-body .atlas-header .orbit-account { align-items: center; display: inline-flex; font-size: 14px; justify-content: center; }
.atlas-announcement-bar > div { font-size: 12px; }
.atlas-announcement-bar button { font-size: 12px; }
.atlas-service-shortcuts { display: none; }
.atlas-body .atlas-store { margin-top: 20px; }
.atlas-category-button { font-size: 14px; }
.atlas-order-link { font-size: 13px; }
.atlas-search input { font-size: 14px; }
.atlas-search-button { font-size: 13px; }
.atlas-list-meta { font-size: 12px; }
.atlas-product-category,.atlas-product-delivery { font-size: 12px; }
.atlas-body .atlas-product-name { font-size: 16px; line-height: 1.5; }
.atlas-price { color: #b86400; font-size: 19px; }
.atlas-price small { font-size: 10px; }
.atlas-body .atlas-buy-button { background: var(--atlas-blue); border-color: var(--atlas-blue); font-size: 13px; min-width: 100px; padding: 10px 13px; }
.atlas-body .atlas-buy-button:hover { background: #174f9d; border-color: #174f9d; }
.atlas-body .atlas-query-input-row .btn-primary,
.atlas-body .btn-primary { background: var(--atlas-blue) !important; border-color: var(--atlas-blue) !important; font-size: 14px; }
.atlas-body .atlas-query-input-row .btn-primary:hover,
.atlas-body .btn-primary:hover { background: #174f9d !important; border-color: #174f9d !important; }
.atlas-buy-form label { font-size: 13px; }
.atlas-buy-form .form-control { font-size: 14px; }
.atlas-buy-form .form-control:focus { border-color: var(--atlas-blue) !important; box-shadow: 0 0 0 3px rgba(36,103,212,.1) !important; }
.atlas-buy-form .sku { font-size: 13px; }
.atlas-buy-form .sku.is-primary { background: var(--atlas-blue-soft) !important; border-color: var(--atlas-blue) !important; color: #174f9d !important; }
.atlas-item-summary-copy h1 { font-size: 27px; }
.atlas-item-meta span { font-size: 12px; }
.atlas-item-order-head > span { font-size: 18px; }
.atlas-section-title h2 { font-size: 21px; }

@media (min-width: 768px) {
  .atlas-header-inner,
  .atlas-announcement-bar > div,
  .atlas-body .atlas-main,
  .atlas-tools-main { margin-left: auto; margin-right: auto; max-width: 1480px !important; padding-left: 0; padding-right: 0; width: calc(100% - 48px) !important; }
}
@media (min-width: 901px) and (max-width: 1120px) {
  .atlas-market-intro { gap: 24px; grid-template-columns: minmax(0,1fr) 400px; padding: 28px; }
  .atlas-market-copy h1 { font-size: 34px; }
}
@media (max-width: 767px) {
  .atlas-body { font-size: 14px; }
  .atlas-header-inner { min-height: 60px; }
  .atlas-logo .orbit-logo-mark { height: 32px; width: 32px; }
  .atlas-brand-copy strong { font-size: 17px; }
  .atlas-actions { gap: 4px; }
  .atlas-actions .orbit-login { align-items: center; color: #31454e !important; display: inline-flex; font-size: 13px !important; min-height: 34px; padding: 0 5px; }
  .atlas-body .atlas-header .orbit-account { font-size: 13px; min-height: 34px; padding: 0 9px; }
  .atlas-menu-toggle { height: 36px; width: 36px; }
  .atlas-service-shortcuts { display: grid; }
  .atlas-body .atlas-store { margin-top: 0; }
  .atlas-market-intro { padding: 19px 16px; }
  .atlas-market-copy h1 { font-size: 26px; line-height: 1.28; margin: 7px 0 9px; }
  .atlas-market-copy p { font-size: 12px; line-height: 1.65; }
  .atlas-market-tags { display: none; }
  .atlas-market-trust { margin-top: 15px; min-height: 72px; }
  .atlas-market-trust > div { min-height: 72px; padding: 8px 4px; }
  .atlas-market-trust i { font-size: 16px; }
  .atlas-market-trust strong { font-size: 10px; }
  .atlas-service-shortcuts { padding: 10px 0 12px; }
  .atlas-service-shortcuts > a,.atlas-service-shortcuts > button { min-height: 56px; padding: 8px 9px; }
  .atlas-service-shortcuts strong { font-size: 10px; }
  .atlas-body .atlas-product-name { font-size: 15px; }
  .atlas-price { font-size: 18px; }
.atlas-body .atlas-buy-button { font-size: 12px; min-width: 88px; padding: 9px 10px; }
.atlas-item-summary-copy h1 { font-size: 20px; }

  .atlas-item-layout { display: flex; flex-direction: column; gap: 10px; }
  .atlas-item-content { background: transparent; border: 0; box-shadow: none; display: contents; }
  .atlas-item-summary { background: #fff; border: 1px solid #d8e1e2; border-radius: 8px; gap: 12px; grid-template-columns: 68px minmax(0,1fr); order: 1; padding: 14px; }
  .atlas-item-cover { height: 68px; }
  .atlas-item-summary-copy h1 { font-size: 18px; line-height: 1.42; margin: 4px 0 8px; }
  .atlas-item-meta { gap: 5px; }
  .atlas-item-meta span { font-size: 10px; padding: 4px 6px; }
  .atlas-item-order { margin-top: 0; order: 2; padding: 15px; }
  .atlas-item-description { background: #fff; border: 1px solid #d8e1e2; border-radius: 8px; order: 3; padding: 17px; }
  .atlas-item-order-head > span { font-size: 17px; }
  .atlas-item-order-head .price { font-size: 22px; }
}

/* Keep account entry points available and legible at every breakpoint. */
.atlas-body .atlas-header .orbit-login,
.atlas-body .atlas-header .orbit-account { text-decoration: none; }
.atlas-body .atlas-header .orbit-login:hover { background: #f0f4f5; border-radius: 7px; color: #174f9d !important; }
@media (max-width: 767px) {
  .atlas-actions .orbit-login { align-items: center; color: #31454e !important; display: inline-flex !important; font-size: 13px !important; min-height: 34px; padding: 0 5px; white-space: nowrap; }
  .atlas-body .atlas-header .orbit-account { align-items: center; display: inline-flex !important; font-size: 13px; justify-content: center; min-height: 34px; padding: 0 9px; white-space: nowrap; }
}