/* Reserve a separate close target; preserve the existing popup appearance. */
@media (max-width:860px) {
  #ukmAtc .ukm-atc__title { padding-right:48px; }
  #ukmAtc .ukm-atc__close { top:16px; right:16px; width:44px; height:44px; }
}
/* PDF final p33: final shell is present in server HTML, before opening. */
#ukmAtc .ukm-atc__modal { margin:0 auto; min-width:0; }
#ukmAtc .ukm-atc__top { display:grid; grid-template-columns:minmax(0,1fr) 250px; align-items:start; gap:32px; }
#ukmAtc .ukm-atc__fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; min-width:0; }
#ukmAtc .ukm-atc__field { min-width:0; }
#ukmAtc .ukm-atc__field label { display:block; line-height:20px; margin:0 0 10px; }
#ukmAtc .ukm-atc__qty,#ukmAtc .ukm-atc__box { width:100%; min-width:0; box-sizing:border-box; }
#ukmAtc .ukm-atc__actions { padding-top:30px; min-width:0; }
#ukmAtc .ukm-atc__btn { box-sizing:border-box; border:1px solid #fff; border-radius:10px; color:#fff; background:#2c71bf; text-decoration:none; }
#ukmAtc .ukm-atc__btn--ghost { color:rgba(16,16,16,.9); background:#f5f5f5; border-color:#2c71bf; }
#ukmAtc .ukm-atc__btn:is(:hover,:active) { color:#fff; background:#47484c; border-color:transparent; }
#ukmAtc .ukm-atc__recommendations { min-width:0; position:relative; }
#ukmAtc .ukm-atc__reco-nav { display:flex; justify-content:flex-end; gap:8px; margin:0 0 16px; }
#ukmAtc .ukm-atc__arrow { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; color:#fff; background:#2c71bf; font:28px/1 sans-serif; cursor:pointer; }
#ukmAtc .ukm-atc__arrow svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#ukmAtc .ukm-atc__arrow:hover { background:#47484c; }
#ukmAtc .ukm-atc__arrow:disabled { opacity:.4; cursor:default; }
#ukmAtc #ukmAtcRecoStatus { margin:0; color:#63718a; }
#ukmAtc #ukmAtcRecoStatus:empty { display:none; }
#ukmAtc #ukmAtcReco { display:flex !important; flex-wrap:nowrap; align-items:stretch; gap:16px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; scroll-snap-type:x mandatory; margin:0; padding:0 0 4px; min-width:0; }
#ukmAtc #ukmAtcReco::-webkit-scrollbar { display:none; }
#ukmAtc #ukmAtcReco:empty { min-height:280px; }
#ukmAtc #ukmAtcReco > .product-card { flex:0 0 calc((100% - 48px)/4); width:auto; min-width:0; margin:0; box-sizing:border-box; scroll-snap-align:start; }
#ukmAtc #ukmAtcReco .ukm-delivery,#ukmAtc #ukmAtcReco .catalog-item__delivery { display:none; }
@media(max-width:1000px) {
    #ukmAtc .ukm-atc__top { grid-template-columns:1fr; gap:24px; }
    #ukmAtc .ukm-atc__actions { padding-top:0; }
    #ukmAtc #ukmAtcReco > .product-card { flex-basis:calc((100% - 32px)/3); }
}
@media(max-width:600px) {
    #ukmAtc .ukm-atc__fields { gap:8px; }
    #ukmAtc .ukm-atc__field label { font-size:12px; min-height:40px; }
    #ukmAtc .ukm-atc__qty { padding:0 4px; }
    #ukmAtc .ukm-atc__qnum { width:28px; min-width:0; }
    #ukmAtc .ukm-atc__qbtn { padding:0; width:24px; flex:0 0 24px; }
    #ukmAtc .ukm-atc__box { padding:8px; font-size:14px; }
    #ukmAtc #ukmAtcReco > .product-card { flex-basis:min(100%,280px); }
}