.wai-pack-table{
    width:100%;
    margin:18px 0 20px;
    padding:18px 19px 20px;
    border:1px solid #d4dfe9;
    border-radius:16px;
    background:#fff;
    box-shadow:0 6px 24px rgba(12,48,82,.055);
    font-family:inherit;
}
.wai-pack-table *{box-sizing:border-box}
.wai-pack-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:13px}
.wai-pack-eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;color:#3f5368;margin-bottom:2px}
.wai-pack-head h3{font-size:23px;line-height:1.15;color:#06284b;font-weight:900;margin:0}
.wai-pack-stockbox{text-align:right}.wai-pack-stock{font-size:12px;font-weight:900;color:#087246}.wai-pack-stock i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#087246;margin-right:4px}.wai-pack-shipping{font-size:10px;font-weight:800;color:#42576c;margin-top:3px}
.wai-pack-options{display:grid;gap:8px}
.wai-pack-row{
    position:relative;min-height:58px;width:100%;padding:0 14px;display:grid;
    grid-template-columns:20px minmax(120px,1fr) auto auto;align-items:center;gap:9px;
    border:1px solid #d2dce7;border-radius:11px;background:#fff;cursor:pointer;
    text-align:left;font:inherit;color:#102b47;transition:.14s ease;
}
.wai-pack-row:hover:not(:disabled){border-color:#aebfd1;background:#fcfdff}
.wai-pack-row.is-selected,.wai-pack-row.is-selected:hover,.wai-pack-row.is-selected:focus,.wai-pack-row.is-selected:active{
    background:#fff8f3!important;border:1px solid #c84d08!important;color:#092b4d!important;
    box-shadow:inset 0 0 0 1px rgba(200,77,8,.08)!important;outline:none!important;
}
.wai-pack-row:disabled{opacity:.45;cursor:not-allowed}
.wai-pack-radio{width:16px;height:16px;border:2px solid #6c8095;border-radius:50%;background:#fff;position:relative}
.wai-pack-row.is-selected .wai-pack-radio{border-color:#c84d08}.wai-pack-row.is-selected .wai-pack-radio:after{content:"";position:absolute;left:3px;top:3px;width:6px;height:6px;border-radius:50%;background:#c84d08}
.wai-pack-name{font-size:14px;font-weight:900;color:#092b4d;white-space:nowrap;text-transform:none!important}
.wai-pack-unit{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:20px;background:#e8f3fb;color:#064f88;font-size:11px;font-weight:900;white-space:nowrap}.wai-pack-unit.is-best{background:#e1f4e9;color:#066f45}.wai-pack-unit strong{font-size:9px}
.wai-pack-price{min-width:72px;text-align:right;font-size:16px;font-weight:900;color:#06294c;white-space:nowrap}.wai-pack-price .woocommerce-Price-amount{font-size:inherit}
.wai-pack-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:16px}
.wai-pack-label{font-size:9px;line-height:1;font-weight:900;color:#3d5369;letter-spacing:.06em;margin-bottom:7px}
.wai-pack-qty{height:42px;display:flex;border:1px solid #c6d3df;border-radius:8px;overflow:hidden;background:#fff}.wai-pack-qty button,.wai-pack-qty-number{width:39px;height:40px;border:0;background:#fff;display:flex;align-items:center;justify-content:center;color:#092b4d;font-weight:900}.wai-pack-qty button{font-size:18px;cursor:pointer}.wai-pack-qty button:hover{background:#f2f6fa}.wai-pack-qty-number{font-size:14px;border-left:1px solid #d3dee8;border-right:1px solid #d3dee8}
.wai-pack-totalbox{text-align:right}.wai-pack-total{font-size:20px;line-height:1;font-weight:900;color:#06294c}.wai-pack-total .woocommerce-Price-amount{font-size:inherit}
.wai-pack-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:14px;border:0;border-radius:9px;background:#c84d08;color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(200,77,8,.16)}.wai-pack-add:hover{filter:brightness(.96)}.wai-pack-add:disabled{opacity:.6;cursor:wait}.wai-pack-message{font-size:11px;font-weight:700;margin-top:8px;text-align:center}.wai-pack-message.error{color:#a61b14}
.wai-pack-table + form.variations_form.cart{display:none!important}@media(max-width:900px){
    .wai-pack-row{grid-template-columns:20px minmax(100px,1fr) auto auto;padding:0 11px;gap:7px}
}
@media(max-width:767px){
    .wai-pack-table{margin:14px 0;padding:13px;border-radius:12px}
    .wai-pack-head{display:flex;gap:8px;margin-bottom:11px}.wai-pack-eyebrow{font-size:10px}.wai-pack-head h3{font-size:19px}.wai-pack-stockbox{min-width:112px}.wai-pack-stock{font-size:11px}.wai-pack-shipping{font-size:9px}
    .wai-pack-options{gap:7px}
    .wai-pack-row{min-height:60px;padding:7px 9px;grid-template-columns:18px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 7px}
    .wai-pack-radio{width:15px;height:15px}.wai-pack-name{font-size:13px;line-height:1.2;white-space:normal;align-self:end}
    .wai-pack-unit{grid-column:2;grid-row:2;justify-self:start;padding:4px 7px;font-size:9px;line-height:1.1}.wai-pack-unit strong{font-size:8px}
    .wai-pack-price{grid-column:3;grid-row:1/3;min-width:62px;font-size:14px;align-self:center}
    .wai-pack-bottom{padding-top:13px;gap:10px}.wai-pack-label{font-size:8px}.wai-pack-total{font-size:18px}.wai-pack-add{height:46px;margin-top:12px;font-size:14px}}
@media(max-width:430px){
    .wai-pack-table{padding:11px}.wai-pack-head{display:block}.wai-pack-stockbox{text-align:left;margin-top:7px}.wai-pack-row{min-height:58px;padding:6px 8px;grid-template-columns:17px minmax(0,1fr) auto}.wai-pack-name{font-size:12px}.wai-pack-unit{font-size:8px}.wai-pack-price{font-size:13px;min-width:58px}
}


/* -------------------------------------------------------------
   Store Benefit / Trust Bar
   Desktop: 4 columns
   Mobile: 2 x 2
   ------------------------------------------------------------- */
.wai-benefit-bar{
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid #d5e2ed;
    border-radius:11px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 4px 16px rgba(9,47,85,.035);
    margin:18px 0 20px;
}
.wai-benefit-item{
    min-height:88px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border-right:1px solid #dce6ee;
}
.wai-benefit-item:last-child{border-right:0}
.wai-benefit-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:#eef5fb;
    color:#15548a;
}
.wai-benefit-item:nth-child(3) .wai-benefit-icon,
.wai-benefit-item:nth-child(4) .wai-benefit-icon{
    background:#eaf8f1;
    color:#07834f;
}
.wai-benefit-icon svg{
    width:22px;
    height:22px;
}
.wai-benefit-copy{
    min-width:0;
}
.wai-benefit-copy strong{
    display:block;
    color:#092f55;
    font-size:13px;
    line-height:1.25;
    font-weight:900;
    white-space:nowrap;
}
.wai-benefit-copy span{
    display:block;
    margin-top:4px;
    color:#587087;
    font-size:10px;
    line-height:1.3;
    font-weight:500;
}

/* Product page: because the native WooCommerce form is hidden by
   the custom pack table, this bar naturally appears beneath the pack table. */
.wai-benefit-product{
    margin-top:10px;
}

/* Cart and checkout spacing */
.wai-benefit-cart,
.wai-benefit-checkout{
    margin-top:0;
    margin-bottom:24px;
}

@media(max-width:900px){
    .wai-benefit-item{
        padding:12px 10px;
        gap:9px;
    }
    .wai-benefit-icon{
        width:38px;
        height:38px;
        flex-basis:38px;
    }
    .wai-benefit-copy strong{font-size:12px}
    .wai-benefit-copy span{font-size:9px}
}

@media(max-width:767px){
    .wai-benefit-bar{
        grid-template-columns:repeat(2,minmax(0,1fr));
        border-radius:10px;
        margin:14px 0 18px;
    }
    .wai-benefit-item{
        min-height:76px;
        padding:10px 9px;
        gap:8px;
        border-right:1px solid #dce6ee;
        border-bottom:1px solid #dce6ee;
    }
    .wai-benefit-item:nth-child(2n){
        border-right:0;
    }
    .wai-benefit-item:nth-child(n+3){
        border-bottom:0;
    }
    .wai-benefit-icon{
        width:34px;
        height:34px;
        flex-basis:34px;
        border-radius:9px;
    }
    .wai-benefit-icon svg{
        width:18px;
        height:18px;
    }
    .wai-benefit-copy strong{
        font-size:10px;
        line-height:1.2;
        white-space:normal;
    }
    .wai-benefit-copy span{
        margin-top:3px;
        font-size:8px;
        line-height:1.25;
    }
}

@media(max-width:380px){
    .wai-benefit-item{
        min-height:72px;
        padding:8px 7px;
        gap:6px;
    }
    .wai-benefit-icon{
        width:30px;
        height:30px;
        flex-basis:30px;
    }
    .wai-benefit-icon svg{
        width:16px;
        height:16px;
    }
    .wai-benefit-copy strong{font-size:9px}
    .wai-benefit-copy span{font-size:7.5px}
}


/* =============================================================
   V3 BENEFIT BAR FIX
   1) Prevent theme/checkout SVG rules from making icons huge.
   2) Compact the product-page bar so four items fit cleanly
      inside the WooCommerce product-summary column.
   3) Keep mobile at 2 x 2.
   ============================================================= */

/* Hard-limit the inline SVG icons against theme/global SVG rules. */
.wai-benefit-bar .wai-benefit-icon svg,
.wai-benefit-bar .wai-benefit-icon > svg{
    display:block !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    flex:0 0 20px !important;
}

/* The icon wrapper itself is also fixed, so checkout/theme CSS
   cannot stretch it. */
.wai-benefit-bar .wai-benefit-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
    flex:0 0 36px !important;
    padding:0 !important;
    line-height:1 !important;
}

/* Product summary is often only ~50% of the desktop page.
   Use a compact four-column version there. */
.wai-benefit-product{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    overflow:hidden !important;
    margin-top:10px !important;
}
.wai-benefit-product .wai-benefit-item{
    min-width:0 !important;
    min-height:72px !important;
    padding:8px 7px !important;
    gap:7px !important;
}
.wai-benefit-product .wai-benefit-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    flex-basis:30px !important;
    border-radius:8px !important;
}
.wai-benefit-product .wai-benefit-icon svg,
.wai-benefit-product .wai-benefit-icon > svg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
    flex-basis:16px !important;
}
.wai-benefit-product .wai-benefit-copy{
    min-width:0 !important;
    overflow:hidden !important;
}
.wai-benefit-product .wai-benefit-copy strong{
    font-size:9px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}
.wai-benefit-product .wai-benefit-copy span{
    font-size:7.5px !important;
    line-height:1.2 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    margin-top:2px !important;
}

/* Cart/checkout: keep the larger desktop card, but absolutely
   prevent the icons from becoming giant. */
.wai-benefit-cart .wai-benefit-icon,
.wai-benefit-checkout .wai-benefit-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
    flex-basis:36px !important;
}
.wai-benefit-cart .wai-benefit-icon svg,
.wai-benefit-cart .wai-benefit-icon > svg,
.wai-benefit-checkout .wai-benefit-icon svg,
.wai-benefit-checkout .wai-benefit-icon > svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    flex-basis:20px !important;
}

/* Mobile: always 2 x 2, with small fixed icons. */
@media (max-width:767px){
    .wai-benefit-bar{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .wai-benefit-bar .wai-benefit-item{
        min-width:0 !important;
        min-height:76px !important;
        padding:9px 8px !important;
        gap:7px !important;
    }
    .wai-benefit-bar .wai-benefit-icon,
    .wai-benefit-product .wai-benefit-icon,
    .wai-benefit-cart .wai-benefit-icon,
    .wai-benefit-checkout .wai-benefit-icon{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;
        max-width:32px !important;
        max-height:32px !important;
        flex-basis:32px !important;
    }
    .wai-benefit-bar .wai-benefit-icon svg,
    .wai-benefit-bar .wai-benefit-icon > svg,
    .wai-benefit-product .wai-benefit-icon svg,
    .wai-benefit-cart .wai-benefit-icon svg,
    .wai-benefit-checkout .wai-benefit-icon svg{
        width:17px !important;
        height:17px !important;
        min-width:17px !important;
        min-height:17px !important;
        max-width:17px !important;
        max-height:17px !important;
        flex-basis:17px !important;
    }
    .wai-benefit-bar .wai-benefit-copy{
        min-width:0 !important;
        overflow:hidden !important;
    }
    .wai-benefit-bar .wai-benefit-copy strong{
        font-size:9.5px !important;
        line-height:1.18 !important;
        white-space:normal !important;
    }
    .wai-benefit-bar .wai-benefit-copy span{
        font-size:7.5px !important;
        line-height:1.2 !important;
        white-space:normal !important;
    }
}

/* Very small screens */
@media (max-width:380px){
    .wai-benefit-bar .wai-benefit-item{
        min-height:70px !important;
        padding:8px 6px !important;
        gap:6px !important;
    }
    .wai-benefit-bar .wai-benefit-icon{
        width:29px !important;
        height:29px !important;
        min-width:29px !important;
        min-height:29px !important;
        max-width:29px !important;
        max-height:29px !important;
        flex-basis:29px !important;
    }
    .wai-benefit-bar .wai-benefit-icon svg,
    .wai-benefit-bar .wai-benefit-icon > svg{
        width:15px !important;
        height:15px !important;
        min-width:15px !important;
        min-height:15px !important;
        max-width:15px !important;
        max-height:15px !important;
        flex-basis:15px !important;
    }
    .wai-benefit-bar .wai-benefit-copy strong{font-size:8.5px !important}
    .wai-benefit-bar .wai-benefit-copy span{font-size:7px !important}
}


/* V4 CHECKOUT: 2 x 2 on desktop AND mobile, directly below Place Order */
.wai-benefit-checkout-payment{
    width:100% !important;
    max-width:100% !important;
    margin:18px 0 0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    border:1px solid #d5e2ed !important;
    border-radius:10px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 4px 16px rgba(9,47,85,.035) !important;
}
.wai-benefit-checkout-payment .wai-benefit-item{
    min-width:0 !important;
    min-height:78px !important;
    padding:10px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    border-right:1px solid #dce6ee !important;
    border-bottom:1px solid #dce6ee !important;
}
.wai-benefit-checkout-payment .wai-benefit-item:nth-child(2n){border-right:0 !important}
.wai-benefit-checkout-payment .wai-benefit-item:nth-child(n+3){border-bottom:0 !important}
.wai-benefit-checkout-payment .wai-benefit-icon{
    width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;
    max-width:34px !important;max-height:34px !important;flex:0 0 34px !important;
    padding:0 !important;border-radius:9px !important;line-height:1 !important;
}
.wai-benefit-checkout-payment .wai-benefit-icon svg,
.wai-benefit-checkout-payment .wai-benefit-icon > svg{
    width:17px !important;height:17px !important;min-width:17px !important;min-height:17px !important;
    max-width:17px !important;max-height:17px !important;flex:0 0 17px !important;display:block !important;
}
.wai-benefit-checkout-payment .wai-benefit-copy{min-width:0 !important;overflow:hidden !important}
.wai-benefit-checkout-payment .wai-benefit-copy strong{
    display:block !important;font-size:10px !important;line-height:1.2 !important;
    white-space:normal !important;overflow-wrap:anywhere !important;
}
.wai-benefit-checkout-payment .wai-benefit-copy span{
    display:block !important;margin-top:3px !important;font-size:8px !important;line-height:1.25 !important;
    white-space:normal !important;overflow-wrap:anywhere !important;
}
@media(max-width:767px){
    .wai-benefit-checkout-payment{grid-template-columns:repeat(2,minmax(0,1fr)) !important;margin-top:14px !important}
    .wai-benefit-checkout-payment .wai-benefit-item{min-height:72px !important;padding:8px 7px !important;gap:6px !important}
    .wai-benefit-checkout-payment .wai-benefit-icon{
        width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;
        max-width:30px !important;max-height:30px !important;flex-basis:30px !important;
    }
    .wai-benefit-checkout-payment .wai-benefit-icon svg,
    .wai-benefit-checkout-payment .wai-benefit-icon > svg{
        width:15px !important;height:15px !important;min-width:15px !important;min-height:15px !important;
        max-width:15px !important;max-height:15px !important;flex-basis:15px !important;
    }
    .wai-benefit-checkout-payment .wai-benefit-copy strong{font-size:8.5px !important}
    .wai-benefit-checkout-payment .wai-benefit-copy span{font-size:7px !important}
}


/* =============================================================
   V5 HARD CHECKOUT FIX
   Unique class + inline fallback. This prevents Astra/WooCommerce
   or any global SVG/grid rule from stretching the benefit bar.
   ============================================================= */

.wai-benefit-checkout-payment-v5{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(70px,auto) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    margin:16px 0 0 !important;
    padding:0 !important;
    border:1px solid #d5e2ed !important;
    border-radius:10px !important;
    background:#fff !important;
}
.wai-benefit-checkout-payment-v5 .wai-benefit-item{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:70px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:8px !important;
    padding:9px 10px !important;
    margin:0 !important;
    border-right:1px solid #dce6ee !important;
    border-bottom:1px solid #dce6ee !important;
}
.wai-benefit-checkout-payment-v5 .wai-benefit-item:nth-child(2n){border-right:0 !important}
.wai-benefit-checkout-payment-v5 .wai-benefit-item:nth-child(n+3){border-bottom:0 !important}

.wai-benefit-checkout-payment-v5 .wai-benefit-icon{
    width:32px !important;height:32px !important;
    min-width:32px !important;min-height:32px !important;
    max-width:32px !important;max-height:32px !important;
    flex:0 0 32px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    line-height:1 !important;
}
.wai-benefit-checkout-payment-v5 .wai-benefit-icon svg,
.wai-benefit-checkout-payment-v5 .wai-benefit-icon > svg{
    width:18px !important;height:18px !important;
    min-width:18px !important;min-height:18px !important;
    max-width:18px !important;max-height:18px !important;
    flex:0 0 18px !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
}
.wai-benefit-checkout-payment-v5 .wai-benefit-copy{
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
}
.wai-benefit-checkout-payment-v5 .wai-benefit-copy strong{
    display:block !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    margin:0 !important;
}
.wai-benefit-checkout-payment-v5 .wai-benefit-copy span{
    display:block !important;
    font-size:8px !important;
    line-height:1.2 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    margin:3px 0 0 !important;
}

@media(max-width:767px){
    .wai-benefit-checkout-payment-v5{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-auto-rows:minmax(66px,auto) !important;
        width:100% !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-item{
        min-height:66px !important;
        padding:8px 7px !important;
        gap:6px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon{
        width:29px !important;height:29px !important;
        min-width:29px !important;min-height:29px !important;
        max-width:29px !important;max-height:29px !important;
        flex-basis:29px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon svg,
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon > svg{
        width:15px !important;height:15px !important;
        min-width:15px !important;min-height:15px !important;
        max-width:15px !important;max-height:15px !important;
        flex-basis:15px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-copy strong{font-size:8.5px !important}
    .wai-benefit-checkout-payment-v5 .wai-benefit-copy span{font-size:7px !important}
}


/* V6: checkout/cart stylesheet is intentionally loaded on those pages.
   Keep SVG dimensions locked even before media-query overrides. */
.wai-benefit-checkout-payment-v5 .wai-benefit-icon svg{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
}

/* V8: Product-page benefit bar directly below image/thumbnails */
.wai-benefit-product{
    width:100% !important;
    max-width:100% !important;
    clear:both !important;
    box-sizing:border-box !important;
    margin:14px 0 0 !important;
}
.woocommerce-product-gallery .wai-benefit-product{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:100% !important;
}
.woocommerce-product-gallery .wai-benefit-product .wai-benefit-item{
    min-width:0 !important;
    min-height:82px !important;
    padding:10px !important;
    gap:8px !important;
}
.woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon{
    width:34px !important;height:34px !important;
    min-width:34px !important;min-height:34px !important;
    max-width:34px !important;max-height:34px !important;
    flex:0 0 34px !important;
}
.woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon svg,
.woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon > svg{
    width:17px !important;height:17px !important;
    min-width:17px !important;min-height:17px !important;
    max-width:17px !important;max-height:17px !important;
    flex:0 0 17px !important;
}
.woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy strong{
    font-size:10px !important;line-height:1.2 !important;white-space:normal !important;
}
.woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy span{
    font-size:8px !important;line-height:1.25 !important;white-space:normal !important;
}
@media(max-width:767px){
    .woocommerce-product-gallery .wai-benefit-product{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        margin-top:10px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-item{
        min-height:72px !important;padding:8px 7px !important;gap:6px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon{
        width:30px !important;height:30px !important;
        min-width:30px !important;min-height:30px !important;
        max-width:30px !important;max-height:30px !important;flex-basis:30px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon svg,
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon > svg{
        width:15px !important;height:15px !important;
        min-width:15px !important;min-height:15px !important;
        max-width:15px !important;max-height:15px !important;flex-basis:15px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy strong{font-size:8.5px !important}
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy span{font-size:7px !important}
}


/* =============================================================
   V9 PRODUCT BENEFIT BAR
   Product page: keep all 4 benefits in ONE horizontal row,
   matching the compact style of the reference design.
   ============================================================= */
.woocommerce-product-gallery .wai-benefit-product{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border-radius:10px !important;
}

.woocommerce-product-gallery .wai-benefit-product .wai-benefit-item{
    min-width:0 !important;
    min-height:76px !important;
    width:auto !important;
    max-width:none !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:8px !important;
    padding:9px 8px !important;
    border-right:1px solid #dce6ee !important;
    border-bottom:0 !important;
}

.woocommerce-product-gallery .wai-benefit-product .wai-benefit-item:last-child{
    border-right:0 !important;
}

.woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    flex:0 0 32px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:9px !important;
}

.woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon svg,
.woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon > svg{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    min-height:17px !important;
    max-width:17px !important;
    max-height:17px !important;
    flex:0 0 17px !important;
    display:block !important;
    margin:0 !important;
}

.woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
}

.woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy strong{
    display:block !important;
    color:#092f55 !important;
    font-size:9px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    margin:0 !important;
}

.woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy span{
    display:block !important;
    color:#587087 !important;
    font-size:7px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    margin:3px 0 0 !important;
}

/* Mobile: keep the same single-row 4-column design when the
   gallery is wide enough; compact typography prevents wrapping
   into a 2x2 block. */
@media(max-width:767px){
    .woocommerce-product-gallery .wai-benefit-product{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-item{
        min-height:62px !important;
        padding:7px 4px !important;
        gap:4px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon{
        width:25px !important;
        height:25px !important;
        min-width:25px !important;
        min-height:25px !important;
        max-width:25px !important;
        max-height:25px !important;
        flex-basis:25px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon svg,
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon > svg{
        width:13px !important;
        height:13px !important;
        min-width:13px !important;
        min-height:13px !important;
        max-width:13px !important;
        max-height:13px !important;
        flex-basis:13px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy strong{
        font-size:7px !important;
        line-height:1.1 !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy span{
        font-size:5.5px !important;
        line-height:1.1 !important;
        margin-top:2px !important;
    }
}


/* =============================================================
   V10 — DESKTOP PRODUCT BENEFIT BAR
   Some themes render woocommerce_product_thumbnails outside the
   .woocommerce-product-gallery selector. Therefore this final
   rule targets the product benefit bar itself.
   Mobile is intentionally left unchanged.
   ============================================================= */
@media (min-width:768px){
    .wai-benefit-product{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-auto-flow:column !important;
        grid-auto-rows:auto !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .wai-benefit-product .wai-benefit-item{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        width:auto !important;
        min-width:0 !important;
        min-height:92px !important;
        max-width:none !important;
        box-sizing:border-box !important;
        padding:12px 10px !important;
        gap:9px !important;
        border-right:1px solid #dce6ee !important;
        border-bottom:0 !important;
    }

    .wai-benefit-product .wai-benefit-item:last-child{
        border-right:0 !important;
    }

    .wai-benefit-product .wai-benefit-icon{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        min-height:40px !important;
        max-width:40px !important;
        max-height:40px !important;
        flex:0 0 40px !important;
        border-radius:10px !important;
        padding:0 !important;
        margin:0 !important;
    }

    .wai-benefit-product .wai-benefit-icon svg,
    .wai-benefit-product .wai-benefit-icon > svg{
        width:20px !important;
        height:20px !important;
        min-width:20px !important;
        min-height:20px !important;
        max-width:20px !important;
        max-height:20px !important;
        flex:0 0 20px !important;
        display:block !important;
        margin:0 !important;
    }

    .wai-benefit-product .wai-benefit-copy{
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .wai-benefit-product .wai-benefit-copy strong{
        display:block !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        color:#092f55 !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        margin:0 !important;
    }

    .wai-benefit-product .wai-benefit-copy span{
        display:block !important;
        font-size:8.5px !important;
        line-height:1.25 !important;
        font-weight:500 !important;
        color:#587087 !important;
        white-space:normal !important;
        margin:3px 0 0 !important;
    }
}

/* Medium desktop product columns */
@media (min-width:768px) and (max-width:1100px){
    .wai-benefit-product .wai-benefit-item{
        min-height:84px !important;
        padding:10px 7px !important;
        gap:6px !important;
    }
    .wai-benefit-product .wai-benefit-icon{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
        max-width:34px !important;
        max-height:34px !important;
        flex-basis:34px !important;
    }
    .wai-benefit-product .wai-benefit-icon svg,
    .wai-benefit-product .wai-benefit-icon > svg{
        width:17px !important;
        height:17px !important;
        min-width:17px !important;
        min-height:17px !important;
        max-width:17px !important;
        max-height:17px !important;
        flex-basis:17px !important;
    }
    .wai-benefit-product .wai-benefit-copy strong{font-size:9px !important}
    .wai-benefit-product .wai-benefit-copy span{font-size:7px !important}
}


/* =============================================================
   V11 — PRODUCT DESKTOP BENEFIT BAR
   User requested:
   - Keep 2 x 2 on desktop
   - Increase the overall bar size to use the empty space
   - Make the two benefit tables/areas align naturally with the
     right-side pack table
   - Increase typography
   Mobile remains unchanged.
   ============================================================= */
@media (min-width:768px){
    .wai-benefit-product{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:repeat(2,minmax(0,1fr)) !important;
        grid-auto-flow:row !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        min-height:212px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
        margin:14px 0 0 !important;
    }

    .wai-benefit-product .wai-benefit-item{
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        min-height:106px !important;
        height:auto !important;
        box-sizing:border-box !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:13px !important;
        padding:18px 16px !important;
        border-right:1px solid #dce6ee !important;
        border-bottom:1px solid #dce6ee !important;
    }

    .wai-benefit-product .wai-benefit-item:nth-child(2n){
        border-right:0 !important;
    }

    .wai-benefit-product .wai-benefit-item:nth-child(n+3){
        border-bottom:0 !important;
    }

    .wai-benefit-product .wai-benefit-icon{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        min-height:48px !important;
        max-width:48px !important;
        max-height:48px !important;
        flex:0 0 48px !important;
        border-radius:12px !important;
        padding:0 !important;
        margin:0 !important;
    }

    .wai-benefit-product .wai-benefit-icon svg,
    .wai-benefit-product .wai-benefit-icon > svg{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        min-height:24px !important;
        max-width:24px !important;
        max-height:24px !important;
        flex:0 0 24px !important;
        display:block !important;
        margin:0 !important;
    }

    .wai-benefit-product .wai-benefit-copy{
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .wai-benefit-product .wai-benefit-copy strong{
        display:block !important;
        color:#092f55 !important;
        font-size:13px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        margin:0 !important;
    }

    .wai-benefit-product .wai-benefit-copy span{
        display:block !important;
        color:#587087 !important;
        font-size:10px !important;
        line-height:1.3 !important;
        font-weight:500 !important;
        white-space:normal !important;
        margin:4px 0 0 !important;
    }
}

/* Medium desktop: retain 2 x 2 but scale slightly so it never
   feels cramped inside narrower product columns. */
@media (min-width:768px) and (max-width:1100px){
    .wai-benefit-product{
        min-height:190px !important;
    }
    .wai-benefit-product .wai-benefit-item{
        min-height:95px !important;
        padding:14px 11px !important;
        gap:9px !important;
    }
    .wai-benefit-product .wai-benefit-icon{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        min-height:40px !important;
        max-width:40px !important;
        max-height:40px !important;
        flex-basis:40px !important;
    }
    .wai-benefit-product .wai-benefit-icon svg,
    .wai-benefit-product .wai-benefit-icon > svg{
        width:20px !important;
        height:20px !important;
        min-width:20px !important;
        min-height:20px !important;
        max-width:20px !important;
        max-height:20px !important;
        flex-basis:20px !important;
    }
    .wai-benefit-product .wai-benefit-copy strong{font-size:11px !important}
    .wai-benefit-product .wai-benefit-copy span{font-size:8.5px !important}
}


/* =============================================================
   V12 — FINAL PRODUCT DESKTOP 2 x 2
   Higher specificity is intentional because older V9/V10 rules
   target .woocommerce-product-gallery .wai-benefit-product.
   ============================================================= */
@media (min-width:768px){
    .woocommerce-product-gallery .wai-benefit-product{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:repeat(2,minmax(0,1fr)) !important;
        grid-auto-flow:row !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:212px !important;
        min-height:212px !important;
        max-height:212px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-item{
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        height:auto !important;
        min-height:106px !important;
        max-height:106px !important;
        box-sizing:border-box !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:14px !important;
        padding:18px 16px !important;
        border-right:1px solid #dce6ee !important;
        border-bottom:1px solid #dce6ee !important;
    }

    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-item:nth-child(2n){
        border-right:0 !important;
    }

    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-item:nth-child(n+3){
        border-bottom:0 !important;
    }

    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        min-height:48px !important;
        max-width:48px !important;
        max-height:48px !important;
        flex:0 0 48px !important;
        border-radius:12px !important;
        padding:0 !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon svg,
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon > svg{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        min-height:24px !important;
        max-width:24px !important;
        max-height:24px !important;
        flex:0 0 24px !important;
        display:block !important;
        margin:0 !important;
    }

    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy{
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy strong{
        display:block !important;
        color:#092f55 !important;
        font-size:13px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        margin:0 !important;
    }

    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy span{
        display:block !important;
        color:#587087 !important;
        font-size:10px !important;
        line-height:1.3 !important;
        font-weight:500 !important;
        white-space:normal !important;
        margin:4px 0 0 !important;
    }
}

/* Medium desktop */
@media (min-width:768px) and (max-width:1100px){
    .woocommerce-product-gallery .wai-benefit-product{
        height:190px !important;
        min-height:190px !important;
        max-height:190px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-item{
        min-height:95px !important;
        max-height:95px !important;
        padding:14px 11px !important;
        gap:10px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        max-width:42px !important;
        max-height:42px !important;
        flex-basis:42px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon svg,
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-icon > svg{
        width:21px !important;
        height:21px !important;
        min-width:21px !important;
        min-height:21px !important;
        max-width:21px !important;
        max-height:21px !important;
        flex-basis:21px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy strong{
        font-size:11px !important;
    }
    .woocommerce-product-gallery .wai-benefit-product .wai-benefit-copy span{
        font-size:8.5px !important;
    }
}


/* V13: discourage casual text/image copying while keeping checkout
   and other form controls usable. This is not a security boundary. */
body{
    -webkit-user-select:none;
    user-select:none;
}
input, textarea, select, button, [contenteditable="true"]{
    -webkit-user-select:text;
    user-select:text;
}
img{
    -webkit-user-drag:none;
}


/* =============================================================
   V14 — CHECKOUT BENEFIT BAR SPACING + RESPONSIVE
   Place a comfortable gap below Place Order and enlarge the
   benefit cards without allowing overflow on smaller screens.
   ============================================================= */

/* Desktop checkout */
@media (min-width:768px){
    .wai-benefit-checkout-payment-v5{
        width:100% !important;
        max-width:100% !important;
        margin:18px 0 0 !important;
        box-sizing:border-box !important;
        border-radius:10px !important;
        overflow:hidden !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-item{
        min-width:0 !important;
        min-height:84px !important;
        box-sizing:border-box !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        gap:10px !important;
        padding:12px 11px !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-icon{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
        max-width:38px !important;
        max-height:38px !important;
        flex:0 0 38px !important;
        border-radius:10px !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-icon svg,
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon > svg{
        width:19px !important;
        height:19px !important;
        min-width:19px !important;
        min-height:19px !important;
        max-width:19px !important;
        max-height:19px !important;
        flex:0 0 19px !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-copy{
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-copy strong{
        font-size:10.5px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        white-space:normal !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-copy span{
        font-size:8px !important;
        line-height:1.25 !important;
        margin-top:3px !important;
        white-space:normal !important;
    }
}

/* Tablet */
@media (min-width:768px) and (max-width:1100px){
    .wai-benefit-checkout-payment-v5{
        margin-top:16px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-item{
        min-height:78px !important;
        padding:10px 8px !important;
        gap:7px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
        max-width:34px !important;
        max-height:34px !important;
        flex-basis:34px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon svg,
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon > svg{
        width:17px !important;
        height:17px !important;
        min-width:17px !important;
        min-height:17px !important;
        max-width:17px !important;
        max-height:17px !important;
        flex-basis:17px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-copy strong{font-size:9.5px !important}
    .wai-benefit-checkout-payment-v5 .wai-benefit-copy span{font-size:7px !important}
}

/* Mobile — keep 2x2, give the cards a little more breathing room,
   while shrinking safely on very narrow screens. */
@media (max-width:767px){
    .wai-benefit-checkout-payment-v5{
        width:100% !important;
        max-width:100% !important;
        margin:14px 0 0 !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:repeat(2,minmax(0,1fr)) !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-item{
        min-width:0 !important;
        min-height:72px !important;
        padding:9px 8px !important;
        gap:7px !important;
        box-sizing:border-box !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-icon{
        width:31px !important;
        height:31px !important;
        min-width:31px !important;
        min-height:31px !important;
        max-width:31px !important;
        max-height:31px !important;
        flex:0 0 31px !important;
        border-radius:9px !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-icon svg,
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon > svg{
        width:15px !important;
        height:15px !important;
        min-width:15px !important;
        min-height:15px !important;
        max-width:15px !important;
        max-height:15px !important;
        flex:0 0 15px !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-copy{
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-copy strong{
        font-size:8.5px !important;
        line-height:1.15 !important;
        font-weight:900 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

    .wai-benefit-checkout-payment-v5 .wai-benefit-copy span{
        font-size:6.8px !important;
        line-height:1.2 !important;
        margin-top:2px !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }
}

@media (max-width:380px){
    .wai-benefit-checkout-payment-v5 .wai-benefit-item{
        min-height:66px !important;
        padding:7px 6px !important;
        gap:5px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon{
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
        min-height:28px !important;
        max-width:28px !important;
        max-height:28px !important;
        flex-basis:28px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon svg,
    .wai-benefit-checkout-payment-v5 .wai-benefit-icon > svg{
        width:14px !important;
        height:14px !important;
        min-width:14px !important;
        min-height:14px !important;
        max-width:14px !important;
        max-height:14px !important;
        flex-basis:14px !important;
    }
    .wai-benefit-checkout-payment-v5 .wai-benefit-copy strong{font-size:8px !important}
    .wai-benefit-checkout-payment-v5 .wai-benefit-copy span{font-size:6.3px !important}
}


/* =============================================================
   V15 — CHECKOUT DESKTOP STRONG OVERRIDE
   Targets the WooCommerce #payment container directly so the
   checkout theme cannot collapse the spacing/size.
   ============================================================= */
@media (min-width:768px){
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:repeat(2,minmax(0,1fr)) !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        margin-top:20px !important;
        margin-bottom:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-item{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        min-width:0 !important;
        width:auto !important;
        min-height:96px !important;
        padding:14px 13px !important;
        gap:11px !important;
        box-sizing:border-box !important;
    }

    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-icon{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        max-width:42px !important;
        max-height:42px !important;
        flex:0 0 42px !important;
        border-radius:10px !important;
    }

    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-icon svg,
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-icon > svg{
        width:21px !important;
        height:21px !important;
        min-width:21px !important;
        min-height:21px !important;
        max-width:21px !important;
        max-height:21px !important;
        flex:0 0 21px !important;
    }

    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-copy{
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-copy strong{
        display:block !important;
        font-size:11.5px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        color:#092f55 !important;
        white-space:normal !important;
    }

    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-copy span{
        display:block !important;
        font-size:8.5px !important;
        line-height:1.25 !important;
        margin-top:4px !important;
        color:#587087 !important;
        white-space:normal !important;
    }
}

/* Medium desktop/tablet */
@media (min-width:768px) and (max-width:1100px){
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5{
        margin-top:16px !important;
    }
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-item{
        min-height:86px !important;
        padding:11px 9px !important;
        gap:8px !important;
    }
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-icon{
        width:36px !important;height:36px !important;
        min-width:36px !important;min-height:36px !important;
        max-width:36px !important;max-height:36px !important;
        flex-basis:36px !important;
    }
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-icon svg,
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-icon > svg{
        width:18px !important;height:18px !important;
        min-width:18px !important;min-height:18px !important;
        max-width:18px !important;max-height:18px !important;
        flex-basis:18px !important;
    }
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-copy strong{font-size:10px !important}
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5 .wai-benefit-copy span{font-size:7.5px !important}
}


/* =============================================================
   V16 — MATCH MOBILE CHECKOUT SPACING ON DESKTOP
   The benefit bar must visibly sit below Place Order, with the
   same breathing room users see on mobile.
   ============================================================= */
@media (min-width:1101px){
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5{
        margin-top:32px !important;
        margin-bottom:0 !important;
        position:relative !important;
        z-index:2 !important;
    }

    /* Prevent the payment container's own first-child/last-child
       spacing rules from collapsing the visual gap. */
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5::before{
        content:none !important;
    }
}

@media (min-width:768px) and (max-width:1100px){
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5{
        margin-top:28px !important;
        margin-bottom:0 !important;
    }
}

/* Keep the already-correct mobile spacing unchanged. */
@media (max-width:767px){
    .woocommerce-checkout #payment .wai-benefit-checkout-payment-v5{
        margin-top:14px !important;
        margin-bottom:0 !important;
    }
}


/* =============================================================
   V17 — EXPLICIT CHECKOUT GAP
   Do not rely on margin collapsing inside WooCommerce #payment.
   A real spacer element is inserted after Place Order and before
   the benefit bar, so the gap is guaranteed on every viewport.
   ============================================================= */
.wai-checkout-benefit-spacer{
    display:block !important;
    width:100% !important;
    height:14px !important;
    min-height:14px !important;
    max-height:14px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    clear:both !important;
}

@media (min-width:768px){
    .wai-checkout-benefit-spacer{
        height:32px !important;
        min-height:32px !important;
        max-height:32px !important;
    }
}

@media (min-width:768px) and (max-width:1100px){
    .wai-checkout-benefit-spacer{
        height:28px !important;
        min-height:28px !important;
        max-height:28px !important;
    }
}

/* Remove reliance on margin for the bar itself; the spacer above
   is the source of truth for the visual gap. */
.woocommerce-checkout #payment .wai-benefit-checkout-payment-v5{
    margin-top:0 !important;
}