/* ===== ECCM Base ===== */
.eccm{
    --eccm-navy:#152569 !important;
    --eccm-green:#0e9a70 !important;
    --eccm-green-dark:#0b7d5a !important;
    --eccm-green-tint:#e6f6f0 !important;
    --eccm-border:#dde1e7 !important;
    --eccm-text:#222633 !important;
    --eccm-text-soft:#6b7280 !important;
    --eccm-page-bg:#f3f4f6 !important;
    --eccm-card-bg:#ffffff !important;
    --eccm-radius:8px !important;
    --eccm-ctrl-h:36px !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    background:var(--eccm-page-bg) !important;
    color:var(--eccm-text) !important;
    padding:12px 16px !important;
}
.eccm *{box-sizing:border-box !important;}
.eccm-wrap{max-width:1600px !important;height:auto !important;zoom:0.9 !important;margin:0 auto !important;}
@media (min-width:1920px){.eccm-wrap{zoom:1 !important;}}
.eccm header{text-align:center !important;margin-bottom:10px !important;}
.eccm header h1{font-size:24px !important;font-weight:800 !important;color:var(--eccm-navy) !important;margin:0 0 2px !important;letter-spacing:.2px !important;}
.eccm header p{margin:0 !important;color:var(--eccm-text-soft) !important;font-size:14px !important;}
.eccm-card{background:var(--eccm-card-bg) !important;border-radius:14px !important;box-shadow:0 2px 18px rgba(20,30,60,.06) !important;padding:16px !important;}

