/* Bimokook storefront / promotion experience - shared component styles.
   One authoritative component for banner, product detail, mini-cart and checkout. */
.bmk-promo-progress[hidden],
.bmk-checkout-shipping-benefit[hidden],
.bmk-promo-savings-total[hidden],
.bmk-checkout-net-products[hidden]{display:none}
.bmk-promo-progress{
    --bmk-promo-accent:#151515;
    --bmk-promo-surface:#fff;
    --bmk-promo-edge:#e4e4e4;
    --bmk-promo-ink:#171717;
    width:100%;min-width:0;box-sizing:border-box;
    border:1px solid var(--bmk-promo-edge);
    background:var(--bmk-promo-surface);
    border-radius:12px;padding:13px 16px;margin:12px 0 16px;
    font:inherit;color:var(--bmk-promo-ink)
}
.bmk-promo-progress-heading{display:flex;align-items:center;gap:11px;min-width:0}
.bmk-promo-progress-icon{
    display:grid;place-items:center;flex:0 0 34px;
    width:34px;height:34px;color:#151515;
    background:#f1f1f1;border-radius:10px
}
.bmk-promo-progress-icon svg{width:22px;height:22px;display:block}
.bmk-promo-progress-copy{display:grid;gap:3px;min-width:0}
.bmk-promo-progress-copy strong{
    font-size:13px;font-weight:800;line-height:1.7;color:var(--bmk-promo-ink)
}
.bmk-promo-progress-copy small{color:#686868;font-size:11px;line-height:1.7;font-weight:400}
/* A single logical row places the gift at the end in both RTL and LTR. */
.bmk-promo-progress-goal{
    display:flex;align-items:center;gap:9px;
    margin-top:11px;min-width:0;direction:inherit
}
.bmk-promo-progress-track{
    flex:1 1 auto;min-width:0;height:7px;
    border-radius:99px;background:#ebebeb;
    overflow:hidden;margin:0
}
.bmk-promo-progress-fill{
    display:block;width:0;height:100%;border-radius:inherit;
    background:var(--bmk-promo-accent);
    transition:width .35s ease
}
.bmk-promo-progress-gift{
    flex:0 0 34px;display:grid;place-items:center;
    width:34px;height:34px;border:1px solid #dcdcdc;
    border-radius:50%;background:#f7f7f7;
    color:#171717;box-sizing:border-box
}
.bmk-promo-progress-gift svg{width:19px;height:19px;display:block}
.bmk-promo-progress.is-earned{border-color:#d3d3d3;background:#fafafa}
.bmk-promo-progress.is-earned .bmk-promo-progress-icon{background:#ebebeb}
.bmk-promo-progress.is-earned .bmk-promo-progress-fill{background:#111}
.bmk-promo-progress.is-earned .bmk-promo-progress-gift{
    color:#fff;background:#151515;border-color:#151515
}
.bmk-promo-site-banner > .bmk-promo-progress:not([hidden]){
    display:grid;grid-template-columns:minmax(0,1fr) 104px;
    align-items:center;gap:3px 12px;
    max-width:480px;margin:8px auto 0;
    padding:6px 10px;border-radius:var(--sf-control-radius,10px)
}
.bmk-promo-site-banner .bmk-promo-progress-heading{gap:7px}
.bmk-promo-site-banner .bmk-promo-progress-copy strong{font-size:12px;line-height:1.5}
.bmk-promo-site-banner .bmk-promo-progress-icon{
    flex-basis:24px;width:24px;height:24px;border-radius:6px
}
.bmk-promo-site-banner .bmk-promo-progress-icon svg{width:16px;height:16px}
.bmk-promo-site-banner .bmk-promo-progress-goal{margin:0;gap:5px}
.bmk-promo-site-banner .bmk-promo-progress-track{height:4px}
.bmk-promo-site-banner .bmk-promo-progress-gift{
    flex-basis:20px;width:20px;height:20px
}
.bmk-promo-site-banner .bmk-promo-progress-gift svg{width:13px;height:13px}
@media(max-width:520px){
    .bmk-promo-site-banner > .bmk-promo-progress:not([hidden]){grid-template-columns:minmax(0,1fr)}
}
.bmk-drawer-foot .bmk-promo-progress{margin:0 0 14px;padding:12px}
.bmk-detail-info>.bmk-promo-progress{
    margin:10px 0 14px;
    padding:11px 14px
}
.bmk-checkout-summary .bmk-promo-progress{margin:6px 0 17px}
.bmk-checkout-summary .bmk-promo-progress-copy strong{font-size:13px}
/* Use the storefront's existing neutral fields, not Bootstrap/form-control focus styles. */
[data-checkout-page] .bmk-checkout-select-label{
    display:grid;gap:8px;max-width:100%;font:inherit;
    font-size:13px;font-weight:700;color:#171717;min-width:0
}
[data-checkout-page] .bmk-checkout-select-label .bmk-form-control{
    appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;
    width:100%;min-width:0;height:48px;min-height:48px;
    margin:0;padding:0 14px;border:1px solid var(--sf-line,#e5e5e5);
    border-radius:8px;background:#fff;color:#171717;
    font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;
    box-shadow:none;outline:none;transition:border-color .16s ease,box-shadow .16s ease
}
[data-checkout-page] .bmk-checkout-select-label select.bmk-form-control{
    padding-inline-end:39px;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23535956' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-size:14px;
    background-position:left 14px center
}
html[lang="en"] [data-checkout-page] .bmk-checkout-select-label select.bmk-form-control{
    background-position:right 14px center
}
[data-checkout-page] .bmk-checkout-select-label .bmk-form-control:hover{border-color:var(--sf-muted,#525252)}
[data-checkout-page] .bmk-checkout-select-label .bmk-form-control:focus{
    border-color:var(--sf-line,#e5e5e5);background-color:#fff;outline:0;
    box-shadow:none
}
[data-checkout-page] .bmk-checkout-select-label .bmk-form-control:focus-visible{
    outline:2px solid var(--sf-focus,#8dcdb9);outline-offset:2px;
    box-shadow:none
}
[data-checkout-page] .bmk-checkout-coupon-field{margin:20px 0 10px}
[data-checkout-page] .bmk-checkout-coupon-field input{direction:ltr;text-align:start}
[data-checkout-page] .bmk-checkout-coupon-field input::placeholder{color:var(--sf-muted,#525252);opacity:1}
[data-checkout-page] .bmk-coupon-feedback{display:block;color:#ac3e3e;font-size:11px;margin:0 0 10px}
[data-checkout-page] .bmk-coupon-feedback.is-valid{color:var(--sf-success,#171717)}
[data-checkout-page] .bmk-coupon-feedback[hidden]{display:none}
[data-checkout-page] .bmk-checkout-net-products{
    border-top:1px dashed var(--sf-line,#e5e5e5);margin-top:2px;
    padding-top:12px;font-weight:800;color:var(--sf-ink,#171717)
}
[data-checkout-page] .bmk-checkout-net-products>span{color:var(--sf-muted,#525252)}
[data-checkout-page] .bmk-checkout-shipping-row:has(+.bmk-checkout-shipping-benefit:not([hidden])) strong{
    color:var(--sf-ink,#171717);font-weight:800
}
[data-checkout-page] .bmk-checkout-shipping-benefit{
    padding:1px 0 13px;border-bottom:1px solid var(--sf-line,#e5e5e5)
}
[data-checkout-page] .bmk-checkout-shipping-benefit .bmk-checkout-total-row{
    padding:6px 0;font-size:12px
}
[data-checkout-page] .bmk-checkout-shipping-benefit del{color:var(--sf-muted,#525252);font-size:12px}
[data-checkout-page] .bmk-checkout-saving-row>span,
[data-checkout-page] .bmk-checkout-saving-row>strong{color:var(--sf-ink,#171717);font-weight:700}
[data-checkout-page] .bmk-promo-savings-total{
    display:flex;align-items:center;justify-content:space-between;
    gap:10px;padding:11px 12px;margin:16px 0 4px;
    color:var(--sf-ink,#171717);border-radius:8px;background:var(--sf-subtle,#f5f5f5);
    font-size:12px;font-weight:700
}
[data-checkout-page] .bmk-promo-savings-total strong{white-space:nowrap}
@media(max-width:740px){
  .bmk-promo-progress-copy strong{font-size:12px}
  .bmk-promo-progress-icon{width:31px;height:31px;flex-basis:31px}
  .bmk-promo-progress-icon svg{width:20px;height:20px}
  .bmk-promo-progress-gift{flex-basis:31px;width:31px;height:31px}
  .bmk-promo-progress-gift svg{width:18px;height:18px}
  [data-checkout-page] .bmk-checkout-select-label .bmk-form-control{height:47px}
}
@media(prefers-reduced-motion:reduce){
 .bmk-promo-progress-fill,
 [data-checkout-page] .bmk-form-control{transition:none}
}