.package-order-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:24px;overflow-y:auto}
.package-order-modal.is-open{display:flex}
.package-order-modal__backdrop{position:absolute;inset:0;background:rgba(245,245,245,.68);backdrop-filter:blur(12px)}
.package-order-modal__dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);width:min(1000px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.22);overflow:hidden}
.package-order-modal__close{position:absolute;top:16px;right:18px;z-index:2;width:36px;height:36px;border:0;background:transparent;color:#666;font-size:1.5rem;line-height:1}
.package-order-modal__image-wrap{height:100%;min-height:390px;background:#f4f7fb;display:flex;align-items:center;justify-content:center}
.package-order-modal__image{width:100%;height:100%;object-fit:contain;display:block}
.package-order-modal__content{min-height:0;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:28px 28px 24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary) #eef2f5}
.package-order-modal__content::-webkit-scrollbar{width:6px}
.package-order-modal__content::-webkit-scrollbar-track{background:#eef2f5;border-radius:999px}
.package-order-modal__content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:999px}
.package-order-modal__title{margin:0 42px 48px 0;color:var(--primary);font-size:1.3rem;font-weight:700;line-height:1.35}
.package-order-modal__label{margin:0 0 16px;color:var(--secondary);font-weight:700}
.package-order-modal__channels{display:flex;flex-direction:column;gap:14px;max-height:46vh;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--primary) #eef2f5}
.package-order-modal__channels::-webkit-scrollbar{width:6px}
.package-order-modal__channels::-webkit-scrollbar-track{background:#eef2f5;border-radius:999px}
.package-order-modal__channels::-webkit-scrollbar-thumb{background:var(--primary);border-radius:999px}
.package-order-channel{display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:14px;padding:10px 14px;background:#fff;border-radius:14px;box-shadow:0 10px 26px rgba(5,20,65,.08);color:#242424}
.package-order-channel:hover{color:#242424;transform:translateY(-1px)}
.package-order-channel__icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-weight:700;font-size:.95rem}
.package-order-channel__icon img{width:100%;height:100%;object-fit:contain;padding:5px;background:#fff}
.package-order-channel__icon--shopee{background:#f05f3d}
.package-order-channel__icon--lazmall{background:linear-gradient(135deg,#2148d8,#ef2b87)}
.package-order-channel__icon--line{background:#23c904}
.package-order-channel__icon--phone{background:#bfddff;color:var(--secondary);font-size:1.35rem}
.package-order-channel__title{display:block;margin-bottom:2px;font-size:1rem;font-weight:700;line-height:1.25;color:#111}
.package-order-channel__subtitle{display:block;color:#666;font-size:.92rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.package-order-channel__arrow{color:var(--secondary);font-size:1.45rem}
@media (max-width: 767px) {
    .package-order-modal{align-items:flex-start;padding:12px}
    .package-order-modal__dialog{display:flex;flex-direction:column;grid-template-columns:1fr;width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}
    .package-order-modal__image-wrap{height:auto;min-height:0;max-height:none;padding:12px 12px 0}
    .package-order-modal__image{height:auto;max-height:30vh;border-radius:12px}
    .package-order-modal__content{flex:1 1 auto;min-height:0;max-height:none;padding:18px 16px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .package-order-modal__channels{max-height:38vh;-webkit-overflow-scrolling:touch}
    .package-order-modal__title{margin-bottom:24px;font-size:1.1rem}
}