/* ===== Grid ===== */
.eccm-grid{display:grid !important;grid-template-columns:1fr 1fr 1fr !important;gap:16px !important;align-items:stretch !important;}
.eccm-grid > div{display:flex !important;flex-direction:column !important;}
@media (max-width:900px){.eccm-grid{grid-template-columns:1fr !important;}}
.eccm-field-label{display:flex !important;align-items:center !important;gap:6px !important;font-weight:700 !important;font-size:15px !important;color:var(--eccm-navy) !important;margin-bottom:6px !important;}
.eccm-field-label .eccm-hint{font-weight:500 !important;color:var(--eccm-text-soft) !important;font-size:14.5px !important;}
.eccm-badge{width:20px !important;height:20px !important;border-radius:5px !important;background:var(--eccm-green) !important;color:#fff !important;font-size:14px !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:none !important;}
#eccm-colMiddle, #eccm-colRight{display:flex !important;flex-direction:column !important;gap:12px !important;justify-content:space-between !important;}
.eccm-grid.eccm-paired-mode{grid-template-columns:1fr 2fr !important;}
.eccm-grid.eccm-paired-mode #eccm-colRight{display:none !important;}
.eccm-grid.eccm-paired-mode #eccm-colMiddle{gap:0 !important;justify-content:flex-start !important;}
.eccm-paired-columns{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important;}
.eccm-paired-row{display:grid !important;grid-template-columns:1fr 1fr !important;column-gap:16px !important;row-gap:12px !important;align-items:stretch !important;}
.eccm-paired-row > div{display:flex !important;align-items:stretch !important;min-width:0 !important;}
.eccm-paired-row > div > .eccm-field-group,.eccm-paired-row > div > .eccm-split-row{width:100% !important;}
.eccm-paired-columns .eccm-field-label,.eccm-paired-columns .eccm-field-label .eccm-hint,.eccm-paired-columns .eccm-badge,.eccm-paired-columns .eccm-tab-opt,.eccm-paired-columns .eccm-tag-box,.eccm-paired-columns .eccm-select-box select,.eccm-paired-columns .eccm-size-field label,.eccm-paired-columns .eccm-qty-row .eccm-unit,.eccm-paired-columns .eccm-img-opt__text,.eccm-paired-columns .eccm-style-text,.eccm-paired-columns .eccm-qmark,.eccm-paired-columns .eccm-qmark-after-req{font-weight:500 !important;}
.eccm-paired-row.eccm-first-span-2 > .eccm-mid-cell{grid-row:span 2 !important;}
@media (max-width:900px){
  .eccm-grid.eccm-paired-mode{grid-template-columns:1fr !important;}
  .eccm-paired-row{grid-template-columns:1fr !important;column-gap:0 !important;row-gap:12px !important;}
  .eccm-paired-row.eccm-first-span-2 > .eccm-mid-cell{grid-row:auto !important;}
}

/* ===== Field Group ===== */
.eccm-field-group{margin-bottom:0 !important;}
.eccm-split-row{display:flex !important;gap:14px !important;margin-bottom:0 !important;}
.eccm-split-row .eccm-field-group{flex:1 !important;margin-bottom:0 !important;}
.eccm-split-row > div{display:flex !important;}
.eccm-split-row > div > .eccm-field-group{display:flex !important;flex-direction:column !important;}
.eccm-split-row .eccm-select-box{flex:1 !important;display:flex !important;}
.eccm-split-row .eccm-select-box select{height:auto !important;flex:1 !important;min-height:var(--eccm-ctrl-h) !important;}

/* ===== Type Grid ===== */
.eccm-type-grid{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:1fr 1fr !important;gap:10px !important;flex:1 !important;min-height:0 !important;}
.eccm-type-card{position:relative !important;border:1.5px solid var(--eccm-border) !important;border-radius:8px !important;padding:12px 8px !important;text-align:center !important;cursor:pointer !important;background:#fff !important;transition:border-color .15s, box-shadow .15s !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;min-height:120px !important;height:100% !important;}
.eccm-type-card:hover{border-color:#b7c0cd !important;}
.eccm-type-card.eccm-selected{border-color:var(--eccm-green) !important;box-shadow:0 0 0 1px var(--eccm-green) !important;}
.eccm-type-card svg{width:120px !important;height:120px !important;display:block !important;margin:0 auto 8px !important;}
.eccm-type-card img{width:120px !important;height:120px !important;object-fit:contain !important;display:block !important;margin:0 auto 8px !important;}
.eccm-type-card .eccm-label{font-size:13px !important;font-weight:600 !important;color:#2b2f3a !important;line-height:1.3 !important;}
.eccm-check{position:absolute !important;top:-8px !important;right:-8px !important;width:20px !important;height:20px !important;border-radius:50% !important;background:var(--eccm-green) !important;display:none !important;align-items:center !important;justify-content:center !important;}
.eccm-check svg{width:11px !important;height:11px !important;margin:0 !important;}
.eccm-type-card .eccm-check{top:6px !important;right:6px !important;}
.eccm-type-card.eccm-selected .eccm-check{display:flex !important;}

/* ===== Tag Box ===== */
.eccm .eccm-tag-box{position:relative !important;display:inline-flex !important;align-items:center !important;height:var(--eccm-ctrl-h) !important;min-height:var(--eccm-ctrl-h) !important;max-height:var(--eccm-ctrl-h) !important;line-height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;border:1.5px solid var(--eccm-green) !important;border-radius:6px !important;padding:0 40px 0 14px !important;margin:0 !important;font-size:15px !important;font-weight:500 !important;color:#1f2430 !important;background:#fff !important;width:100% !important;overflow:hidden !important;}
.eccm .eccm-tag-box .eccm-check{top:50% !important;right:10px !important;transform:translateY(-50%) !important;position:absolute !important;display:flex !important;line-height:1 !important;}

/* ===== Select Box ===== */
.eccm .eccm-select-box{position:relative !important;height:var(--eccm-ctrl-h) !important;min-height:var(--eccm-ctrl-h) !important;max-height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;overflow:visible !important;}
.eccm .eccm-select-box select{width:100% !important;height:var(--eccm-ctrl-h) !important;min-height:var(--eccm-ctrl-h) !important;max-height:var(--eccm-ctrl-h) !important;line-height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;border:1.5px solid var(--eccm-border) !important;border-radius:6px !important;padding:0 34px 0 14px !important;margin:0 !important;font-size:16px !important;color:#1f2430 !important;background:#fff !important;cursor:pointer !important;font-family:inherit !important;display:block !important;font-weight:400 !important;}
.eccm .eccm-select-box select:focus{outline:none !important;border-color:var(--eccm-green) !important;}
.eccm .eccm-select-box .eccm-chev{position:absolute !important;right:12px !important;top:50% !important;transform:translateY(-50%) !important;pointer-events:none !important;width:11px !important;height:11px !important;color:#7a8190 !important;line-height:1 !important;}

/* ===== Size ===== */
.eccm-size-row{display:flex !important;gap:12px !important;}
.eccm-size-field{flex:1 !important;}
.eccm .eccm-size-field label{display:block !important;font-size:13px !important;color:var(--eccm-text-soft) !important;margin-bottom:3px !important;line-height:1.2 !important;}
.eccm-size-field input{width:100% !important;height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;border:1.5px solid var(--eccm-border) !important;border-radius:6px !important;padding:0 12px !important;font-size:16px !important;font-family:inherit !important;color:#1f2430 !important;}
.eccm-size-field input::placeholder{color:#9aa0ac !important;}
.eccm-size-field input:focus{outline:none !important;border-color:var(--eccm-green) !important;}

/* ===== Quantity ===== */
.eccm-qty-row{display:flex !important;}
.eccm-qty-row input{flex:1 1 auto !important;height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;border:1.5px solid var(--eccm-border) !important;border-right:none !important;border-radius:6px 0 0 6px !important;padding:0 12px !important;font-size:16px !important;font-family:inherit !important;color:#1f2430 !important;min-width:0 !important;}
.eccm-qty-row input:focus{outline:none !important;border-color:var(--eccm-green) !important;}
.eccm-qty-row .eccm-unit{flex:none !important;background:#eef0f3 !important;border:1.5px solid var(--eccm-border) !important;height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;border-radius:0 6px 6px 0 !important;padding:0 14px !important;font-size:15px !important;font-weight:600 !important;color:#3a3f4b !important;display:flex !important;align-items:center !important;}

/* ===== Question Mark ===== */
.eccm-qmark{width:18px !important;height:18px !important;border-radius:50% !important;border:1.8px solid var(--eccm-green) !important;color:var(--eccm-green) !important;background:#fff !important;font-size:13px !important;font-weight:800 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:none !important;cursor:help !important;margin-left:auto !important;transition:border-color .15s,color .15s,background .15s !important;line-height:1 !important;}
.eccm-qmark:hover{background:var(--eccm-green) !important;color:#fff !important;border-color:var(--eccm-green) !important;}
.eccm-field-label .eccm-qmark{margin-left:4px !important;margin-right:0 !important;width:16px !important;height:16px !important;font-size:12px !important;}

/* ===== Image Select (Single) ===== */
.eccm .eccm-img-select{position:relative !important;}
.eccm .eccm-img-select__head{display:flex !important;align-items:center !important;gap:10px !important;min-height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;border:1.5px solid var(--eccm-border) !important;border-radius:8px !important;padding:8px 12px !important;margin:0 !important;background:#fff !important;cursor:pointer !important;transition:border-color .15s,box-shadow .15s !important;line-height:1.4 !important;}
.eccm .eccm-img-select__head:hover{border-color:#b7c0cd !important;}
.eccm .eccm-img-select.eccm-open .eccm-img-select__head{border-color:var(--eccm-green) !important;box-shadow:0 0 0 1px var(--eccm-green) !important;}
.eccm .eccm-img-select__head .eccm-chev{position:static !important;transform:none !important;width:12px !important;height:12px !important;flex:none !important;color:#7a8190 !important;transition:transform .2s !important;align-self:center !important;line-height:1 !important;}
.eccm-img-select.eccm-open .eccm-img-select__head .eccm-chev{transform:rotate(180deg) !important;}
.eccm-img-select__list{position:absolute !important;top:calc(100% + 4px) !important;left:0 !important;right:0 !important;z-index:30 !important;background:#fff !important;border:1.5px solid var(--eccm-border) !important;border-radius:8px !important;box-shadow:0 8px 24px rgba(20,30,60,.12) !important;overflow:hidden !important;display:none !important;}
.eccm-img-select.eccm-open .eccm-img-select__list{display:block !important;}
.eccm-img-opt{display:flex !important;align-items:center !important;gap:12px !important;}
.eccm-img-select__head .eccm-img-opt{flex:1 !important;min-width:0 !important;}
.eccm-img-select__list .eccm-img-opt{padding:8px 10px !important;cursor:pointer !important;position:relative !important;border-bottom:1px solid #f0f1f4 !important;}
.eccm-img-select__list .eccm-img-opt:last-child{border-bottom:none !important;}
.eccm-img-select__list .eccm-img-opt:hover{background:#f7f8fa !important;}
.eccm-img-select__list .eccm-img-opt.eccm-selected{background:var(--eccm-green-tint) !important;}
.eccm-img-opt__thumb{position:relative !important;width:44px !important;height:44px !important;border-radius:6px !important;flex:none !important;overflow:hidden !important;border:1px solid #e4e7ec !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#fafbfc !important;}
.eccm-img-opt__thumb svg{width:100% !important;height:100% !important;display:block !important;}
.eccm-img-opt__text{font-size:16px !important;font-weight:500 !important;color:#2b2f3a !important;flex:1 !important;min-width:0 !important;}
.eccm-img-select.eccm-single .eccm-img-opt__check{width:18px !important;height:18px !important;flex:none !important;display:none !important;align-items:center !important;justify-content:center !important;color:var(--eccm-green) !important;}
.eccm-img-select.eccm-single .eccm-img-opt.eccm-selected .eccm-img-opt__check{display:flex !important;}
.eccm-img-select.eccm-single .eccm-img-select__head{min-height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;padding:5px 10px !important;}
.eccm-img-select.eccm-single .eccm-img-select__list .eccm-img-opt{gap:10px !important;}
.eccm-img-select.eccm-single .eccm-img-select__list .eccm-img-opt__thumb{width:48px !important;height:48px !important;}
.eccm-img-select.eccm-single .eccm-img-select__head .eccm-img-opt__thumb{width:60px !important;height:60px !important;}

/* Paired columns single img select expand */
.eccm-paired-columns .eccm-field-group:has(> .eccm-img-select.eccm-single){display:flex !important;flex-direction:column !important;}
.eccm-paired-columns .eccm-field-group:has(> .eccm-img-select.eccm-single) > .eccm-field-label{flex:none !important;}
.eccm-paired-columns .eccm-field-group:has(> .eccm-img-select.eccm-single) > .eccm-img-select.eccm-single{flex:1 !important;display:flex !important;flex-direction:column !important;min-height:0 !important;}
.eccm-paired-columns .eccm-img-select.eccm-single > .eccm-img-select__head{flex:1 !important;min-height:0 !important;padding:10px 14px !important;gap:12px !important;align-items:center !important;}
.eccm-paired-columns .eccm-img-select.eccm-single > .eccm-img-select__head .eccm-chev{margin-top:0 !important;margin-left:auto !important;flex:none !important;align-self:center !important;}
.eccm-paired-columns .eccm-img-select.eccm-single > .eccm-img-select__head .eccm-img-opt{align-items:center !important;gap:18px !important;flex:1 !important;min-width:0 !important;height:100% !important;}
.eccm-paired-columns .eccm-img-select.eccm-single > .eccm-img-select__head .eccm-img-opt__thumb{width:90px !important;height:90px !important;flex:none !important;}
.eccm-paired-columns .eccm-img-select.eccm-single > .eccm-img-select__head .eccm-img-opt__text{font-size:17px !important;line-height:1.4 !important;padding-top:0 !important;flex:1 !important;min-width:0 !important;}

/* ===== Multi Image Select (Add-on) ===== */
.eccm-img-select.eccm-multi .eccm-img-select__head{min-height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;}
.eccm-img-select.eccm-multi .eccm-img-select__head .eccm-img-opt__text{white-space:normal !important;word-break:break-word !important;line-height:1.4 !important;}
.eccm-img-select.eccm-multi .eccm-img-select__head .eccm-img-opt{gap:8px !important;flex-wrap:wrap !important;}
.eccm-img-select.eccm-multi .eccm-img-opt__check{width:18px !important;height:18px !important;flex:none !important;display:none !important;align-items:center !important;justify-content:center !important;color:var(--eccm-green) !important;}
.eccm-img-select.eccm-multi .eccm-img-opt.eccm-selected .eccm-img-opt__check{display:flex !important;}
.eccm-addon-tags{display:flex !important;flex-wrap:wrap !important;gap:6px !important;flex:1 !important;min-width:0 !important;align-items:center !important;}
.eccm-addon-placeholder{color:#9aa0ac !important;font-size:16px !important;flex:1 !important;}
.eccm-addon-tag{display:inline-flex !important;align-items:center !important;gap:6px !important;background:var(--eccm-green-tint) !important;color:var(--eccm-green-dark) !important;border-radius:4px !important;padding:3px 8px !important;font-size:14px !important;font-weight:500 !important;}
.eccm-addon-tag__x{cursor:pointer !important;font-size:16px !important;line-height:1 !important;opacity:.7 !important;}
.eccm-addon-tag__x:hover{opacity:1 !important;}

/* ===== Price Bar ===== */
.eccm-price-bar{margin-top:14px !important;background:#F3FEFA !important;border-radius:10px !important;padding:12px 16px !important;display:flex !important;align-items:center !important;gap:14px !important;flex-wrap:wrap !important;}
.eccm-price-block{min-width:150px !important;}
.eccm-price-divider{width:1.5px !important;align-self:stretch !important;background:var(--eccm-border) !important;flex:none !important;margin:2px 4px !important;}
.eccm-price-block .eccm-lbl{font-size:15px !important;color:#3a3f4b !important;margin-bottom:4px !important;}
.eccm-price-block .eccm-val{font-size:22px !important;font-weight:800 !important;color:var(--eccm-green-dark) !important;}
.eccm-price-block .eccm-sub{font-size:13.5px !important;color:var(--eccm-text-soft) !important;margin-top:2px !important;}
.eccm-ready-box{border:1.5px solid var(--eccm-green) !important;background:#fff !important;border-radius:8px !important;padding:8px 14px !important;display:flex !important;align-items:center !important;gap:10px !important;flex:0 1 auto !important;min-width:200px !important;max-width:320px !important;}
.eccm-ready-box .eccm-t1{font-weight:700 !important;color:var(--eccm-green-dark) !important;font-size:16px !important;margin-bottom:2px !important;}
.eccm-ready-box .eccm-t2{font-size:14.5px !important;color:var(--eccm-text-soft) !important;}
.eccm-ready-box .eccm-hand{font-size:28px !important;flex:none !important;}

/* ===== Buttons ===== */
.eccm-btn{border-radius:7px !important;padding:9px 14px !important;font-size:15px !important;font-weight:700 !important;cursor:pointer !important;display:flex !important;align-items:center !important;gap:8px !important;white-space:nowrap !important;font-family:inherit !important;transition:transform .08s, box-shadow .15s !important;border:none !important;}
.eccm-btn:active{transform:scale(.97) !important;}
.eccm-btn-solid{background:var(--eccm-green) !important;color:#fff !important;}
.eccm-btn-solid:hover{background:var(--eccm-green-dark) !important;}
.eccm-btn-outline{background:#fff !important;border:1.5px solid var(--eccm-green) !important;color:var(--eccm-green-dark) !important;}
.eccm-btn-outline:hover{background:var(--eccm-green-tint) !important;}
.eccm-footer-note{text-align:center !important;font-size:13px !important;color:var(--eccm-text-soft) !important;margin-top:10px !important;line-height:1.5 !important;}
@media (max-width:640px){
  .eccm header h1{font-size:30px !important;}
  .eccm-card{padding:20px !important;}
  .eccm-price-bar{padding:16px !important;}
  .eccm-btn{flex:1 !important;justify-content:center !important;}
}

/* ===== Hover Preview ===== */
#eccm-hover-preview{position:fixed !important;z-index:9999 !important;display:none !important;flex-direction:column !important;align-items:center !important;gap:10px !important;background:#fff !important;border-radius:12px !important;padding:16px !important;box-shadow:0 8px 30px rgba(0,0,0,.18) !important;pointer-events:none !important;}
.eccm-hover-preview__img{width:220px !important;height:220px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#fafafa !important;border-radius:10px !important;overflow:hidden !important;}
.eccm-hover-preview__img svg{width:100% !important;height:100% !important;}
.eccm-hover-preview__label{font-size:16px !important;font-weight:600 !important;color:#222 !important;text-align:center !important;}
.eccm-img-select.eccm-multi .eccm-img-select__list .eccm-img-opt__thumb{cursor:zoom-in !important;}

/* ===== Video Modal (preserved) ===== */
.quote-video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10000;align-items:center;justify-content:center;}
.quote-video-modal-content{background:#fff;border-radius:12px;padding:20px;max-width:600px;width:90%;position:relative;}
.quote-video-close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:#666;}
.quote-video-wrapper{width:100%;padding-top:56.25%;position:relative;margin-bottom:15px;}
.quote-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.quote-video-info{display:flex;gap:15px;justify-content:center;}
.quote-qrcode{display:flex;gap:15px;}
.quote-qrcode .wechat,.quote-qrcode .whatsapp{text-align:center;}
.quote-qrcode img{width:120px;height:120px;}
.qr-title{font-size:12px;color:#666;margin-top:5px;}

/* ===== Missing / Required Field Highlight ===== */
.eccm-field-missing .eccm-select-box{border-color:#e04a4a !important;box-shadow:0 0 0 3px rgba(224,74,74,.15) !important;}
.eccm-field-missing .eccm-select-box select{border-color:#e04a4a !important;}
.eccm-field-missing .eccm-tag-box{border-color:#e04a4a !important;box-shadow:0 0 0 3px rgba(224,74,74,.15) !important;}
.eccm-field-missing .eccm-img-select__head{border-color:#e04a4a !important;box-shadow:0 0 0 3px rgba(224,74,74,.15) !important;}
.eccm-field-missing .eccm-img-select{border-color:#e04a4a !important;}
.eccm-size-field.eccm-field-missing input{border-color:#e04a4a !important;box-shadow:0 0 0 3px rgba(224,74,74,.15) !important;background:#fef2f2 !important;}
.eccm-field-missing .eccm-qty-wrap,.eccm-field-missing .eccm-qty-input{border-color:#e04a4a !important;box-shadow:0 0 0 3px rgba(224,74,74,.15) !important;}
.eccm-field-missing .eccm-field-label{color:#e04a4a !important;}
.eccm-field-missing .eccm-field-label .eccm-badge{background:#e04a4a !important;}
@keyframes eccm-shake{0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-4px);}40%,80%{transform:translateX(4px);}}
.eccm-field-missing.eccm-shake{animation:eccm-shake .4s ease;}

/* ===== Material Type text tabs ===== */
.eccm-tabs-row{display:flex !important;gap:12px !important;}
.eccm-tab-opt{position:relative !important;flex:1 1 0% !important;min-height:var(--eccm-ctrl-h) !important;box-sizing:border-box !important;border:1.5px solid var(--eccm-border) !important;border-radius:6px !important;padding:0 36px 0 14px !important;font-size:15px !important;font-weight:500 !important;color:#2b2f3a !important;cursor:pointer !important;text-align:left !important;background:#fff !important;display:flex !important;align-items:center !important;transition:border-color .15s,background .15s !important;}
.eccm-tab-opt:hover{border-color:#b7c0cd !important;background:var(--eccm-green-tint) !important;}
.eccm-tab-opt.eccm-selected{border-color:var(--eccm-green) !important;background:var(--eccm-green-tint) !important;color:#1f2430 !important;}
.eccm-tab-opt .eccm-check{display:none !important;position:absolute !important;top:50% !important;right:10px !important;transform:translateY(-50%) !important;width:16px !important;height:16px !important;border-radius:50% !important;background:var(--eccm-green) !important;align-items:center !important;justify-content:center !important;}
.eccm-tab-opt.eccm-selected .eccm-check{display:flex !important;}
.eccm-tab-opt .eccm-check svg{width:12px !important;height:12px !important;}
.eccm-select-box select option:disabled{display:none !important;}

/* paper bag page: match quote-paper-bag proportions */
.eccm-paper-bag .eccm-card{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;}
.eccm-paper-bag #eccm-testQuoteBtn{display:none !important;}
.eccm-qmark[data-tip-url]{cursor:pointer !important;}
.eccm-status-qty-row .eccm-status-cell,.eccm-status-qty-row .eccm-qty-cell{display:flex !important;min-width:0 !important;}
.eccm-status-qty-row.eccm-status-hidden .eccm-status-cell{display:none !important;}
.eccm-status-qty-row.eccm-status-hidden .eccm-qty-cell{grid-column:1 !important;}
.eccm-img-select.eccm-drop-up .eccm-img-select__list{top:auto !important;bottom:calc(100% + 4px) !important;}
.eccm-img-select__list{max-height:60vh !important;overflow-y:auto !important;z-index:1000 !important;}
.eccm-status-qty-row .eccm-qty-cell .eccm-field-group{max-width:300px !important;}
.eccm-status-qty-row .eccm-qty-row{max-width:300px !important;}
.eccm-img-select.eccm-open{z-index:2000 !important;}
.eccm-paper-bag .eccm-type-grid{grid-template-rows:171px 171px !important;align-content:start !important;}
.eccm-paper-bag .eccm-type-card{height:171px !important;min-height:171px !important;}
.eccm-img-select.eccm-open{position:relative !important;z-index:3000 !important;}
.eccm-img-select__list{z-index:3000 !important;}
.eccm-price-bar{position:relative !important;z-index:1 !important;}
.eccm-split-row.eccm-duo-row{display:flex !important;gap:16px !important;}
.eccm-img-select.eccm-single .eccm-img-select__head img,.eccm-img-select.eccm-single .eccm-img-select__list .eccm-img-opt img{object-fit:contain !important;background:#fff !important;}
.eccm-paper-bag .eccm-qty-row{max-width:50% !important;width:50% !important;}