/* Purchase presentation shared by console and guest catalog routes. Business
   selection/quote/stock data remains owned by the existing Vue components. */
.sixcart-catalog[data-six-visual]{background:var(--kk-bg);color:var(--kk-text);font-family:var(--kk-font)}
.sixcart-catalog[data-six-visual] .main-content-box{background:#fff;border:1px solid var(--kk-line);border-radius:var(--kk-radius)}
.sixcart-catalog[data-six-visual] :is(.kk-type-card,.kk-line-card,.kk-physical-type-card,.kk-config-cards>button){background:#fff;border-color:var(--kk-line);border-radius:var(--kk-radius);color:var(--kk-text);box-shadow:none}
.sixcart-catalog[data-six-visual] :is(.kk-type-card.active,.kk-line-card.active,.kk-physical-type-card.active,.kk-config-cards>button.active){background:var(--kk-soft);border-color:var(--kk-primary);color:var(--kk-primary);box-shadow:inset 0 0 0 1px var(--kk-primary)}
.sixcart-catalog[data-six-visual] :is(.kk-type-card.active>span,.kk-line-card.active .kk-line-desc,.kk-line-card.active .kk-line-meta,.kk-line-card.active .kk-line-price,.kk-physical-type-card.active>span,.kk-config-cards>button.active small){color:var(--kk-secondary)}
.sixcart-catalog[data-six-visual] .kk-line-card.active .kk-managed-icon{color:var(--kk-primary)}
.sixcart-catalog[data-six-visual] :is(.kk-category-options>button,.kk-manual-choices button,.kk-config-choices>button,.kk-image-groups button){border:1px solid var(--kk-line);border-radius:var(--kk-control-radius);background:#fff;color:var(--kk-secondary)}
.sixcart-catalog[data-six-visual] :is(.kk-category-options>button.active,.kk-manual-choices button.active,.kk-config-choices>button.active,.kk-image-groups button.active){border-color:var(--kk-primary);background:var(--kk-soft);color:var(--kk-primary)}
.sixcart-catalog[data-six-visual] .kk-physical-directory button.active small{color:var(--kk-secondary)}
.sixcart-catalog[data-six-visual] :is(.kk-choice-row button,.kk-config-choices>button):not(:disabled):not(.active):hover{border-color:var(--kk-primary);color:var(--kk-primary);background-color:#f8faff}
.sixcart-catalog[data-six-visual] button:focus-visible{outline:2px solid var(--kk-primary);outline-offset:3px}
.sixcart-catalog[data-six-visual] :is(.kk-line-card.is-soldout,.kk-config-choices>button.is-sold-out,.kk-choice-row button:disabled){color:#8a95a5;background:#f3f5f8;border-color:var(--kk-line);box-shadow:none;cursor:not-allowed}
.sixcart-catalog[data-six-visual] :is(.kk-line-desc,.kk-line-meta,.kk-config-help,.kk-category-desc){color:var(--kk-muted)}
.sixcart-catalog[data-six-visual] :is(.kk-choice-row h2,.kk-config-section>h2){color:var(--kk-text);font-size:16px;font-weight:600}
.sixcart-catalog[data-six-visual] :is(.kk-manual-price,.kk-config-price>strong,.kk-line-price){color:var(--kk-text);font-variant-numeric:tabular-nums}
.sixcart-catalog[data-six-visual] .kk-line-price{font-size:13px}
/* Promotions keep their labels and configured category, with quiet tinted badges. */
.sixcart-catalog[data-six-visual] .kk-recommend{background:#fff6e5;color:#946200;border:1px solid #efdab4;border-radius:0 var(--kk-control-radius) 0 var(--kk-control-radius);font-size:12px;line-height:18px;max-width:90%;overflow-wrap:anywhere}
.sixcart-catalog[data-six-visual] .kk-recommend.kk-badge-purple{background:#f4efff;color:#7450a6;border-color:#ddd1ee}
.sixcart-catalog[data-six-visual] .kk-recommend.kk-badge-red{background:#fff0f0;color:#ad4a50;border-color:#efcacc}
.sixcart-catalog[data-six-visual] .kk-recommend.kk-badge-blue{background:#eef3ff;color:var(--kk-primary);border-color:#cbd7f5}
.sixcart-catalog[data-six-visual] .kk-line-tags>span,
.sixcart-catalog[data-six-visual] .kk-line-card.active .kk-line-tags>span{background:#f5f7fa;color:#58677c;border-color:#dce3ed;border-radius:4px;line-height:18px;padding:0 6px}
.sixcart-catalog[data-six-visual] :is(.kk-line-tags,.kk-directory-tags) .kk-tag-green{color:#297b65;border-color:#b9dfd2;background:#eff8f4}
.sixcart-catalog[data-six-visual] :is(.kk-line-tags,.kk-directory-tags) .kk-tag-orange{color:#946200;border-color:#ead7b6;background:#fff7e9}
.sixcart-catalog[data-six-visual] :is(.kk-price-discount,.kk-fee-summary dd){color:var(--kk-promotion)}
.sixcart-catalog[data-six-visual] .kk-price-detail{color:var(--kk-secondary);background:#fff;border:1px solid var(--kk-line);border-radius:var(--kk-control-radius);min-height:30px;padding:4px 8px}
.sixcart-catalog[data-six-visual] .kk-config-price>strong{font-weight:600}
.sixcart-catalog[data-six-visual] .kk-purchase-buttons{gap:12px}
.sixcart-catalog[data-six-visual] .kk-purchase-buttons button{border-radius:var(--kk-control-radius);font:14px/20px var(--kk-font);min-height:44px;padding:10px 16px}
.sixcart-catalog[data-six-visual] .kk-purchase-buttons .kk-buy{color:#fff;background:var(--kk-primary);border:1px solid var(--kk-primary)}
.sixcart-catalog[data-six-visual] .kk-purchase-buttons .kk-buy:not(:disabled):hover{background:var(--kk-primary-hover);border-color:var(--kk-primary-hover)}
.sixcart-catalog[data-six-visual] .kk-purchase-buttons .kk-buy:not(:disabled):active{background:var(--kk-primary-active);border-color:var(--kk-primary-active)}
.sixcart-catalog[data-six-visual] .kk-purchase-buttons .kk-add-cart{color:var(--kk-secondary);background:#fff;border:1px solid var(--kk-line)}
.sixcart-catalog[data-six-visual] .kk-purchase-buttons .kk-add-cart:not(:disabled):hover{color:var(--kk-primary);border-color:var(--kk-primary);background:var(--kk-soft)}
.sixcart-catalog[data-six-visual] .kk-purchase-buttons button:disabled{opacity:1;background:#f3f5f8;color:#9ba5b5;border-color:var(--kk-line);cursor:not-allowed}
.sixcart-catalog[data-six-visual] .kk-config-dock{border-top:1px solid var(--kk-line);padding-bottom:env(safe-area-inset-bottom,0px)}
.sixcart-catalog[data-six-visual] .kk-config-summary{max-height:calc(100dvh - 190px);border-color:var(--kk-line)}
/* Element appends this popover to body, outside the catalog root. */
.kk-fee-popover{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border-color:var(--kk-line);border-radius:var(--kk-radius);color:var(--kk-text);font-family:var(--kk-font)}
.kk-fee-popover .kk-fee-summary dd{color:var(--kk-promotion)}
.kk-fee-popover .kk-fee-summary .kk-fee-payable{color:var(--kk-text)}
.kk-fee-popover .kk-fee-fold{color:#946200;background:#fff7e9;border-color:#ead7b6}
@media(max-width:1023px){
 .sixcart-catalog[data-six-visual] .kk-purchase-buttons{gap:8px}
 .sixcart-catalog[data-six-visual] .kk-purchase-buttons .kk-buy{flex:1.35;order:2}
 .sixcart-catalog[data-six-visual] .kk-purchase-buttons .kk-add-cart{flex:1;order:1}
 .sixcart-catalog[data-six-visual] .kk-price-detail{min-height:36px}
 .sixcart-catalog[data-six-visual] .kk-config-price{padding-right:52px}
 .sixcart-catalog[data-six-visual] .kk-config-control .el-input__inner{font-size:16px}
}

/* Selected cards use a pale surface: do not inherit the legacy white tag text. */
.sixcart-catalog[data-six-visual] .kk-physical-directory button.active .kk-directory-tags i{color:#1755a5;border-color:#b9cef3;background:#f3f7ff}
.sixcart-catalog[data-six-visual] .kk-physical-directory button.active .kk-directory-tags .kk-tag-green{color:#297b65;border-color:#b9dfd2;background:#eff8f4}
.sixcart-catalog[data-six-visual] .kk-physical-directory button.active .kk-directory-tags .kk-tag-orange{color:#946200;border-color:#ead7b6;background:#fff7e9}
.sixcart-catalog[data-six-visual] .kk-physical-directory button.active .kk-directory-tags .kk-tag-gray{color:#58677c;border-color:#dce3ed;background:#f5f7fa}