/* CINOVA title comparison: theme-aware, responsive and keyboard friendly. */
.cinova-compare-page{padding-top:24px;padding-bottom:64px;color:var(--cinova-text,#252522)}
.cinova-compare-page .breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:22px;color:var(--cinova-muted,#73736e);font-size:12px}
.cinova-compare-page .breadcrumb a{color:var(--cinova-accent,#167d83);text-decoration:none}
.compare-hero{padding:clamp(24px,5vw,48px);border:1px solid var(--cinova-border,#e3e3df);border-radius:24px;background:linear-gradient(135deg,var(--cinova-panel,#fff),var(--cinova-panel-soft,#f5f6f7));margin-bottom:22px}
.compare-hero .eyebrow,.compare-picker .eyebrow,.compare-results .eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--cinova-accent,#167d83);font-weight:800}
.compare-hero h1{font-size:clamp(26px,4vw,38px);line-height:1.5;margin:7px 0 8px;color:var(--cinova-text,#252522)}
.compare-hero p{margin:0;max-width:760px;color:var(--cinova-muted,#73736e);font-size:14px}
.compare-picker,.compare-results,.compare-empty-state{border:1px solid var(--cinova-border,#e3e3df);background:var(--cinova-panel,#fff);border-radius:20px;padding:clamp(16px,3vw,28px);margin-bottom:24px;box-shadow:0 8px 26px rgba(25,30,35,.035)}
.compare-picker-head,.compare-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.compare-picker-head h2,.compare-results-head h2{font-size:21px;margin:3px 0;color:var(--cinova-text,#252522)}
.compare-count{background:var(--cinova-panel-soft,#f5f6f7);border:1px solid var(--cinova-border,#e3e3df);padding:6px 11px;border-radius:999px;white-space:nowrap;font-size:12px;color:var(--cinova-muted,#73736e)}
.compare-count b{color:var(--cinova-accent,#167d83);font-size:15px}
.compare-search-label{display:block;font-size:12px;font-weight:800;margin-bottom:8px;color:var(--cinova-text,#252522)}
.compare-search-wrap{position:relative;max-width:760px}
#compareSearchInput{width:100%;min-height:48px;border:1px solid var(--cinova-border,#e3e3df);border-radius:13px;background:var(--cinova-input,#fff);color:var(--cinova-text,#252522);padding:11px 15px;font:inherit;font-size:13px;outline:none}
#compareSearchInput:focus{border-color:var(--cinova-accent,#167d83);box-shadow:0 0 0 3px color-mix(in srgb,var(--cinova-accent,#167d83) 13%,transparent)}
.compare-help{display:block;margin-top:8px;color:var(--cinova-muted,#73736e);font-size:11px}
.compare-search-results{position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:30;background:var(--cinova-panel,#fff);border:1px solid var(--cinova-border,#e3e3df);border-radius:14px;padding:6px;box-shadow:0 18px 42px rgba(0,0,0,.14);max-height:370px;overflow:auto}
.compare-search-results[hidden]{display:none!important}
.compare-search-result{width:100%;display:flex;align-items:center;gap:11px;text-align:right;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--cinova-text,#252522);cursor:pointer;font:inherit}
.compare-search-result:hover,.compare-search-result:focus-visible{background:var(--cinova-panel-soft,#f5f6f7);outline:none}
.compare-search-result img{width:43px;height:60px;object-fit:cover;border-radius:6px;background:var(--cinova-panel-soft,#f5f6f7);flex:none}
.compare-search-result-text{min-width:0;flex:1;display:grid;gap:2px}.compare-search-result-text strong{font-size:12px}.compare-search-result-text small{font-size:10px;color:var(--cinova-muted,#73736e)}
.compare-search-result .compare-add-indicator{font-size:11px;color:var(--cinova-accent,#167d83);border:1px solid var(--cinova-border,#e3e3df);border-radius:8px;padding:5px 8px;white-space:nowrap}
.compare-search-result[disabled]{opacity:.5;cursor:not-allowed}
.compare-search-empty{padding:14px;color:var(--cinova-muted,#73736e);font-size:12px;text-align:center}
.compare-selected-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.compare-selected-chip{display:flex;align-items:center;gap:8px;padding:5px 7px 5px 5px;border:1px solid var(--cinova-border,#e3e3df);border-radius:12px;background:var(--cinova-panel-soft,#f5f6f7);max-width:100%;font-size:11px;color:var(--cinova-text,#252522)}
.compare-selected-chip img{width:28px;height:39px;object-fit:cover;border-radius:5px;background:var(--cinova-border,#e3e3df)}.compare-selected-chip span{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-selected-chip small{color:var(--cinova-muted,#73736e)}.compare-selected-chip button{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--cinova-muted,#73736e);font-size:20px;cursor:pointer}.compare-selected-chip button:hover{background:var(--cinova-border,#e3e3df);color:var(--cinova-text,#252522)}
.compare-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}
.compare-secondary-btn,.compare-reset-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border-radius:10px;font:700 12px Tahoma,Arial,sans-serif;text-decoration:none;cursor:pointer}
.compare-secondary-btn{background:var(--cinova-accent,#167d83);border:1px solid var(--cinova-accent,#167d83);color:var(--cinova-accent-text,#fff)}.compare-secondary-btn:hover{filter:brightness(.96)}
.compare-reset-link{background:transparent;border:1px solid var(--cinova-border,#e3e3df);color:var(--cinova-text,#252522)}
.compare-results-head{align-items:end}.compare-results-head p{margin:0;color:var(--cinova-muted,#73736e);font-size:11px;max-width:380px}
.compare-table-scroll{overflow-x:auto;border:1px solid var(--cinova-border,#e3e3df);border-radius:16px;overscroll-behavior-x:contain}
.compare-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;table-layout:fixed;background:var(--cinova-panel,#fff);color:var(--cinova-text,#252522)}
.compare-table th,.compare-table td{padding:13px 14px;border-left:1px solid var(--cinova-border,#e3e3df);border-bottom:1px solid var(--cinova-border,#e3e3df);vertical-align:top;text-align:right;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}.compare-table th:last-child,.compare-table td:last-child{border-left:0}
.compare-table thead th{background:var(--cinova-panel-soft,#f5f6f7);vertical-align:top}.compare-table .compare-label-column{width:145px;vertical-align:middle;font-size:12px;color:var(--cinova-muted,#73736e)}.compare-table-count-2 .compare-title-column{width:calc((100% - 145px)/2)}.compare-table-count-3 .compare-title-column{width:calc((100% - 145px)/3)}
.compare-title-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;color:var(--cinova-text,#252522);text-decoration:none}
.compare-poster{width:min(100%,175px);aspect-ratio:2/3;overflow:hidden;border-radius:12px;border:1px solid var(--cinova-border,#e3e3df);background:var(--cinova-panel-soft,#f5f6f7);box-shadow:0 6px 15px rgba(0,0,0,.08)}
.compare-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.compare-title-card:hover .compare-poster img{transform:scale(1.035)}
.compare-title-card strong{font-size:14px;line-height:1.7}.compare-title-en{font-size:10px;color:var(--cinova-muted,#73736e);direction:ltr;text-align:left;max-width:100%;overflow-wrap:anywhere}.compare-open-link{font-size:10px;color:var(--cinova-accent,#167d83)}
.compare-rating{font-size:15px;color:var(--cinova-accent,#167d83);white-space:normal}.compare-rating small{font-size:10px;font-weight:500;color:var(--cinova-muted,#73736e);margin-right:4px}
.compare-tags{display:flex;flex-wrap:wrap;gap:5px}.compare-tags span{border:1px solid var(--cinova-border,#e3e3df);background:var(--cinova-panel-soft,#f5f6f7);border-radius:999px;padding:3px 8px;font-size:10px;white-space:nowrap}.compare-long-text{min-width:190px;line-height:2.1!important}.compare-muted{color:var(--cinova-muted,#73736e);font-size:11px}.compare-disclaimer{margin:14px 0 0;font-size:11px;color:var(--cinova-muted,#73736e)}
.compare-empty-state{text-align:center;padding:38px 18px}.compare-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:17px;background:var(--cinova-panel-soft,#f5f6f7);color:var(--cinova-accent,#167d83);font-size:30px}.compare-empty-state h2{margin:0 0 8px;font-size:21px}.compare-empty-state p{margin:0 auto;max-width:520px;color:var(--cinova-muted,#73736e);font-size:13px}
@media(max-width:760px){.compare-hero{border-radius:17px}.compare-picker,.compare-results,.compare-empty-state{border-radius:16px}.compare-results-head{display:block}.compare-results-head p{margin-top:7px}.compare-table{min-width:640px}.compare-table .compare-label-column{width:118px}.compare-table .compare-title-column{width:260px}.compare-table th,.compare-table td{padding:11px}.compare-poster{width:135px}}
@media(prefers-reduced-motion:reduce){.compare-poster img{transition:none}}