.tq-department-page { --tq-red: #ff3448; --tq-red-dark: #de263c; --tq-cyan: #06b4c8; --tq-cyan-dark: #029eb0; --tq-navy: #22262d; --tq-muted: #68737c; --tq-soft: #f5fbfc; --tq-border: rgba(34, 38, 45, .08); position: relative; overflow: hidden; background: radial-gradient( circle at 10% 15%, rgba(6, 180, 200, .08), transparent 30% ), radial-gradient( circle at 90% 10%, rgba(255, 52, 72, .07), transparent 30% ), linear-gradient( 180deg,#f8fcfd 0%,#ffffff 40%,#ffffff 80%,#f7fcfd 100% ); isolation: isolate;}.tq-department-page::before { content: ""; position: absolute; width: 400px; height: 400px; top: 200px; left: -200px; border-radius: 50%; background: rgba(6, 180, 200, .04); filter: blur(30px); pointer-events: none;}.tq-department-page::after { content: ""; position: absolute; width: 450px; height: 450px; bottom: 200px; right: -200px; border-radius: 50%; background: rgba(255, 52, 72, .035); filter: blur(30px); pointer-events: none;}.tq-department-container { position: relative; z-index: 2; width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 10% 0 70px;}.tq-department-header { margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid var(--tq-border);}.tq-department-header h1 { margin: 0; color: var(--tq-navy); font-size: clamp(36px, 4vw, 52px); line-height: 1.1; letter-spacing: -1.5px; font-weight: 800;}.tq-department-header .sub { margin: 8px 0 0; color: var(--tq-muted); font-size: 17px; line-height: 1.6;}.tq-department-grid { display: grid; grid-template-columns: 1fr 320px; gap: 40px; align-items: start;}.tq-department-main { min-width: 0;}.tq-department-slider { margin-bottom: 40px; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 50px rgba(34, 38, 45, .08);}.tq-department-slider .swiper-slide img { display: block; width: 100%; height: 400px; object-fit: cover;}.tq-department-slider .swiper-button-next,.tq-department-slider .swiper-button-prev { width: 44px; height: 44px; background: rgba(255, 255, 255, .9); border-radius: 50%; backdrop-filter: blur(6px); box-shadow: 0 8px 20px rgba(34, 38, 45, .1); transition: background .3s, transform .3s;}.tq-department-slider .swiper-button-next:hover,.tq-department-slider .swiper-button-prev:hover { background: var(--tq-red); color: #fff; transform: scale(1.05);}.tq-department-slider .swiper-button-next::after,.tq-department-slider .swiper-button-prev::after { font-size: 18px; font-weight: 700;}.tq-department-thumbnail { margin-bottom: 30px; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 30px rgba(34, 38, 45, .06);}.tq-department-thumbnail img { display: block; width: 100%; height: auto;}.tq-department-description { color: var(--tq-muted); font-size: 16px; line-height: 1.9;}.tq-department-description h1,.tq-department-description h2,.tq-department-description h3 { color: var(--tq-navy); margin-top: 1.2em; margin-bottom: .5em;}.tq-department-description p { margin-bottom: 1.2em;}.tq-department-description img { max-width: 100%; height: auto; border-radius: 16px; margin: 20px 0;}.tq-department-sidebar { position: sticky; top: 30px;}.tq-department-sidebar .widget { background: #fff; border-radius: 24px; padding: 28px 24px; border: 1px solid var(--tq-border); box-shadow: 0 12px 30px rgba(34, 38, 45, .05);}.tq-department-sidebar .widget-title { margin: 0 0 22px 0; color: var(--tq-navy); font-size: 18px; font-weight: 800; letter-spacing: -0.3px;}.tq-department-sidebar .department-list { display: flex; flex-direction: column; gap: 10px;}.tq-department-sidebar .department-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-radius: 14px; background: var(--tq-soft); transition: background .3s, transform .25s, box-shadow .3s; text-decoration: none; color: var(--tq-navy);}.tq-department-sidebar .department-item:hover { background: #fff; transform: translateX(6px); box-shadow: 0 8px 20px rgba(34, 38, 45, .08);}.tq-department-sidebar .department-item .left { display: flex; align-items: center; gap: 12px;}.tq-department-sidebar .department-item .icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(6, 180, 200, .1); flex-shrink: 0;}.tq-department-sidebar .department-item .icon img { width: 22px; height: 22px; object-fit: contain;}.tq-department-sidebar .department-item .name { font-size: 14px; font-weight: 600; transition: color .3s;}.tq-department-sidebar .department-item:hover .name { color: var(--tq-red);}.tq-department-sidebar .department-item .arrow { color: var(--tq-muted); font-size: 13px; transition: transform .3s, color .3s;}.tq-department-sidebar .department-item:hover .arrow { transform: translateX(4px); color: var(--tq-red);}.tq-department-sidebar .department-item.active { background: #fff; border: 1px solid var(--tq-red); box-shadow: 0 6px 18px rgba(255, 52, 72, .08);}.tq-department-sidebar .department-item.active .name { color: var(--tq-red);}.tq-department-doctors { margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--tq-border);}.tq-department-doctors .section-title { margin: 0 0 30px 0; color: var(--tq-navy); font-size: clamp(28px, 3vw, 38px); font-weight: 800; letter-spacing: -0.5px;}.tq-department-doctors .section-title span { color: var(--tq-red);}.tq-doctor-card { background: #fff; border-radius: 20px; overflow: hidden; border: 1px solid var(--tq-border); box-shadow: 0 10px 28px rgba(34, 38, 45, .04); transition: transform .35s, box-shadow .35s; text-align: center; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;}.tq-doctor-card:hover { transform: translateY(-6px); box-shadow: 0 20px 45px rgba(34, 38, 45, .08);}.tq-doctor-card .img-wrap { overflow: hidden; aspect-ratio: 1 / 1.25;  background: var(--tq-soft);}.tq-doctor-card .img-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1);}.tq-doctor-card:hover .img-wrap img { transform: scale(1.05);}.tq-doctor-card .info { padding: 16px 14px 0; flex: 1;}.tq-doctor-card .info .name { margin: 0; color: var(--tq-navy); font-size: 18px; font-weight: 700; transition: color .3s;}.tq-doctor-card:hover .info .name { color: var(--tq-red);}.tq-doctor-card .info .dept { margin: 4px 0 0; color: var(--tq-muted); font-size: 13px;}.tq-doctor-card .info .link { display: inline-block; margin-top: 12px; color: var(--tq-red); font-weight: 600; font-size: 13px; text-decoration: none; transition: transform .3s;}.tq-doctor-card .info .link i { margin-left: 4px; transition: transform .3s;}.tq-doctor-card .info .link:hover i { transform: translateX(4px);}.tq-department-doctors .swiper-pagination { position: relative; margin-top: 30px;}.tq-department-doctors .swiper-pagination-bullet { background: #d8e4e7; opacity: 1; transition: width .3s, background .3s;}.tq-department-doctors .swiper-pagination-bullet-active { width: 26px; border-radius: 10px; background: var(--tq-red);}@media (max-width: 1100px) { .tq-department-grid { grid-template-columns: 1fr 280px; gap: 30px; }}@media (max-width: 900px) { .tq-department-grid { grid-template-columns: 1fr; } .tq-department-sidebar { position: static; } .tq-department-slider .swiper-slide img { height: 300px; }}@media (max-width: 640px) { .tq-department-container { padding: 20px 0 40px; width: min(100% - 28px, 1320px); } .tq-department-header h1 { font-size: 30px; } .tq-department-slider .swiper-slide img { height: 220px; } .tq-department-doctors .section-title { font-size: 26px; } .tq-doctor-card .info .name { font-size: 16px; }}@media (max-width: 420px) { .tq-department-slider .swiper-slide img { height: 180px; }}@media (prefers-reduced-motion: reduce) { .tq-doctor-card, .tq-doctor-card .img-wrap img, .tq-department-sidebar .department-item { transition: none !important; animation: none !important; }}