.packs-page{background:var(--gray);min-height:80vh;padding:32px 0 56px}.packs-page-header{margin-bottom:28px}.packs-page-header h1{font-size:22px;font-weight:800;color:var(--dark);margin:0 0 4px}.packs-page-header p{font-size:13px;color:#888;margin:0}.pack-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.pack-card:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-3px)}.pack-img-wrap{position:relative;height:220px;background:#f8f8f8;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pack-img-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;transition:transform .4s ease}.pack-card:hover .pack-img-wrap img{transform:scale(1.04)}.pack-img-wrap:after{content:"";position:absolute;inset:0;border-bottom:1px solid rgba(0,0,0,.06);pointer-events:none}.pack-savings-badge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.3px}.pack-body{padding:18px 20px;flex:1;display:flex;flex-direction:column}.pack-label{font-size:15px;font-weight:800;color:var(--dark);margin-bottom:14px;line-height:1.3}.pack-items-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.pack-item-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#555}.pack-item-thumb{width:36px;height:36px;border-radius:6px;border:1px solid var(--border);object-fit:contain;background:#fff;padding:3px;flex-shrink:0}.pack-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dark);font-weight:500}.pack-item-qty{font-size:11px;color:#888;white-space:nowrap}.pack-item-free{font-size:10px;font-weight:700;color:#22c55e;background:#f0fdf4;border:1px solid #bbf7d0;padding:2px 7px;border-radius:20px;white-space:nowrap}.pack-more-items{font-size:12px;padding-top:2px}.pack-more-items a{color:var(--red);font-weight:600;text-decoration:none}.pack-more-items a:hover{text-decoration:underline}.pack-separator{height:1px;background:linear-gradient(to right,transparent,#e0e0e0 30%,#e0e0e0 70%,transparent);margin:0 0 16px}.pack-pricing{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.pack-price-original{font-size:12px;color:#bbb;text-decoration:line-through}.pack-price-final{font-size:20px;font-weight:800;color:var(--red)}.pack-price-final span{font-size:13px;font-weight:600}.pack-card-actions{display:flex;gap:8px;margin-top:auto}.btn-pack-cart{flex:1;background:var(--dark);color:#fff;border:none;padding:11px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .15s}.btn-pack-cart:hover{background:var(--red);transform:translateY(-1px)}.btn-pack-detail{width:42px;height:42px;background:#f3f4f6;color:var(--dark);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none;flex-shrink:0;transition:background .2s,color .2s}.btn-pack-detail:hover{background:var(--dark);color:#fff}a.pack-label{display:block;text-decoration:none;color:var(--dark)}a.pack-label:hover{color:var(--red)}a.pack-img-wrap{text-decoration:none}.packs-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:14px;border:1px solid var(--border)}.packs-empty i{font-size:48px;color:#e0e0e0;margin-bottom:16px;display:block}.packs-empty h5{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:6px}.packs-empty p{font-size:13px;color:#aaa;margin:0}@media(max-width:767px){.packs-page{padding:20px 0 40px}}.pack-detail-page{background:var(--gray);min-height:80vh;padding:32px 0 56px}.pack-detail-breadcrumb{font-size:13px;color:#888;margin-bottom:24px}.pack-detail-breadcrumb a{color:#888;text-decoration:none}.pack-detail-breadcrumb a:hover{color:var(--red)}.pack-detail-breadcrumb span{color:var(--dark);font-weight:600}.pack-detail-hero{background:#fff;border-radius:16px;border:1px solid var(--border);overflow:hidden;margin-bottom:28px}.pack-detail-img-col{background:#f8f8f8;display:flex;align-items:center;justify-content:center;min-height:320px;padding:24px}.pack-detail-img-col img{max-width:100%;max-height:300px;object-fit:contain}.pack-detail-img-placeholder{font-size:80px;color:#e0e0e0}.pack-detail-info-col{padding:32px}.pack-detail-title{font-size:22px;font-weight:800;color:var(--dark);margin-bottom:12px;line-height:1.3}.pack-detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.pack-detail-badge{font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.pack-detail-badge.savings{background:#fef2f2;color:var(--red);border:1px solid #fecaca}.pack-detail-badge.date{background:#f0f9ff;color:#0ea5e9;border:1px solid #bae6fd}.pack-detail-badge.count{background:#f0fdf4;color:#22c55e;border:1px solid #bbf7d0}.pack-detail-pricing{background:#fafafa;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.pack-detail-price-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666;padding:5px 0}.pack-detail-price-row+.pack-detail-price-row{border-top:1px dashed #eee}.pack-detail-price-row.total{font-size:18px;font-weight:800;color:var(--dark);border-top:2px solid var(--border)!important;padding-top:12px;margin-top:4px}.pack-detail-price-row.total .val{color:var(--red)}.pack-detail-price-row .val-strike{text-decoration:line-through;color:#bbb}.pack-detail-price-row.savings-row{color:#22c55e;font-weight:700}.btn-pack-detail-cart{width:100%;background:var(--dark);color:#fff;border:none;padding:14px;font-size:15px;font-weight:700;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,transform .15s}.btn-pack-detail-cart:hover{background:var(--red);transform:translateY(-2px)}.pack-detail-items-section{background:#fff;border-radius:16px;border:1px solid var(--border);padding:28px}.pack-detail-section-title{font-size:16px;font-weight:800;color:var(--dark);margin-bottom:20px;display:flex;align-items:center;gap:8px}.pack-detail-section-title i{color:var(--red)}.pack-detail-item{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #f3f4f6}.pack-detail-item:last-child{border-bottom:none;padding-bottom:0}.pack-detail-item-thumb{width:64px;height:64px;border-radius:10px;border:1px solid var(--border);object-fit:contain;background:#fff;padding:5px;flex-shrink:0}.pack-detail-item-thumb-placeholder{width:64px;height:64px;border-radius:10px;border:1px solid var(--border);background:#f8f8f8;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ccc;font-size:22px}.pack-detail-item-info{flex:1;min-width:0}.pack-detail-item-name{font-size:14px;font-weight:600;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.pack-detail-item-sub{font-size:12px;color:#888}.pack-detail-item-right{text-align:right;flex-shrink:0}.pack-detail-item-price{font-size:14px;font-weight:700;color:var(--dark)}.pack-detail-item-free-badge{font-size:11px;font-weight:700;color:#22c55e;background:#f0fdf4;border:1px solid #bbf7d0;padding:3px 10px;border-radius:20px}@media(max-width:767px){.pack-detail-info-col{padding:20px}.pack-detail-title{font-size:18px}.pack-detail-img-col{min-height:200px}}