/* Shared controls belong to the stylesheet loaded by all three styles. */
#zigbang_wrap .detail-media-unavailable{display:inline-flex;max-width:100%;box-sizing:border-box;align-items:center;margin:4px 0;padding:7px 12px;border:1px solid #e0e4e9;border-radius:2px;background:#f5f7fa;color:#697582;font-size:12px;font-weight:400;line-height:1.5;vertical-align:middle}
#zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-one,.detail-style-two,.detail-style-three) .d1-admin .file_wrap label{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 4px!important;float:none!important;line-height:1.2!important;white-space:nowrap!important;word-break:keep-all!important;overflow:hidden!important;text-overflow:clip!important}

/* All three detail presentations keep values/units together, including narrow modals. */
#zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-one,.detail-style-two,.detail-style-three) .info_price .d1-price-amount{display:block;max-width:100%;white-space:nowrap;font-size:var(--detail-amount-size,32px)!important;line-height:1.2}
#zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-one,.detail-style-two,.detail-style-three) .info_price .d1-price-amount :is(.price_span,.price_num){font-size:inherit!important;white-space:nowrap}
#zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-one,.detail-style-two,.detail-style-three) .info_price .d1-price-amount .m-r-xs:not(.price_span){font-size:.65em!important;white-space:nowrap}

/* Legacy layouts used fixed desktop widths even inside smaller windows/modals. */
.itemList .container.item_view{max-width:100%!important;box-sizing:border-box}
.item_view_wrap .viewWrap{max-width:100%!important;box-sizing:border-box}
@media(min-width:992px){
 .itemList .container.item_view>.row{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}
 .itemList .container.item_view>.row>.item_left{flex:1 1 0;min-width:0;width:auto!important}
 .itemList .container.item_view>.row>.item_right{flex:0 0 auto;max-width:40%;min-width:0}
}
@media(max-width:991px){
 .itemList .container.item_view>.row>.item_left,.itemList .container.item_view>.row>.item_right{width:100%!important;max-width:100%;min-width:0;margin-right:0}
}

/* The adapter now supplies a real label; the old pseudo-label duplicated it. */
#zigbang_wrap#zigbang_wrap#zigbang_wrap.detail-style-three .d2-actions .btn.customerView.d2-labeled-action::after{content:none!important;display:none!important}

#zigbang_wrap#zigbang_wrap#zigbang_wrap .info_price .d1-price-note{display:block;margin-top:4px;font-size:12px;line-height:1.4;white-space:normal}

@media screen and (max-width:899px){
 #zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-two,.detail-style-three) .d2-price-card .info_price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-two,.detail-style-three) .d2-price-card .info_price .price_manager_box{grid-column:1/-1}
 #zigbang_wrap#zigbang_wrap#zigbang_wrap.detail-style-one .d1-hero .info_price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;overflow:visible}
 #zigbang_wrap#zigbang_wrap#zigbang_wrap.detail-style-one .d1-hero .info_price .d1-price{min-width:0;max-width:100%}
}
@container tplx-detail-panel (max-width:899px){
 #zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-two,.detail-style-three) .d2-price-card .info_price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-two,.detail-style-three) .d2-price-card .info_price .price_manager_box{grid-column:1/-1}
 #zigbang_wrap#zigbang_wrap#zigbang_wrap.detail-style-one .d1-hero .info_price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;overflow:visible}
 #zigbang_wrap#zigbang_wrap#zigbang_wrap.detail-style-one .d1-hero .info_price .d1-price{min-width:0;max-width:100%}
}
/* Related cards use the same permission-filtered, individually colored amounts
   as main/map/list cards. Clip the complete stream, including its VAT note. */
#zigbang_wrap#zigbang_wrap #anotherItem h5:has(.tplx-price-group){display:block!important;min-width:0;overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important}
#zigbang_wrap#zigbang_wrap #anotherItem .tplx-price-group{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
#zigbang_wrap#zigbang_wrap #anotherItem .tplx-price-component{display:inline-flex!important;flex:0 0 auto!important;align-items:center;gap:4px;white-space:nowrap}
#zigbang_wrap#zigbang_wrap #anotherItem .tplx-price-label{display:inline-flex;align-items:center;padding:1px 5px;border-radius:4px;background:var(--tplx-amount-color)!important;color:#fff!important;font-size:10px!important;font-style:normal;font-weight:700;line-height:18px;white-space:nowrap}
#zigbang_wrap#zigbang_wrap #anotherItem .tplx-price-value{color:var(--tplx-amount-color)!important;font-size:inherit!important;font-weight:800;line-height:1.5;white-space:nowrap}
#zigbang_wrap#zigbang_wrap #anotherItem .tplx-price-note{display:inline;flex:0 0 auto;margin:0;padding:0;font-size:11px;font-weight:400;white-space:nowrap}

/* Colored summaries honor the same price-type settings as cards. Style 1 keeps its white hero. */
#zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-two,.detail-style-three) .info_price .d1-price[style*="--detail-amount-color"] :is(.d1-price-amount,.d1-price-amount *,.d1-price-note){color:var(--detail-amount-color)!important}

/* Labels and values share the same left edge in every detail host. */
#zigbang_wrap#zigbang_wrap#zigbang_wrap:is(.detail-style-one,.detail-style-two,.detail-style-three) .info_price :is(.d1-price,.price_block,.d1-price-amount){text-align:left!important}
/* Hide the unadapted markup only when JavaScript has armed the loading guard. */
#zigbang_wrap[data-detail-pending]:not([data-detail-ready]){position:relative;min-height:320px}
#zigbang_wrap[data-detail-pending]:not([data-detail-ready])>:not(.detail-loading-status){visibility:hidden!important}
#zigbang_wrap>.detail-loading-status{display:none!important}
#zigbang_wrap[data-detail-pending]:not([data-detail-ready])>.detail-loading-status{display:flex!important;flex-direction:column;align-items:center;gap:12px;visibility:visible!important;position:absolute;top:120px;left:16px;right:16px;text-align:center;color:#687586;font-size:14px;line-height:1.5}
#zigbang_wrap>.detail-loading-status button{border:1px solid var(--detail-brand,#687586);border-radius:4px;background:var(--detail-brand,#687586);color:#fff;min-height:40px;padding:8px 16px;font-size:14px;cursor:pointer}
#zigbang_wrap>.detail-loading-status button[hidden]{display:none!important}