.new-shop-loading,.new-shop-error{padding:2rem;text-align:center;border-radius:8px}.new-shop-loading{background:#f8f9fa;color:#6c757d}.new-shop-error{background:#fee;color:#c33;border:1px solid #fcc}.new-shop-course-detail,.new-shop-cart,.new-shop-checkout,.new-shop-account{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.ns-birthday-picker-wrap{--ns-birthday-accent: #2778ab;--ns-birthday-accent-soft: rgba(39, 120, 171, .18);--ns-birthday-hover: #e8f2f8;--ns-birthday-text: #1e293b;--ns-birthday-font-family: inherit;--ns-birthday-font-size: 13px;--ns-birthday-header-bg: #3c7bd3;position:relative;font-family:var(--ns-birthday-font-family);font-size:var(--ns-birthday-font-size)}.ns-birthday-picker-wrap .react-datepicker-wrapper,.ns-birthday-picker-wrap .react-datepicker__input-container{width:100%}.ns-birthday-input{width:100%;padding:8px 10px;border:1px solid var(--ns-birthday-accent)!important;border-radius:4px;box-sizing:border-box;background:#fff;color:var(--ns-birthday-text);font-family:var(--ns-birthday-font-family);font-size:var(--ns-birthday-font-size);cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s}.ns-birthday-input:focus{border-color:var(--ns-birthday-accent)!important;box-shadow:0 0 0 3px var(--ns-birthday-accent-soft)}.ns-birthday-picker-wrap .react-datepicker-popper{z-index:10020}.ns-birthday-calendar.react-datepicker{overflow:hidden;border:1px solid #d8e1eb;border-radius:8px;box-shadow:0 8px 24px #0f172a29;background:#fff;color:var(--ns-birthday-text);font-family:var(--ns-birthday-font-family);font-size:var(--ns-birthday-font-size)}.ns-birthday-calendar .react-datepicker__header{padding:0;border-bottom:0;background:#fff}.ns-birthday-calendar .react-datepicker__current-month{display:none}.ns-birthday-calendar__header{padding:12px 12px 10px;background:var(--ns-birthday-header-bg);color:#fff;text-align:center}.ns-birthday-calendar__month-row{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;min-height:32px;font-size:var(--ns-birthday-font-size);font-weight:600;text-transform:capitalize}.ns-birthday-calendar__nav{width:32px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:#fff;font-size:34px;font-weight:300;line-height:24px;cursor:pointer}.ns-birthday-calendar__nav:hover:not(:disabled){background:#ffffff29}.ns-birthday-calendar__nav:disabled{opacity:.4;cursor:default}.ns-birthday-calendar__year{min-width:90px;margin-top:8px;padding:4px 24px 4px 10px;border:0;border-radius:6px;background:#fff;color:var(--ns-birthday-text);font:inherit;font-size:var(--ns-birthday-font-size);font-weight:500;text-align:center;cursor:pointer}.ns-birthday-calendar .react-datepicker__day-names{display:grid;grid-template-columns:repeat(7,2.35rem);justify-content:center;margin:0;padding:13px 8px 5px;background:#fff}.ns-birthday-calendar .react-datepicker__day-name{display:flex;align-items:center;justify-content:center;width:2.35rem;margin:0;color:#64748b;font-weight:500}.ns-birthday-calendar .react-datepicker__month{margin:5px 8px 10px}.ns-birthday-calendar .react-datepicker__week{display:grid;grid-template-columns:repeat(7,2.35rem);justify-content:center;min-height:2rem}.ns-birthday-calendar .react-datepicker__day{display:flex;align-items:center;justify-content:center;width:2.35rem;height:2rem;margin:1px 0;border-radius:6px;color:var(--ns-birthday-text);line-height:1;font-weight:400}.ns-birthday-calendar .react-datepicker__day:hover,.ns-birthday-calendar .react-datepicker__day--keyboard-selected{border-radius:6px;background-color:var(--ns-birthday-hover)}.ns-birthday-calendar .react-datepicker__day--selected,.ns-birthday-calendar .react-datepicker__day--selected:hover{border-radius:6px;background-color:var(--ns-birthday-accent);color:#fff}.ns-birthday-calendar .react-datepicker__day--today{color:var(--ns-birthday-accent);font-weight:700}.ns-birthday-calendar .react-datepicker__day--today.react-datepicker__day--selected{color:#fff}.ns-birthday-calendar .react-datepicker__day--outside-month{color:#cbd5e1}.new-shop-course-detail h2,.new-shop-cart h2,.new-shop-checkout h2,.new-shop-account h2{margin:0 0 1rem;color:#2c3e50}#ns-billing-form input::placeholder,#ns-billing-form select::placeholder{color:#b0b7c3!important;opacity:1}.ns-student-row input[type=date]::-webkit-calendar-picker-indicator,.ns-birthday-picker-wrap input::-webkit-calendar-picker-indicator{display:none}.ns-student-row input::placeholder{color:#b0b7c3!important;opacity:1}.ns-student-row input[type=date]{cursor:pointer}@media (max-width: 650px){.ns-course-detail__image{display:none}}.ns-course-detail__teachers-grid{grid-template-columns:repeat(auto-fill,minmax(220px,280px))}.ns-course-detail__teachers-grid>*{min-width:0;overflow:hidden}@media (max-width: 768px){.ns-course-detail__teachers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.ns-course-detail__teachers-grid{grid-template-columns:1fr}}.ns-teacher-char__toggle:hover{opacity:.8}.ns-birthday-calendar .react-datepicker__sr-only,.ns-birthday-picker-wrap .react-datepicker__aria-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.new-shop-courses-grid{display:grid;grid-template-columns:repeat(var(--columns, 3),1fr);gap:2rem;padding:2rem 0}@media (max-width: 768px){.new-shop-courses-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 650px){.course-image{display:none}}@media (max-width: 480px){.new-shop-courses-grid{grid-template-columns:1fr}}.course-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.course-image{width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5}.course-image img{width:100%;height:100%;object-fit:cover}.course-info{padding:1.5rem}.course-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.course-description{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #ecf0f1}.course-price{font-size:1.5rem;font-weight:700;color:#27ae60}.course-button{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.course-button:hover{background:#2980b9}.new-shop-loading,.new-shop-error{padding:2rem;text-align:center;color:#7f8c8d}.new-shop-error{color:#e74c3c}.test-demo{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;margin:2rem 0;max-width:800px}.test-demo--blue{border-left:6px solid #3498db}.test-demo--green{border-left:6px solid #27ae60}.test-demo--red{border-left:6px solid #e74c3c}.test-demo--purple{border-left:6px solid #9b59b6}.test-demo__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.test-demo__header h2{margin:0;color:#2c3e50;font-size:1.5rem}.test-demo__badge{background:#27ae60;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.test-demo__content{color:#555;line-height:1.8}.test-demo__content>p{font-size:1.1rem;margin-bottom:1.5rem;color:#2c3e50}.test-demo__info{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.info-item{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.info-item:last-child{border-bottom:none}.info-item strong{min-width:120px;color:#7f8c8d;font-size:.9rem}.status-active{color:#27ae60;font-weight:600}.test-demo__button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:block;width:100%;max-width:300px;margin:0 auto 1.5rem}.test-demo__button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.test-demo__button:active{transform:translateY(0)}.test-demo__footer{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:1rem;margin-top:1.5rem}.test-demo__footer p{margin:0;font-size:.9rem;color:#856404}.test-demo__footer strong{color:#664d03}@media (max-width: 768px){.test-demo{padding:1.5rem;margin:1rem 0}.test-demo__header{flex-direction:column;align-items:flex-start;gap:1rem}.test-demo__button{max-width:100%}}
