.workshop-detail-page{min-height:100vh;background:var(--color-background)}.workshop-banner{position:relative;width:100%;height:300px;overflow:hidden}.workshop-banner img{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;top:0;left:0;right:0;padding:1rem;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.btn-back-banner{background:rgba(255,255,255,.9);border:none;color:var(--color-primary);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:20px;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)}.btn-back-banner:hover{background:white;transform:translateX(-3px)}.workshop-detail-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.workshop-title{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.workshop-instructor{color:var(--color-accent);font-size:1rem;margin-bottom:1.5rem;font-weight:500}.workshop-datetime{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid var(--color-border)}.datetime-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text);font-size:.95rem}.icon-calendar:before,.icon-clock:before,.icon-price:before,.icon-user:before,.icon-users:before{content:"";display:inline-block;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;vertical-align:middle}.icon-calendar:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm-8 4H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E")}.icon-clock:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z'/%3E%3C/svg%3E")}.icon-users:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E")}.icon-price:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3Cpath d='M13.5 7c-1.93 0-3.5 1.57-3.5 3.5h-2V12h2c0 1.93 1.57 3.5 3.5 3.5.5 0 .97-.11 1.4-.29l-.7-1.21c-.22.07-.46.11-.7.11-.97 0-1.75-.78-1.75-1.75h3v-1.5h-3c0-.97.78-1.75 1.75-1.75.24 0 .48.04.7.11l.7-1.21c-.43-.18-.9-.29-1.4-.29z'/%3E%3C/svg%3E")}.icon-user:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}.workshop-description-section{margin-bottom:2rem}.workshop-description-section h2{color:var(--color-primary);font-size:1.25rem;margin-bottom:1rem;font-weight:600}.workshop-description-text{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px rgba(139,90,43,.08)}.workshop-description-text p{color:var(--color-text);line-height:1.8;font-size:1rem;white-space:pre-line}.workshop-booking-section{background:white;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 4px 15px rgba(139,90,43,.12);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;margin-top:1rem;flex-wrap:wrap}.price-display{display:flex;flex-direction:column;gap:.25rem}.price-label{color:var(--color-text-light);font-size:.875rem}.price-amount{color:var(--color-primary);font-size:2rem;font-weight:700}.btn-reserve{background:var(--color-primary);color:white;border:none;padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-reserve:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,90,43,.25)}.btn-reserve:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-notice{display:flex;align-items:center;gap:1rem}.status-notice p{color:var(--color-text-light);font-size:.9rem;margin:0}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}.status-notice.full .status-badge{background:#fee2e2;color:#dc2626}.status-notice.past .status-badge{background:#e5e7eb;color:#6b7280}.workshop-detail-header{margin-bottom:2rem}.workshop-detail-header .btn-back{background:none;border:none;color:var(--color-primary);font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.5rem}.workshop-detail-header .btn-back:hover{color:var(--color-accent)}.workshop-detail-header h1{color:var(--color-primary);font-size:1.5rem}.payment-container{max-width:500px;margin:0 auto;background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 15px rgba(139,90,43,.15)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:white;border-radius:12px;padding:2rem;max-width:450px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.2)}.modal-content h2{color:var(--color-primary);text-align:center}.modal-body,.modal-content h2{margin-bottom:1.5rem}.modal-body h3{color:var(--color-primary);margin-bottom:1rem}.modal-body p{color:var(--color-text);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.modal-price{font-size:1.25rem;font-weight:600;color:var(--color-accent)!important;margin-top:1rem!important}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions .btn-secondary{background:var(--color-background);color:var(--color-primary);border:1px solid var(--color-border);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.modal-actions .btn-secondary:hover{background:var(--color-border)}.modal-actions .btn-primary{background:var(--color-primary);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.modal-actions .btn-primary:hover{background:var(--color-accent)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.error-state{text-align:center;padding:3rem}.error-state p{color:var(--color-text-light);margin-bottom:1.5rem}@media (max-width:768px){.workshop-banner{height:220px}.workshop-detail-content{padding:1.5rem 1rem}.workshop-title{font-size:1.5rem}.workshop-datetime{flex-direction:column;gap:.75rem}.workshop-booking-section{flex-direction:column;text-align:center;gap:1rem}.price-display{align-items:center}.btn-reserve{width:100%;padding:1rem 1.5rem}.status-notice{text-align:center}.modal-actions,.status-notice{flex-direction:column}.modal-actions button{width:100%}}@media (max-width:480px){.workshop-banner{height:180px}.price-amount{font-size:1.5rem}}