/* CloudSelect desktop cart and order layouts, aligned with the home page. */
.cs-desktop-header, .cs-desktop-intro { display:none; }
@media (min-width:821px) {
  .cs-unified .cs-page-nav a[href$="category.php"] { display:none; }
  body.cs-unified { padding:0 0 48px !important; background:var(--cs-bg) !important; color:var(--cs-ink) !important; }
  .cs-unified .cs-page-header, .cs-unified .cs-page-nav { display:none !important; }
  .cs-unified .cs-desktop-header { display:block; }
  .cs-unified .cs-desktop-header a { text-decoration:none; }
  .cs-unified .cs-top-actions [aria-current="page"], .cs-unified .cs-top-actions [aria-current="page"] i { color:var(--cs-blue); }
  .cs-unified .cs-desktop-intro { width:min(1388px,calc(100% - 48px)); margin:28px auto 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
  .cs-breadcrumb { display:flex; gap:10px; color:var(--cs-muted); font-size:12px; margin-bottom:12px; }
  .cs-unified .cs-desktop-intro h1 { margin:0 0 8px; font-size:28px; font-weight:700; line-height:1.3; color:var(--cs-ink); }
  .cs-desktop-intro h1 .CartCount { margin-left:10px; font-size:18px; color:var(--cs-blue); }
  .cs-unified .cs-desktop-intro p { margin:0; color:var(--cs-muted); font-size:14px; }
  .cs-continue-shopping { display:flex; align-items:center; gap:8px; padding:11px 20px; border:1px solid var(--cs-line); border-radius:12px; background:#fff; color:var(--cs-blue); }
  .cs-continue-shopping:hover { border-color:var(--cs-blue); }
  .cs-page-user #body, .cs-page-user > .fui-page, .cs-page-messages > .fui-page { width:min(1388px,calc(100% - 48px)) !important; max-width:none !important; margin:auto !important; }
  .cs-page-user #body > .fui-page { max-width:none !important; }
  .cs-page-user .wrapper, .cs-page-messages .wrapper { max-width:none !important; padding:0; }
  .cs-page-user .member-page, .cs-page-messages .member-page { margin:0 !important; padding:0; }
  .cs-page-user .dashboard-header-compact { padding:28px; min-height:128px; }
  .cs-page-user .user-avatar-compact { width:64px; height:64px; border-color:var(--cs-blue-soft); }
  .cs-page-user .user-name-compact { font-size:24px; }
  .cs-page-user .balance-amount-compact { font-size:28px; color:var(--cs-blue); }
  .cs-page-user .quick-actions-compact { grid-template-columns:repeat(4,minmax(0,1fr)); padding:24px; gap:16px; }
  .cs-page-user .quick-action-compact { padding:20px; border-color:var(--cs-line); border-radius:12px; }
  .cs-page-user .action-icon { background:var(--cs-blue-soft); }
  .cs-page-user .action-icon i, .cs-page-user .stat-value-horizontal { color:var(--cs-blue); }
  .cs-page-user .stat-label-horizontal { font-size:13px; }
  .cs-page-user .stats-horizontal { padding:20px; }
  .cs-page-user .row-compact { gap:24px; }
  .cs-page-user .panel-heading, .cs-page-messages .panel-heading { padding:18px 24px; background:#fafbff !important; }
  .cs-page-user .panel-title, .cs-page-user .panel-title i { color:var(--cs-ink) !important; }
  .cs-page-user .info-item-compact { padding:14px 24px; }
  .cs-page-user .announcement-compact { padding:24px; }
  .cs-page-user .member-page:has(> .fui-cell-group) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .cs-page-user .member-page > div:has(> .member_header) { grid-column:1 / -1; height:220px !important; border-radius:16px; }
  .cs-page-user .headinfo { height:100%; display:flex; align-items:center; justify-content:space-around; padding:24px; }
  .cs-page-user .member-page > .fui-cell-group { margin:0 !important; }
  .cs-page-user .fui-icon-group { display:flex; flex-wrap:wrap; padding:16px; }
  .cs-page-user .fui-icon-group .fui-icon-col { float:none; flex:1 1 100px; width:auto; padding:16px 8px; }
  .cs-page-user .member-page > .footer { grid-column:1 / -1; }
  .cs-page-user .cover-img { display:none; }
  .cs-page-messages .wrapper > .col-sm-12 { float:none; width:100%; padding:0; }
  .cs-page-messages .panel-body, .cs-page-messages .well { padding:18px 24px; }
  .cs-page-messages .well { border:0; box-shadow:none; border-radius:0; background:var(--cs-blue-soft); color:var(--cs-muted); }
  .cs-page-messages .table { margin:0; font-size:14px; }
  .cs-page-messages .table-responsive { height:auto; max-height:none; overflow:visible; }
  .cs-page-messages .panel .btn { width:auto; min-width:0; margin:0; }
  .cs-page-messages .table > thead > tr > th, .cs-page-messages .table > tbody > tr > td { padding:18px 24px; vertical-align:middle; border-color:var(--cs-line); }
  .cs-page-messages .table th:nth-child(2), .cs-page-messages .table td:nth-child(2) { width:50%; overflow-wrap:anywhere; }
  .cs-page-messages .table .btn { padding:7px 16px; border-radius:8px; background:var(--cs-blue-soft); color:var(--cs-blue) !important; border:0; }

  .cs-page-cart .gwcbox { width:min(1388px,calc(100% - 48px)); margin:auto; }
  .cs-page-cart .kbox { display:none; }
  .cs-page-cart .gwcbox_1 { border:1px solid var(--cs-line); border-radius:16px; background:#fff; overflow:hidden; box-shadow:var(--cs-shadow); }
  .cs-page-cart .gwcbox_1 .gwc1_1 { display:flex; align-items:center; gap:16px; height:60px; padding:18px 24px; background:#fafbff; border-bottom:1px solid var(--cs-line); }
  .cs-page-cart .gwcbox_1 .gwc1_1 .g1 { float:none; width:20px; height:20px; padding:0; flex-shrink:0; }
  .cs-page-cart .gwcbox_1 .gwc1_1 .g2 { float:none; width:auto; height:auto; }
  .cs-page-cart .gwcbox_1 .gwc1_1 .g2 span { float:none; max-width:none; height:auto; line-height:24px; font-size:14px; font-weight:600; color:var(--cs-ink); }
  .cs-page-cart .gwc1_1 .g2 img { display:none; }
  .cs-page-cart .gwcbox_1 .gwc1_2 { padding:0 24px; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone { display:grid; grid-template-columns:20px 88px minmax(0,1fr); gap:20px; align-items:center; height:auto; min-height:136px; padding:24px 0; overflow:visible; border-color:var(--cs-line); }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go1 { float:none; width:20px; height:20px; padding:0; margin:0; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go2 { float:none; width:88px; height:88px; padding:0; border-radius:12px; background:var(--cs-bg); }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go2 img { width:88px; height:88px; object-fit:contain; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 { min-width:0; height:auto; display:grid; grid-template-columns:minmax(0,1fr) 180px; column-gap:32px; row-gap:10px; align-items:center; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 { height:auto; overflow:visible; grid-column:1; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 .p1 { float:none; width:auto; white-space:normal; overflow-wrap:anywhere; font-size:16px; font-weight:600; color:var(--cs-ink); margin:0; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 .p2 { display:none; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2 { grid-column:1; display:flex; align-items:center; gap:24px; height:auto; padding:0; overflow:visible; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2 .p3 { float:none; flex:1; width:auto; margin:0; white-space:normal; overflow-wrap:anywhere; font-size:13px; color:var(--cs-muted); }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2 .p4 { float:none; margin:0; white-space:nowrap; font-size:20px; font-weight:700; color:var(--cs-red); }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 { grid-column:2; grid-row:1 / 3; display:flex; align-items:center; gap:0; height:auto; padding:0; overflow:visible; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 :is(.num1,.num2,.num3) { float:none; width:34px; height:34px; line-height:32px; border:1px solid var(--cs-line); background:#f8f9ff; color:var(--cs-ink); font-size:14px; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num1 { border-radius:8px 0 0 8px; cursor:pointer; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num2 { width:44px; border-left:0; border-right:0; background:#fff; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num3 { border-radius:0 8px 8px 0; cursor:pointer; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .del { float:none; margin-left:auto; padding:8px; cursor:pointer; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .del img { height:18px; margin:0; }
  .cs-page-cart .gwccheck { cursor:pointer; background-image:none; background:#fff; border:1px solid #cbd2e6; border-radius:6px; }
  .cs-page-cart .gwccheck.on { background-image:none; background:var(--cs-blue); border-color:var(--cs-blue); }
  .cs-page-cart .gwccheck.on::after { content:""; display:block; width:6px; height:11px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); margin:2px auto; }
  .cs-page-cart .hejiBox { position:sticky; bottom:20px; width:100%; max-width:none; margin:16px 0 32px; border-radius:14px; z-index:80; box-shadow:var(--cs-shadow); }
  .cs-page-cart .hejiBox .heji { position:static; display:flex; align-items:center; gap:14px; height:80px; width:100%; max-width:none; padding:16px 24px; border:1px solid var(--cs-line); border-radius:14px; }
  .cs-page-cart .hejiBox .heji .heji_1 { float:none; width:20px; height:20px; padding:0; }
  .cs-page-cart .hejiBox .heji .heji_2 { float:none; padding:0; line-height:24px; font-size:14px; }
  .cs-page-cart .hejiBox .heji .heji_3 { float:none; padding:0; margin-left:auto; }
  .cs-page-cart .hejiBox .heji .heji_3 p { font-size:14px; color:var(--cs-muted); margin:0; }
  .cs-page-cart .hejiBox .heji .heji_3 p span { font-size:24px; color:var(--cs-red); font-weight:700; margin-left:8px; }
  .cs-page-cart .hejiBox .heji .heji_5 { float:none; width:auto; height:46px; margin-left:14px; }
  .cs-page-cart .hejiBox .heji .heji_5 a { width:auto; min-width:156px; height:46px; padding:0 24px; line-height:46px; border-radius:10px; background:var(--cs-blue); font-size:15px; }
  .cs-page-cart .likebox { padding:24px !important; margin-top:24px; border:1px solid var(--cs-line); border-radius:16px; background:#fff; }
  .cs-page-cart .likeTit { display:flex; align-items:center; height:auto; padding:0 0 20px; border:0; }
  .cs-page-cart .likeTit span { font-size:18px; font-weight:600; color:var(--cs-ink); line-height:24px; height:auto; }
  .cs-page-cart #GoodsRound { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
  .cs-page-cart #GoodsRound .price { height:auto; padding:8px 10px 14px; font-size:18px; font-weight:700; }
  .cs-page-cart .paysuccess { padding:48px 24px; text-align:center; }
  .cs-page-cart .pay30 { padding:0; }
  .cs-page-cart .pay30 img { width:160px; }
  .cs-page-cart .pay30 p { text-align:center; font-size:16px; margin:20px 0; }
  .cs-page-cart .pay40 a { display:inline-block; padding:0 28px; width:auto; line-height:42px; height:42px; background:var(--cs-blue); border-radius:10px; color:#fff; }

  .cs-page-orders #body, .cs-page-orders .fui-page-group { width:min(1388px,calc(100% - 48px)) !important; max-width:none !important; }
  .cs-page-orders .fui-page-group { width:100% !important; }
  .cs-page-orders .fui-page-group > .layui-row > .layui-card { background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible; }
  .cs-page-orders .fui-searchbar { display:flex; align-items:center; gap:24px; padding:20px 24px; }
  .cs-page-orders .fui-searchbar .searchbar { flex:1; padding:0 !important; display:flex; gap:12px; height:42px; }
  .cs-page-orders .fui-searchbar .search-input { order:-1; flex:1; position:relative; margin:0 !important; height:42px; border:1px solid var(--cs-line) !important; border-radius:10px; background:#f8f9ff; }
  .cs-page-orders .fui-searchbar .search-input input { width:100%; height:40px; font-size:14px; background:transparent; }
  .cs-page-orders .fui-searchbar .search-input i { top:11px; }
  .cs-page-orders .fui-searchbar .searchbtn { position:static; display:block; width:76px; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; border:0; cursor:pointer; }
  .cs-page-orders .date-filter-row { padding:0 !important; flex:0 1 600px; flex-wrap:nowrap; gap:10px !important; }
  .cs-page-orders .date-filter-row input, .cs-page-orders .date-filter-row button { height:42px !important; border-radius:8px !important; font-size:13px !important; }
  .cs-page-orders .fui-tab { display:flex; align-items:center; justify-content:flex-start; height:60px; padding:0 24px; gap:32px; }
  .cs-page-orders .fui-tab a { flex:none; width:auto; height:60px; line-height:60px; font-size:14px; padding:0 12px; cursor:pointer; }
  .cs-page-orders .fui-page-group > .layui-row > .layui-card > .layui-card-body { padding:0 !important; }
  .cs-page-orders #order_all > .qt-card { margin-bottom:16px !important; box-shadow:var(--cs-shadow) !important; }
  .cs-page-orders .qt-card > .layui-card-header { display:flex; align-items:center; height:52px; padding:0 24px; background:#fafbff !important; }
  .cs-page-orders .qt-card > .layui-card-header p { margin:0; font-size:15px; font-weight:600; }
  .cs-page-orders .qt-card > .layui-card-header .layui-layout-right { position:static; width:auto !important; margin-left:auto; font-size:13px; }
  .cs-page-orders .qt-card > .layui-card-body { padding:24px; }
  .cs-page-orders .qt-card .layui-row { display:grid; grid-template-columns:88px minmax(0,1fr) 180px; gap:24px; align-items:center; margin:0; }
  .cs-page-orders .qt-card .layui-row::before, .cs-page-orders .qt-card .layui-row::after { display:none; }
  .cs-page-orders .qt-card .layui-col-xs4, .cs-page-orders .qt-card .layui-col-xs8 { float:none; width:auto; padding:0; }
  .cs-page-orders .qt-card .layui-col-xs8 { font-size:14px !important; line-height:1.9; font-family:inherit !important; color:var(--cs-muted) !important; overflow-wrap:anywhere; }
  .cs-page-orders .qt-card img { width:88px; height:88px; object-fit:contain; border-radius:12px; box-shadow:none; background:var(--cs-bg); }
  .cs-page-orders .qt-card .showorders { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; padding:0; }
  .cs-page-orders .qt-card .showorders button { height:38px; margin:0; padding:0 18px; font-size:13px; border-radius:8px; }
  .cs-page-orders .pagination-bar { padding:20px; box-shadow:none; border:1px solid var(--cs-line); }
  .cs-page-orders .pagination-bar .page-info b { color:var(--cs-blue); }
  .cs-page-orders .content-empty { padding:80px 24px !important; border:1px solid var(--cs-line); }
  .cs-page-orders .elevator_item { position:static; width:auto; margin:0 0 16px; }
  .cs-page-orders .elevator_item .feedback { display:inline-block; width:auto; height:auto; padding:8px 16px; line-height:24px; background:var(--cs-blue-soft) !important; color:var(--cs-blue) !important; border-radius:8px; cursor:pointer; }
  .cs-page-orders .elevator_item br { display:none; }
}
@media (min-width:821px) and (max-width:1180px) {
  .cs-page-user .quick-actions-compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cs-page-user .row-compact { grid-template-columns:1fr; }
  .cs-unified .cs-desktop-header .cs-header-inner { gap:18px; }
  .cs-unified .cs-desktop-header .cs-brand { flex-basis:180px; }
  .cs-unified .cs-desktop-header .cs-header-inner > .cs-search { min-width:160px; }
  .cs-unified .cs-desktop-header .cs-account small { display:none; }
  .cs-page-orders .fui-searchbar { flex-wrap:wrap; gap:16px; }
  .cs-page-orders .fui-searchbar .searchbar, .cs-page-orders .date-filter-row { flex-basis:100%; }
  .cs-page-orders .qt-card .layui-row { grid-template-columns:80px minmax(0,1fr) 140px; gap:16px; }
  .cs-page-cart .gwcbox_1 .gwc1_2 .gwcone .go3 { column-gap:20px; grid-template-columns:minmax(0,1fr) 160px; }
}