.clock-calendar{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,72px);max-width:880px;margin:24px auto;padding:22px 30px;background:linear-gradient(120deg,#eef5fc,#fff 58%,#edf8f1);border:1px solid #cfdfed;border-radius:20px;box-shadow:0 8px 28px #184b7810;color:#174775}
.watch-block{display:flex;align-items:center;gap:24px;min-width:0}.wrist-watch{width:174px;min-width:174px;height:238px;position:relative;display:grid;place-items:center}.watch-strap{position:absolute;inset:0 51px;background:linear-gradient(90deg,#103453,#24567d 45%,#103453);border-radius:18px;border:3px solid #496783;box-shadow:inset 0 0 0 5px #173c5c}.watch-face{position:relative;width:174px;height:174px;filter:drop-shadow(0 5px 5px #17395830)}.watch-copy small{font-size:14px;font-weight:700;letter-spacing:.1em;color:#23734d}.watch-copy time{display:block;font-size:clamp(25px,3vw,34px);font-weight:800;letter-spacing:.03em;font-variant-numeric:tabular-nums;margin:8px 0}.watch-copy p{font-size:16px;line-height:1.6;max-width:170px;margin:0;color:#526777}.mini-calendar{min-width:250px;border-left:1px solid #cfdfed;padding-left:28px}.mini-calendar table{border-collapse:separate;border-spacing:3px;width:100%;text-align:center;font-variant-numeric:tabular-nums}.mini-calendar caption{text-align:left;text-transform:capitalize;font-size:18px;font-weight:800;margin-bottom:12px}.mini-calendar th{font-size:14px;font-weight:600;color:#607282;padding:4px}.mini-calendar td{font-size:14px;height:28px;min-width:24px;border-radius:6px}.mini-calendar .calendar-today{background:#1558b0;color:#fff;font-weight:800;box-shadow:0 2px 6px #1558b030}
@media(max-width:680px){.clock-calendar{flex-direction:column;gap:18px;padding:20px 16px;margin:18px 0}.watch-block{gap:20px}.wrist-watch{width:150px;min-width:150px;height:204px}.watch-face{width:150px;height:150px}.watch-strap{inset:0 44px}.watch-copy time{font-size:25px}.mini-calendar{border-left:0;border-top:1px solid #cfdfed;padding:18px 0 0;width:100%;max-width:310px;min-width:0}}
@media(max-width:360px){.watch-block{flex-direction:column;gap:10px}.watch-copy{text-align:center}.watch-copy p{max-width:none}}
.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.calendar-nav button,.mini-calendar #calendar-retry{border:1px solid #c4d5e5;border-radius:6px;background:#fff;color:#174775;padding:4px 12px;min-height:36px;font:600 14px/1.5 inherit;cursor:pointer}.calendar-nav button:first-child,.calendar-nav button:last-child{font-size:24px;padding:0 12px}.mini-calendar{width:290px;max-width:100%}.mini-calendar td{padding:0}.mini-calendar td button{position:relative;display:block;border:0;border-radius:6px;background:transparent;color:inherit;width:100%;min-height:32px;font:inherit;cursor:pointer}.mini-calendar td button:hover{background:#dceaf7}.mini-calendar td button:focus-visible{outline:2px solid #174775;outline-offset:1px}.mini-calendar td .day-event{background:#fff0f0;color:#a72036;font-weight:800;box-shadow:inset 0 -3px #a72036}.mini-calendar td .day-holiday{background:#e5f4eb;color:#167348;font-weight:800}.mini-calendar td .calendar-today{background:#1558b0;color:#fff}.mini-calendar td [aria-pressed=true]{outline:2px solid #174775;outline-offset:-2px}.calendar-legend{font-size:14px;margin:10px 0!important;line-height:1.5}.legend-holiday{color:#167348}.legend-event{color:#a72036}.legend-today{color:#1558b0}.calendar-detail{background:#fff;border:1px solid #d5e1ec;border-radius:8px;padding:12px;font-size:14px;line-height:1.6;max-height:220px;overflow:auto;overflow-wrap:anywhere}.calendar-detail h4{font-size:14px;margin:0 0 6px}.calendar-detail p{font-size:14px;margin:4px 0 10px;white-space:pre-wrap}.calendar-detail article+article{border-top:1px solid #d5e1ec;padding-top:8px}.calendar-notice{font-size:14px;line-height:1.5;color:#835100;margin:8px 0 0!important}.clock-calendar{align-items:center}@media(max-width:680px){.mini-calendar{width:100%}}

/* Kordonsuz, altın çerçeveli canlı saat */
.wrist-watch{width:214px;min-width:214px;height:214px;border-radius:50%;background:radial-gradient(circle,#d9e5ef 50%,transparent 72%)}
.watch-face{width:214px;height:214px;filter:drop-shadow(0 12px 14px #102e4d35)}
.watch-block{gap:26px}.watch-copy time{color:#123b62;text-shadow:0 1px 0 #fff}.watch-copy small{color:#89612a}
@media(max-width:680px){.wrist-watch{width:174px;min-width:174px;height:174px}.watch-face{width:174px;height:174px}.watch-block{gap:16px}}
@media(max-width:380px){.watch-block{flex-direction:column;gap:14px}.watch-copy{text-align:center}.watch-copy p{max-width:none}}

.clock-calendar{flex-wrap:wrap}