/* Trang chi tiết sản phẩm trong popup */
.modal.product-page{width:min(1120px,calc(100% - 32px));max-height:92vh;border-radius:24px}.modal.product-page .detail-shell{padding:30px 34px 36px}.detail-breadcrumb{margin:0 0 23px;color:#73839a;font-size:13px}.detail-breadcrumb b{color:#1a2e4d}.detail-main{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(400px,1.08fr);gap:34px;align-items:start}.product-poster{position:sticky;top:0;min-height:510px;overflow:hidden;padding:38px 34px;border-radius:22px;background:linear-gradient(150deg,#edf4ff,#f7fbff);text-align:center;color:#112747}.product-poster:before,.product-poster:after{content:"";position:absolute;border:1px solid #dce7fa;border-radius:50%;pointer-events:none}.product-poster:before{width:430px;height:430px;left:50%;top:86px;transform:translateX(-50%)}.product-poster:after{width:560px;height:560px;left:50%;top:18px;transform:translateX(-50%)}.poster-brand,.poster-kicker,.product-poster h2,.product-poster p,.poster-logo,.poster-features{position:relative;z-index:1}.poster-brand{position:absolute;right:22px;top:20px;color:#2563eb;font-size:9px;font-weight:900;letter-spacing:1.1px}.poster-kicker{display:inline-block;margin:5px auto 18px;padding:7px 16px;border-radius:999px;background:#fff;color:#a35434;font-size:10px;font-weight:900;letter-spacing:2px}.product-poster h2{margin:0;font-size:38px;letter-spacing:-1.5px;line-height:1.08}.product-poster p{margin:9px auto 24px;color:#63748d;font-size:13px;line-height:1.5}.poster-logo{display:grid;place-items:center;width:160px;height:160px;margin:0 auto;border-radius:32px;background:#fff;box-shadow:0 20px 42px #1a345a20}.poster-logo img{width:104px;height:104px;object-fit:contain}.poster-features{display:flex;justify-content:center;gap:18px;margin-top:44px;color:#41546f;font-size:10px;font-weight:800}.poster-features span{display:flex;align-items:center;gap:5px}.poster-features i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f3a06e;color:#fff;font-style:normal}.detail-info{min-width:0}.detail-info>.category{display:block;margin:7px 0 9px;color:#2a66de;font-size:10px;font-weight:900;letter-spacing:1.4px}.detail-info h1{margin:0 0 10px;color:#10233f;font-size:30px;line-height:1.18;letter-spacing:-.8px}.detail-rating{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#5e6e85;font-size:13px}.detail-rating>span{color:#ffab00;letter-spacing:1px}.detail-rating b{color:#132b4e}.verified{margin-left:4px;padding:5px 8px;border-radius:999px;background:#e3f8ec;color:#16844e;font-size:10px;font-style:normal;font-weight:800}.purchase-ping{display:flex;align-items:center;gap:8px;margin:19px 0 13px;padding:13px 15px;border:1px solid #e2e9f4;border-radius:13px;color:#4c5e77;font-size:12px;box-shadow:0 7px 17px #11285008}.purchase-ping i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#7151e8;color:#fff;font-style:normal;font-weight:900}.purchase-ping b{color:#172d4e}.detail-price-box{display:flex;align-items:baseline;gap:11px;padding:15px 16px;background:#f8fafc}.detail-price-box del{color:#93a1b2;font-size:16px}.detail-price-box strong{color:#f2364c;font-size:29px;line-height:1}.detail-description{margin:15px 0 16px;color:#40526d;font-size:14px;line-height:1.7}.promo-box{overflow:hidden;margin:0 0 15px;border-radius:14px;background:linear-gradient(120deg,#fa3154,#ff6547);box-shadow:0 14px 25px #fa36533d;color:#fff}.promo-head,.promo-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;font-size:10px;font-weight:800}.promo-head span:first-child{padding:3px 7px;border:1px solid #ffffff80;border-radius:99px}.promo-bar{height:4px;margin:0 14px;border-radius:99px;background:#ffffff65}.promo-bar i{display:block;width:45%;height:100%;border-radius:inherit;background:#fff}.promo-foot{padding-top:7px}.account-box{margin-top:18px;padding:19px;border:1px solid #e3eaf5;border-radius:17px;background:#fff;box-shadow:0 9px 25px #183a6e0a}.account-box h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#112847;font-size:17px}.account-box h3 i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#2563eb;color:#fff;font-style:normal}.account-box label{display:block;color:#203752;font-size:12px;font-weight:800}.account-box input,.account-box textarea{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #cfdcec;border-radius:10px;background:#fbfdff;padding:11px 12px;color:#1a2e4d;font:inherit;outline:none}.account-box textarea{min-height:58px;resize:vertical}.account-box input:focus,.account-box textarea:focus{border-color:#5f8ef2;box-shadow:0 0 0 3px #e7efff}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.detail-actions button,.detail-actions a{border:0;border-radius:11px;padding:13px 10px;text-align:center;font-size:12px;font-weight:900;cursor:pointer;text-decoration:none}.detail-actions button{background:#2563eb;color:#fff}.detail-actions a{background:#e8f0ff;color:#1e5dde}.detail-note{margin:14px 0 0;color:#5d6f87;font-size:11px;line-height:1.55}.option-label{display:block;margin:22px 0 11px;font-size:15px;font-weight:800;color:#10233f}.package-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;padding:12px;border:1px solid #dce8fb;border-radius:15px;background:linear-gradient(135deg,#f5f8ff,#eef4ff)}.package-options button{position:relative;min-height:62px;padding:12px 9px;border:1px solid #cbdaf1;border-radius:11px;background:#fff;color:#28405e;font-size:12px;font-weight:700;line-height:1.45;box-shadow:0 3px 8px #1838640c;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.package-options button:hover{border-color:#4d83ef;transform:translateY(-2px);box-shadow:0 9px 18px #2c61bd1a}.package-options button.active{padding-top:19px;background:linear-gradient(135deg,#1d63e8,#2c78f5);border-color:#1d63e8;color:#fff;box-shadow:0 10px 22px #2563eb42}.package-options button.active:before{content:"ĐANG CHỌN";position:absolute;left:50%;top:6px;transform:translateX(-50%);font-size:8px;font-weight:800;letter-spacing:.5px;white-space:nowrap;color:#ddebff}@media(max-width:760px){.modal.product-page{width:calc(100% - 20px);max-height:94vh}.modal.product-page .detail-shell{padding:24px 19px}.detail-main{grid-template-columns:1fr;gap:22px}.product-poster{position:relative;min-height:355px;padding:28px 20px}.product-poster:before{width:310px;height:310px;top:60px}.product-poster:after{width:410px;height:410px;top:10px}.product-poster h2{font-size:31px}.poster-logo{width:125px;height:125px;border-radius:26px}.poster-logo img{width:82px;height:82px}.poster-features{margin-top:28px;gap:9px;font-size:9px}.detail-info h1{font-size:26px}.detail-breadcrumb{font-size:11px}.detail-actions{grid-template-columns:1fr}.detail-price-box strong{font-size:26px}}@media(max-width:520px){.package-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}.package-options button{font-size:11px;min-height:58px}.option-label{font-size:14px}.poster-features{flex-wrap:wrap}.promo-head{font-size:9px}.detail-rating{font-size:12px}}
