.shop-flow .products-grid > .product-bundle-card{
  position:relative;
  display:flex;
  flex-direction:column;
  grid-column:span 2;
  gap:0;
  padding:0!important;
  overflow:hidden;
  border-radius:24px!important;
  border:1px solid #c8deeb!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 14px 34px rgba(21,56,89,.08)!important;
}
.shop-flow .products-grid > .product-bundle-card::before,
.shop-flow .products-grid > .product-bundle-card::after{content:none!important;display:none!important}
.bundle-ad-art{
  width:100%;
  position:relative;
  flex:none;
  line-height:0;
  background:#dff3fe;
  overflow:hidden;
}
.bundle-ad-art img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1967/799;
  object-fit:cover;
  object-position:center;
}
.bundle-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 16px;
  background:linear-gradient(180deg,rgba(4,55,103,0) 0%,rgba(4,55,103,.18) 34%,rgba(4,55,103,.84) 100%);
}
.bundle-overlay-price{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.bundle-final-price{
  font:900 clamp(28px,3vw,44px)/1 Manrope,'Segoe UI',sans-serif;
  color:#fff;
  letter-spacing:-1px;
  white-space:nowrap;
  text-shadow:0 6px 22px rgba(0,31,56,.24);
}
.bundle-purchase-note{
  font:700 11px/1.35 Manrope,'Segoe UI',sans-serif;
  color:#d6eefc;
}
.bundle-purchase-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.bundle-purchase-actions button{
  appearance:none;
  cursor:pointer;
  min-height:44px;
  border-radius:12px;
  padding:10px 14px;
  font:850 11px/1.2 Manrope,'Segoe UI',sans-serif;
  transition:transform .2s,box-shadow .2s;
  box-shadow:0 12px 20px rgba(0,34,60,.12);
}
.bundle-purchase-actions button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,27,56,.2)}
.bundle-purchase-actions button:focus-visible{outline:3px solid #fff077;outline-offset:2px}
.bundle-purchase-buy{background:#fff!important;color:#075d9b!important;border:1px solid #fff!important}
.bundle-purchase-add{background:rgba(6,105,173,.5)!important;border:1px solid rgba(255,255,255,.72)!important;color:white!important}
.bundle-purchase-actions button:disabled{opacity:.5;cursor:not-allowed}
.bundle-parts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:12px 14px 14px;
  background:linear-gradient(180deg,#edf9ff 0%,#f8fcff 100%);
  min-width:0;
}
.bundle-part{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  min-height:74px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(98,169,209,.24);
  background:rgba(255,255,255,.82);
}
.bundle-part-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  flex:none;
  overflow:hidden;
}
.bundle-part-photo img{width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.bundle-part-label{
  font:800 11px/1.25 Manrope,'Segoe UI',sans-serif;
  letter-spacing:-.1px;
  color:#164362;
  word-break:normal;
  overflow-wrap:anywhere;
}
@media(min-width:1101px){
  .shop-flow .products-grid > .product-bundle-card{grid-column:span 2!important}
}
@media(max-width:1100px){
  .shop-flow .products-grid > .product-bundle-card{grid-column:1/-1!important}
}
@media(max-width:900px){
  .bundle-overlay{padding:14px 14px 12px;gap:8px;align-items:flex-end}
  .bundle-purchase-actions{flex:1 1 auto}
  .bundle-purchase-actions button{min-height:42px;padding:10px 12px;font-size:10px}
  .bundle-parts{gap:8px;padding:10px 10px 12px}
  .bundle-part{padding:7px 8px;min-height:72px}
  .bundle-part-photo{width:48px;height:48px}
}
@media(max-width:640px){
  .bundle-ad-art img{aspect-ratio:1967/920;object-position:center}
  .bundle-overlay{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    padding:12px;
  }
  .bundle-purchase-actions{
    width:100%;
    justify-content:flex-start;
  }
  .bundle-purchase-actions button{
    flex:1 1 0;
    min-width:0;
    white-space:nowrap;
  }
  .bundle-parts{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:10px;
  }
  .bundle-part{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:88px;
    padding:7px 5px;
  }
  .bundle-part-photo{width:42px;height:42px}
  .bundle-part-label{font-size:9px;text-align:center}
}
@media(max-width:390px){
  .bundle-final-price{font-size:26px}
  .bundle-purchase-note{font-size:10px}
  .bundle-purchase-actions button{font-size:10px;padding:9px 6px}
  .bundle-part-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.bundle-purchase-actions button{transition:none}}

/* v36 FINAL FIX: Full-width horizontal banner INSIDE the product catalog.
   Regular 1µm and 5µm product cards follow BELOW this banner. */
.shop-flow .products-grid > .product-bundle-card{
  grid-column:1/-1!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  background:transparent!important;
  border-radius:22px!important;
  box-shadow:0 15px 40px rgba(21,74,121,.09)!important;
}
.bundle-ad-art{position:relative;width:100%;background:#d8f3ff;line-height:0;overflow:hidden}
.bundle-ad-art>img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1967 / 799!important;
  object-fit:cover!important;
}
.bundle-overlay{
  position:absolute!important;
  left:auto!important;
  right:18px!important;
  bottom:16px!important;
  top:auto!important;
  width:auto!important;
  max-width:min(76%,690px)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:13px!important;
  padding:10px 12px 10px 16px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:17px!important;
  background:rgba(5,70,121,.92)!important;
  box-shadow:0 14px 30px rgba(5,44,74,.22)!important;
  backdrop-filter:blur(8px);
}
.bundle-final-price{font-size:clamp(28px,3vw,40px)!important;line-height:1!important}
.bundle-purchase-note{white-space:nowrap;font-size:10px!important}
.bundle-overlay-price{flex:none}
.bundle-overlay-actions{flex:none;width:auto!important;display:flex!important;flex-wrap:nowrap!important;gap:7px!important}
.bundle-overlay-actions button{white-space:nowrap!important;min-height:42px!important;padding:10px 13px!important;flex:none!important}
.bundle-parts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px 12px!important;
  background:rgba(239,250,255,.96)!important;
}
.bundle-part{min-height:66px!important;flex-direction:row!important;gap:9px!important;border-radius:12px!important;align-items:center!important;justify-content:flex-start!important}
.bundle-part-label{text-align:left!important;font-size:11px!important}
.bundle-part-photo{width:48px!important;height:48px!important}
@media(max-width:720px){
  .shop-flow .products-grid > .product-bundle-card{grid-column:1/-1!important}
  .bundle-ad-art>img{aspect-ratio:1967/799!important;object-fit:contain!important}
  .bundle-overlay{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    max-width:100%!important;
    width:100%!important;
    border-radius:0!important;
    border:0!important;
    padding:9px 10px!important;
    box-shadow:none!important;
    backdrop-filter:none;
    background:#075785!important;
    gap:9px!important;
  }
  .bundle-final-price{font-size:24px!important}
  .bundle-purchase-note{font-size:9px!important}
  .bundle-overlay-actions{flex:1 1 auto!important;min-width:0}
  .bundle-overlay-actions button{min-height:39px!important;font-size:10px!important;padding:8px 9px!important;white-space:normal!important}
  .bundle-parts{gap:6px!important;padding:8px!important}
  .bundle-part{flex-direction:column!important;justify-content:center!important;gap:4px!important;min-height:85px!important;padding:6px 3px!important}
  .bundle-part-label{text-align:center!important;font-size:9px!important}
  .bundle-part-photo{height:43px!important;width:43px!important}
}
@media(max-width:400px){
  .bundle-overlay{gap:5px!important;padding:8px!important}
  .bundle-final-price{font-size:21px!important}
  .bundle-purchase-note{font-size:8px!important}
  .bundle-overlay-actions{gap:4px!important}
  .bundle-overlay-actions button{font-size:9px!important;padding:6px 5px!important;min-height:38px!important}
  .bundle-part-label{font-size:8px!important}
}