/* ux7: grouped add-on prices — polish pass (preview) */
#addl{
  min-height:0!important;
  width:100%;
  display:flex;
  flex-direction:column;
}
.ao7{
  --ao-item: minmax(0,1.5fr);
  --ao-price: 8.25rem;
  --ao-note: minmax(0,1.2fr);
  --ao-gap: 12px;
  --ao-px: 16px;
  --ao-py: 10px;
  width:100%;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(11,37,69,.10);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
  box-sizing:border-box;
}
.ao7-head,
.ao7-row{
  display:grid;
  grid-template-columns: var(--ao-item) var(--ao-price) var(--ao-note);
  column-gap: var(--ao-gap);
  padding: var(--ao-py) var(--ao-px);
  box-sizing:border-box;
  width:100%;
  align-items:start;
}
.ao7-head{
  padding-top:9px;
  padding-bottom:8px;
  background:linear-gradient(180deg,#F7F9FC,#EEF2F7);
  border-bottom:2px solid #FF7A00;
  align-items:end;
}
.ao7-head > span{
  font:700 11px/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#0B2545;
  opacity:.72;
}
.ao7-h-price,
.ao7-price{text-align:right;white-space:nowrap}
.ao7-h-note{text-align:left}
.ao7-body{display:flex;flex-direction:column}
.ao7-row{
  border-bottom:1px solid rgba(11,37,69,.08);
}
.ao7-row:nth-child(even){background:rgba(11,37,69,.025)}
.ao7-row:last-child{border-bottom-color:transparent}
.ao7-item{
  font:700 13.5px/1.3 Inter,system-ui,sans-serif;
  color:#0B2545;
  min-width:0;
  padding-top:1px;
}
.ao7-vars{
  grid-column:2 / -1;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.ao7-var{
  display:grid;
  grid-template-columns: var(--ao-price) minmax(0,1fr);
  column-gap: var(--ao-gap);
  align-items:baseline;
  min-width:0;
  position:relative;
}
.ao7-var-sub::before{
  content:"";
  position:absolute;
  left:-8px;
  top:.15em;
  bottom:.15em;
  width:2px;
  background:#FF7A00;
  border-radius:1px;
  pointer-events:none;
}
.ao7-price{
  font:700 13.5px/1.3 Inter,system-ui,sans-serif;
  color:#0B2545;
  font-variant-numeric:tabular-nums;
  min-width:0;
}
.ao7-var-sub .ao7-price{color:#FF7A00}
.ao7-note{
  font:500 12.5px/1.35 Inter,system-ui,sans-serif;
  color:#5b6675;
  min-width:0;
}
#addl .ao-foot{
  margin:12px 0 0!important;
  font:500 13px/1.45 Inter,system-ui,sans-serif!important;
  color:#6b7585!important;
}
.pc.addons #addl,
.bq-addons-card #addl,
.ao-wrap #addl{width:100%}
.pc.addons,
.bq-addons-card.card,
.card.ao-wrap{width:100%;box-sizing:border-box}

@media(max-width:1024px){
  .ao7{--ao-price:7.75rem;--ao-gap:10px;--ao-px:14px}
}
@media(max-width:768px){
  .ao7{--ao-price:7.25rem;--ao-gap:10px;--ao-px:14px;--ao-py:9px}
  .ao7-item,.ao7-price{font-size:13px}
  .ao7-note{font-size:12px}
}

/* mobile: stacked item + aligned price/note row */
@media(max-width:639px){
  .ao7-head{display:none}
  .ao7{
    --ao-price:5.75rem;
    --ao-gap:10px;
    --ao-px:14px;
    --ao-py:12px;
    border-radius:12px;
  }
  .ao7-row{
    grid-template-columns:1fr;
    row-gap:6px;
    min-height:44px;
    align-content:center;
  }
  .ao7-item{font-size:13.5px;padding-top:0;line-height:1.3}
  .ao7-vars{
    grid-column:auto;
    gap:6px;
  }
  .ao7-var{
    grid-template-columns: var(--ao-price) minmax(0,1fr);
    min-height:22px;
  }
  .ao7-price{text-align:left;font-size:13.5px}
  .ao7-note{font-size:12.5px}
  .ao7-var-sub::before{left:-8px}
  .pc.addons,
  #packages .pc.addons{
    padding:16px 14px 14px!important;
    border-radius:16px!important;
  }
  .bq-addons-card.card,
  .card.ao-wrap{padding:16px 14px 14px}
}