.package-order-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:24px}
.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:82vh;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:stretch;justify-content:center}
.package-order-modal__image{width:100%;height:100%;object-fit:cover;display:block}
.package-order-modal__content{padding:28px 28px 24px;overflow:auto}
.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}
.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{padding:14px}
    .package-order-modal__dialog{grid-template-columns:1fr;max-height:88vh}
    .package-order-modal__image-wrap{height:42vh;min-height:260px;max-height:42vh}
    .package-order-modal__content{padding:22px 18px 18px}
    .package-order-modal__title{margin-bottom:24px;font-size:1.1rem}
}