.supubulk{--supubulk-accent:#116451;
    --supubulk-ink:#162f36;
    --supubulk-muted:#50646b;
    --supubulk-line:#d8e2e3;
    --supubulk-soft:#edf6f2;
    --supubulk-surface:#fff;
    color:var(--supubulk-ink);
    background:var(--supubulk-surface);
    font:inherit;
    font-size:15px;
    line-height:1.5;
    margin:24px 0;
    width:100%;
    clear:both;
    text-align:left;
    font-variant-numeric:tabular-nums;
    color-scheme:light}

.supubulk *{box-sizing:border-box}
.supubulk[hidden]{display:none!important}
.supubulk ::selection{background:#cce7db;
    color:#123d32}
.supubulk :focus-visible{outline:3px solid var(--supubulk-accent);
    outline-offset:3px}
.supubulk[aria-busy=true] .supubulk-summary{opacity:.6}
.supubulk-header{margin-bottom:18px}
.supubulk .supubulk-header h3{font:inherit;
    font-size:21px;
    font-weight:700;
    letter-spacing:-.025em;
    color:var(--supubulk-ink);
    margin:0 0 5px}
.supubulk .supubulk-header p{margin:0;
    color:var(--supubulk-muted);
    font-size:14px}
.supubulk-cards{display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:1fr !important;
    align-items:stretch !important;
    gap:10px !important}
.supubulk button.supubulk-card{appearance:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:2px !important;
    min-height:150px !important;
    height:100% !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    float:none !important;
    border:2px solid var(--supubulk-line) !important;
    border-radius:12px !important;
    background:var(--supubulk-surface) !important;
    color:var(--supubulk-ink) !important;
    padding:15px 16px !important;
    text-align:left !important;
    font:inherit !important;
    cursor:pointer !important;
    white-space:normal !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    box-shadow:none !important;
    transition:background .16s ease-out,border-color .16s ease-out !important}
.supubulk button.supubulk-card:hover{border-color:var(--supubulk-accent) !important;
    background:var(--supubulk-soft) !important}
.supubulk button.supubulk-card.is-active{border:2px solid var(--supubulk-accent) !important;
    padding:15px 16px !important;
    background:var(--supubulk-soft) !important}
.supubulk-card-qty{font-weight:600 !important;
    font-size:13px !important}
.supubulk-card-price{font-size:25px !important;
    letter-spacing:-.025em !important;
    font-weight:750 !important;
    overflow-wrap:anywhere !important}
.supubulk-card-unit{font-size:12px !important;
    color:var(--supubulk-muted) !important}
.supubulk-card-save{margin-top:auto !important;
    padding-top:8px !important;
    color:var(--supubulk-accent) !important;
    font-size:12px !important;
    font-weight:650 !important}
.supubulk-summary{margin-top:18px;
    padding:19px 0 0;
    border-top:1px solid var(--supubulk-line);
    transition:opacity .15s ease-out}
.supubulk-current,.supubulk-total,.supubulk-saving{display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:12px;
    flex-wrap:wrap}
.supubulk-current{margin-bottom:14px}
.supubulk-current>span{font-size:14px}
.supubulk-current>strong{font-size:28px;
    letter-spacing:-.035em}
.supubulk-total{color:var(--supubulk-muted);
    font-size:14px}
.supubulk-total strong{color:var(--supubulk-ink);
    font-size:20px}
.supubulk-saving{background:var(--supubulk-soft);
    color:var(--supubulk-ink);
    padding:12px 13px;
    border-radius:8px;
    margin-top:14px;
    font-size:13px;
    font-weight:650}
.supubulk .supubulk-before,.supubulk .supubulk-note{font-size:12px;
    color:var(--supubulk-muted);
    margin:9px 0 0}
.supubulk .supubulk-next{font-size:13px;
    color:var(--supubulk-accent);
    margin:13px 0 0}
.supubulk .supubulk-status{font-size:13px;
    color:#922b25;
    margin:8px 0 0}
.supubulk-status:empty{display:none}
.supubulk-placeholder{font-size:14px;
    color:var(--supubulk-muted);
    padding:16px 0}
.supubulk .supubulk-table{width:100%;
    border-collapse:collapse;
    margin:0;
    font-size:14px;
    border:0}
.supubulk .supubulk-table th{padding:12px 9px;
    border:0;
    border-bottom:1px solid var(--supubulk-line);
    color:var(--supubulk-muted);
    font-size:12px;
    text-align:left;
    background:var(--supubulk-surface)}
.supubulk .supubulk-table td{padding:12px 9px;
    border:0;
    border-bottom:1px solid var(--supubulk-line);
    background:transparent;
    vertical-align:middle}
.supubulk .supubulk-table .is-active{background:var(--supubulk-soft)}
.supubulk .supubulk-table-choice{font:inherit !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    appearance:none !important;
    border:0 !important;
    background:transparent !important;
    color:var(--supubulk-accent) !important;
    padding:4px 0 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
    cursor:pointer !important;
    box-shadow:none !important;
    white-space:normal !important}
.supubulk-unit-cell{font-weight:700}
.supubulk-select-label{display:block;
    font-weight:600;
    font-size:13px}
.supubulk select.supubulk-select{display:block !important;
    appearance:auto !important;
    width:100% !important;
    max-width:100% !important;
    padding:13px 10px !important;
    min-height:48px !important;
    border:1px solid var(--supubulk-line) !important;
    border-radius:8px !important;
    background:var(--supubulk-surface) !important;
    color:var(--supubulk-ink) !important;
    font:inherit !important;
    margin-top:8px !important;
    white-space:normal !important}
.supubulk button:disabled,.supubulk select:disabled{cursor:not-allowed !important;
    opacity:.6}
.supubulk-sr{position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap}
.supubulk del{color:inherit}
.supubulk button{touch-action:manipulation}

/* Two columns also work inside narrow Elementor and theme product columns. */
@media(max-width:380px){.supubulk-card-price{font-size:22px !important}
.supubulk button.supubulk-card{padding:12px !important}
.supubulk button.supubulk-card.is-active{padding:12px !important}
.supubulk .supubulk-table td,.supubulk .supubulk-table th{padding:10px 5px}
}

@media(prefers-reduced-motion:reduce){.supubulk[data-supubulk] button.supubulk-card,.supubulk[data-supubulk] .supubulk-summary{transition:none!important}
}


/* Theme boundary: reset button content without affecting cart/checkout controls. */
.supubulk[data-supubulk] .supubulk-card > * {
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-transform:none !important;
    text-decoration:none !important;
    line-height:1.4 !important;
    font-family:inherit !important;

}

.supubulk[data-supubulk] .supubulk-card .supubulk-card-save { margin-top:auto !important;
     padding-top:8px !important;
     }

.supubulk[data-supubulk] button::before,.supubulk[data-supubulk] button::after { content:none !important;
     }

.supubulk[data-supubulk] button:focus-visible { outline:3px solid var(--supubulk-accent) !important;
     outline-offset:3px !important;
     }

.supubulk[data-supubulk] { min-width:0;
     max-width:100%;
     isolation:isolate;
     }

.supubulk-content { container-type:inline-size;
     }

@container (max-width:280px) { .supubulk-cards { grid-template-columns:minmax(0,1fr) !important;
     }
 }

@media (forced-colors:active) { .supubulk button.supubulk-card.is-active { border-color:Highlight !important;
     }
 }


.supubulk[data-supubulk] .supubulk-card .supubulk-card-price,.supubulk[data-supubulk] .supubulk-card .supubulk-card-qty { color:var(--supubulk-ink) !important; }