/* Loaded only with the sixconsole client-area theme. Navigation is provided by
   its native Vue components; cart configuration and submission stay in sixcart. */
.sixcart-console {--sixcart-side-gap:200px;}
html.sixconsole .sixcart-console > .el-container {padding-top:48px;}
html.sixconsole .sixcart-console > .el-container > .el-aside + .el-container {
  margin-left:var(--sixcart-side-gap);width:calc(100% - var(--sixcart-side-gap));min-width:0;
}
html.sixconsole body .sixcart-console > .el-container > .el-container > .el-main {
  width:100%;max-width:1480px;margin:0 auto!important;padding:20px 24px 32px!important;
}
.sixcart-console .kk-config-dock {
  width:calc(var(--sixcart-viewport-width,100vw) - var(--sixcart-side-gap));
}
.sixcart-console .kk-config-dock.is-fixed {left:var(--sixcart-side-gap);}
.sixcart-console .kk-dock-inner {width:100%;padding:0 24px;}
html.sixconsole .sixcart-console > .el-container > .el-container > .el-footer {
  left:var(--sixcart-side-gap);right:0;width:calc(100% - var(--sixcart-side-gap))!important;
}
.sixcart-console .goodsInfo-price {white-space:nowrap;flex-shrink:0;}
:is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goods-box {padding-bottom:calc(var(--sixcart-footer-height,140px) + 24px);}
/* Keep cards and summary usable within the remaining content width. */
@media(min-width:1101px) and (max-width:1450px) {
  .sixcart-console .kk-line-options {grid-template-columns:repeat(2,minmax(0,350px));}
  .sixcart-console .kk-config-summary dl {grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* Same breakpoint as sixconsole's native drawer navigation. */
@media(max-width:1100px) {
  .sixcart-console {--sixcart-side-gap:0px;}
}
@media(max-width:760px) {
  html.sixconsole body .sixcart-console > .el-container > .el-container > .el-main {
    padding:16px 12px 24px!important;
  }
  .sixcart-console .kk-dock-inner {padding:0 12px;}
  /* sixconsole uses a 50px rem base on phones. Keep cart text and controls in
     readable pixel sizes; scroll the table instead of shrinking its contents. */
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goods-info,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goodsInfo-price,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goodsInfo-type,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goodsInfo-name,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goodsInfo-val,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .item-price,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .item-total,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .all-check .el-checkbox__label {
    font-size:14px;line-height:22px;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .qty-num,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .qty-tips,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .discount-box,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .discount-codeNumber,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .cash-codeNumber,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .original-price {
    font-size:12px;line-height:20px;height:auto;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goods-info {gap:12px;margin-bottom:10px;}
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .delete-btn,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .edit-goods,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .delect-btn,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .el-checkbox {
    display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:14px;line-height:22px;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .delete-btn {justify-content:center;font-size:18px;}
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goods-table .el-input-number {width:160px;line-height:42px;}
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goods-table .el-input-number .el-input__inner {
    height:44px!important;line-height:42px!important;padding-left:44px;padding-right:44px;font-size:14px!important;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goods-table .el-input-number__increase,
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .goods-table .el-input-number__decrease {
    width:44px;line-height:42px;font-size:14px;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .buy-btn {min-height:44px;}
  html.sixconsole :is(.sixcart-console, .sixcart-guest) > .el-container > .el-container > .el-footer {
    height:auto!important;min-height:0!important;padding:12px 15px calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .footer-box {
    display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;gap:8px;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .footer-left {
    display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .footer-right {
    display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;width:100%;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .footer-right > p {margin:0;}
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .footer-right .buy-btn {margin:0;flex-shrink:0;}
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .btn-box {
    display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0;gap:8px;
  }
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .btn-box .buy-btn {align-self:flex-end;}
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .check-box {margin:0;white-space:normal;line-height:22px;text-align:left;font-size:14px;}
  :is(.sixcart-console, .sixcart-guest):not(.sixcart-catalog) .check-box .el-checkbox {vertical-align:middle;margin-right:4px;}
}