.imta-bulk-box{color:#171717;margin:18px 0 24px;font-size:14px}
.imta-bulk-label{font-weight:700;margin:0 0 10px;border-top:1px solid rgba(36,68,144,.2);padding-top:12px}
.imta-bulk-colors{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.imta-bulk-color{display:flex;align-items:center;gap:6px;border:1px solid rgba(36,68,144,.26);padding:4px 8px 4px 4px;background:#ffffff;color:#171717;min-height:48px;cursor:pointer;text-transform:none;font-size:13px;line-height:1.25}
.imta-bulk-color img{width:38px;height:38px;object-fit:cover;background:#fff;display:block}
.imta-bulk-color.is-selected{border:2px solid #244490;background:#edf3ff}
.imta-bulk-color:focus-visible{outline:2px solid #244490;outline-offset:2px}
.imta-bulk-size-label{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.imta-bulk-size-label small{font-size:11px;font-weight:400;opacity:.85}
.imta-bulk-size-row{display:grid;grid-template-columns:minmax(55px,1fr) minmax(120px,1fr) minmax(96px,1fr);align-items:center;gap:10px;padding:7px 2px;border-bottom:1px dashed rgba(36,68,144,.24)}
.imta-bulk-size-row .imta-bulk-unit{color:#d71920;font-weight:600}
.imta-bulk-size-row input{margin:0!important;width:100%;max-width:110px;height:36px;background:#fff!important;color:#222!important;border:1px solid #dedede;border-radius:2px;padding:0 8px;box-shadow:none;text-align:center}
.imta-bulk-size-row.is-unavailable{opacity:.45}
.imta-bulk-summary{display:flex;justify-content:space-between;gap:12px;padding:16px 2px 8px;font-weight:700}
.imta-bulk-summary .imta-bulk-total{color:#d71920}
.imta-bulk-saving{text-align:right;font-size:12px;opacity:.9;margin-bottom:16px}
.imta-bulk-notice{margin:8px 0;color:#d71920;min-height:0}
.imta-bulk-buy,.imta-bulk-add{display:block;width:100%;height:45px;margin:0 0 10px!important;border-radius:3px;border:1px solid #244490;cursor:pointer;font-size:13px;font-weight:600;text-align:center}
.imta-bulk-buy{background:#0c2664;color:#fff}.imta-bulk-add{background:#fff;color:#244490}
.imta-bulk-box button:disabled{opacity:.5;cursor:wait}
@media(max-width:480px){.imta-bulk-size-row{grid-template-columns:minmax(35px,1fr) minmax(100px,1fr) 96px;gap:6px}.imta-bulk-color{font-size:12px}}

/* One shared gallery, original Flatsome nodes kept for safe restoration. */
.imta-bulk-gallery-host > :not(.imta-bulk-gallery-viewer){display:none!important}
.imta-bulk-gallery-host > .imta-bulk-gallery-viewer[data-imta-owned="1"]{display:grid!important}
body.imta-bulk-active .imta-bulk-gallery-viewer:not([data-imta-owned="1"]),
body.imta-bulk-active #imta-color-gallery-viewer{display:none!important}
.imta-bulk-gallery-viewer{width:100%;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 16px;box-sizing:border-box}
.imta-bulk-gallery-main{display:block;grid-column:2;grid-row:1;width:100%;min-width:0;background:#f8f8f8;overflow:hidden}
.imta-bulk-gallery-main img{display:block;width:100%;height:auto;object-fit:contain}
.imta-bulk-gallery-thumbs{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:8px;max-height:680px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.imta-bulk-gallery-thumb{display:block;flex:0 0 auto;width:64px;height:64px;padding:2px;margin:0!important;border:1px solid #ddd;border-radius:0;background:#fff;cursor:pointer;box-sizing:border-box}
.imta-bulk-gallery-thumb.is-active{border:2px solid #244490}
.imta-bulk-gallery-thumb:focus-visible{outline:2px solid #244490;outline-offset:2px}
.imta-bulk-gallery-thumb img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}
@media(max-width:480px){
 .imta-bulk-gallery-viewer{grid-template-columns:1fr;gap:10px}
 .imta-bulk-gallery-main{grid-column:1;grid-row:1}
 .imta-bulk-gallery-thumbs{grid-column:1;grid-row:2;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden}
 .imta-bulk-gallery-thumb{width:57px;height:57px}
}
/* Chỉ ẩn form mặc định trên trang đã gắn shortcode. */
body.imta-bulk-active .product-main form.variations_form.cart{display:none!important}

/* V1.2.1: wider image column, narrower information column on desktop.
   Inline !important widths are also applied by the plugin to override Flatsome's grid.
   On mobile (<850px), plugin clears the desktop inline sizes. */
@media (min-width: 850px) {
  body.single-product .product-main .imta-bulk-wide-gallery-col {
    flex: 0 0 66.666667% !important;
    flex-basis: 66.666667% !important;
    width: 66.666667% !important;
    max-width: 66.666667% !important;
    min-width: 0;
  }
  body.single-product .product-main .imta-bulk-wide-info-col {
    flex: 0 0 33.333333% !important;
    flex-basis: 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    min-width: 0;
  }
}
