/* Isolate the existing offer block from WooCommerce/Astra floated cart buttons. */
.single-product #aaz-offer-box.aaz-offer-box{clear:both!important;float:none!important;display:flow-root!important;position:relative;inset:auto;width:100%!important;max-width:100%;box-sizing:border-box;margin-top:20px!important;flex:0 0 100%;grid-column:1 / -1}
.single-product #aaz-offer-box .aaz-offer-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;width:100%;min-width:0;margin-bottom:10px}
.single-product #aaz-offer-box .aaz-offer-head>strong{flex:1 1 180px;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.35}
.single-product #aaz-offer-box .aaz-offer-head>small{flex:0 0 auto;white-space:nowrap}
.single-product #aaz-offer-box .aaz-offer-grid{min-width:0;clear:both}.single-product #aaz-offer-box .aaz-deal{min-width:0;box-sizing:border-box}
@media(max-width:420px){.single-product #aaz-offer-box .aaz-offer-head>strong{flex-basis:100%}.single-product #aaz-offer-box .aaz-offer-head>small{max-width:100%}.single-product #aaz-offer-box .aaz-deal-info{white-space:normal;overflow-wrap:break-word}}

/* A cleared block's top margin is absorbed by float clearance on mobile.
   Put the cart button in normal flow so the offer margin creates a real gap. */
@media(max-width:767px){
 .single-product form.cart:has(#aaz-offer-box) .single_add_to_cart_button{float:none!important;display:block;margin-bottom:0!important}
 .single-product #aaz-offer-box.aaz-offer-box{margin-top:18px!important}
}