.holy-calendar{max-width:300px;width:100%;margin:0 auto;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;position:relative;z-index:1;overflow:visible;border:1px solid #c17500;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1);background:#fff;padding:3px;box-sizing:border-box}.holy-calendar .holy-calendar{border:none;box-shadow:none;padding:0}.calendar-header{display:flex;justify-content:space-between;align-items:center;background:#c17500;padding:10px;border-bottom:1px solid #ddd;border-radius:6px 6px 0 0;margin-bottom:10px;box-sizing:border-box}.calendar-title{font-size:18px;font-weight:700;color:#fff;margin:0;text-align:center;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-btn{background:#fff;padding:5px 10px;cursor:pointer;border-radius:4px;font-size:16px;transition:background 0.2s;flex-shrink:0}.nav-btn:hover{background:#d0d0d0}.nav-btn.prev-month,.nav-btn.next-month{color:#c17500}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;background:#f0f0f0;padding:5px;border-radius:0 0 6px 6px;position:relative;z-index:2;overflow:hidden;box-sizing:border-box}.day{padding:5px;text-align:center;background:#fff;position:relative;transition:background-color 0.2s;z-index:3;overflow:hidden;box-sizing:border-box}.day.current-day{border:2px solid blue;padding:3px}.day-header{background:#e0e0e0;font-weight:700;padding:5px}.day.empty{background:#fff0}.day.sunday{color:red}.day.has-holiday{cursor:pointer}.day.special-day{color:red;font-weight:700}.day:hover{background:#f5f5f5}.holiday-popup{display:none;position:absolute;background:#fff;border:1px solid #ccc;padding:10px;z-index:10000!important;width:200px;max-width:90vw;box-shadow:0 2px 5px rgb(0 0 0 / .2);border-radius:5px;font-size:14px;text-align:left;box-sizing:border-box}.holiday-popup strong{color:#000}.holiday-popup .highlight{color:red;font-weight:700}@media (max-width:600px){.holy-calendar{font-size:14px}.day{padding:8px}.day.current-day{padding:6px}.holiday-popup{width:180px;font-size:12px}.calendar-title{font-size:16px}}@media (max-width:400px){.day{padding:5px}.day.current-day{padding:3px}.calendar-grid{gap:1px}.calendar-title{font-size:14px}.nav-btn{padding:3px 8px;font-size:14px}}