/* 1. Frequency selector */
.loop-bundle-widget-frequency-dropdown-layout{margin-top:14px!important;height:auto!important}
.loop-bundle-widget-frequency-dropdown-layout>.relative{height:auto!important}
.loop-bundle-widget-frequency-dropdown{min-height:44px!important;height:44px!important;padding:12px 40px 8px 12px!important;align-items:center!important;box-sizing:border-box!important}
.loop-bundle-widget-frequency-dropdown p{font-size:14px!important;line-height:1.3!important;height:auto!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loop-bundle-widget-frequency-dropdown-label{top:-9px!important;left:10px!important;background:#fff;padding:0 4px!important;font-size:12px!important;line-height:1.2!important;height:auto!important;z-index:2}

/* 2. Banner image */
.loop-bundle-image-container-wrapper{height:auto!important}
div.loop-bundle-image-container{height:auto!important;max-height:none!important}
img.loop-bundle-image-container{height:auto!important;width:auto!important;max-width:100%!important;max-height:520px!important;object-fit:contain!important;margin:0 auto}

@media (max-width:767px){
  img.loop-bundle-image-container{width:100%!important;max-height:75vh!important}
  /* 4. Two cards per row */
  .loop-products-align-new{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .loop-bundle-product-card{padding:8px!important}
  .loop-bundle-product-image-container,.loop-image-product-lg{height:auto!important}
  .loop-bundle-product-image-container img{height:130px!important;width:100%!important;object-fit:contain!important}
  .loop-bundle-product-card .loop-card-header{text-align:center}
  .loop-bundle-product-card p,.loop-bundle-product-card h3,.loop-bundle-product-card h4{font-size:13px!important;line-height:1.3!important}
}

/* 3. Keep floating widgets off the bottom cart bar (phones + tablets) */
@media (max-width:1023px){
  body:has(.loop-bottom-sheet) #smile-ui-lite-launcher-frame-container{bottom:140px!important;left:8px!important;transform:scale(.72);transform-origin:left bottom}
  body:has(.loop-bottom-sheet) [class*="cn_content_slide_in"],
  body:has(.loop-bottom-sheet) .popup-10-dto{display:none!important}
  body:has(.loop-bottom-sheet.expanded) #smile-ui-lite-launcher-frame-container{display:none!important}
}