.promotion-details .popup-content{flex-direction:column;gap:1.5rem;max-height:80vh;display:flex;overflow-y:auto}.promotion-details .header-section{align-items:flex-start;gap:1.5rem;display:flex}.promotion-details .header-section .title-discount{flex:1}.promotion-details .header-section .title-discount h2{color:var(--text-primary);margin-bottom:.5rem}.promotion-details .header-section .discount{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;width:fit-content;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3);border-radius:8px;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:700}.promotion-details .header-section .promotion-image{border:2px solid var(--border);border-radius:8px;flex-shrink:0;width:200px;height:140px;overflow:hidden}.promotion-details .header-section .promotion-image img{object-fit:cover;width:100%;height:100%}.promotion-details .description-section .description{color:var(--text-secondary);margin:0;line-height:1.6}.promotion-details .details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.promotion-details .details-grid .detail-item{padding:1rem;gap:.5rem!important}.promotion-details .details-grid .detail-item small{color:var(--text-muted);font-weight:500}.promotion-details .details-grid .detail-item p{margin:.25rem 0 0;font-weight:600}.promotion-details .details-grid .detail-item p.status.active{color:var(--success)}.promotion-details .details-grid .detail-item p.status.inactive{color:var(--warning)}.promotion-details .date-range-section h3{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;display:flex}.promotion-details .date-range-section .date-range{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.promotion-details .date-range-section .date-range .date-item{flex:1}.promotion-details .date-range-section .date-range .date-item small{color:var(--text-muted);margin-bottom:.25rem;font-weight:500;display:block}.promotion-details .date-range-section .date-range .date-item p{color:var(--text-primary);margin:0;font-weight:600}.promotion-details .date-range-section .date-range .date-separator{color:var(--primary);font-size:1.2rem;font-weight:700}.promotion-details .creator-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem}.promotion-details .creator-section small{color:var(--text-muted);margin-bottom:.25rem;font-weight:500;display:block}.promotion-details .creator-section p{color:var(--text-primary);margin:0;font-weight:600}.promotion-details .buttons{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.promotion-details .buttons .btn{align-items:center;gap:.5rem;display:flex}.promotion-details .buttons .btn.loading{opacity:.7;cursor:not-allowed}.promotion-details .buttons .edit-btn{background-color:var(--info)}.promotion-details .buttons .edit-btn:hover{background-color:var(--info-dark)}.promotion-details .buttons .book-now-btn{background-color:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;width:100%;padding:1rem 2rem;font-weight:600;transition:all .2s}.promotion-details .buttons .book-now-btn:hover{background-color:var(--success-dark);box-shadow:0 4px 12px rgba(var(--success-rgb),.3);transform:translateY(-1px)}.promotion-details .buttons .book-now-btn:active{transform:translateY(0)}@media (max-width:768px){.promotion-details .header-section{flex-direction:column}.promotion-details .header-section .promotion-image{width:100%;height:200px}.promotion-details .details-grid{grid-template-columns:1fr}.promotion-details .date-range{flex-direction:column!important;align-items:stretch!important}.promotion-details .date-range .date-separator{text-align:center;transform:rotate(90deg)}.promotion-details .buttons{flex-direction:column}.promotion-details .buttons .btn{justify-content:center}}
