.doctor-dynamic-banner-container{--ddb-primary: #0d9488;--ddb-primary-dark: #0f766e;--ddb-accent: #6366f1;--ddb-accent-soft: rgba(99, 102, 241, 0.12);--ddb-surface: #ffffff;--ddb-muted: #64748b;--ddb-text: #0f172a;--ddb-border: rgba(15, 23, 42, 0.08);--ddb-radius-lg: 20px;--ddb-radius-md: 14px;--ddb-radius-sm: 10px;--ddb-shadow: 0 4px 24px -6px rgba(15, 23, 42, 0.1);--ddb-shadow-hover: 0 20px 48px -16px rgba(13, 148, 136, 0.28);--ddb-transition: 0.28s cubic-bezier(0.4, 0, 0.2, 1);--ddb-img-height-grid: 240px;--ddb-img-height-grid-tablet: 200px;--ddb-img-height-horizontal-stack: 200px;width:100%;margin-bottom:4px}.doctor-dynamic-banner-container[data-loading=true]{opacity:.45;pointer-events:none}.doctor-dynamic-banner-container:empty,.doctor-dynamic-banner-container.hidden{display:none !important}.doctor-banner-title-container{margin-bottom:24px}.doctor-banner-title{font-size:1.35rem;font-weight:800;color:var(--ddb-text);display:block;letter-spacing:-0.02em}.doctor-banner-title-container hr{border:none;height:3px;border-radius:999px;margin-top:10px;background:linear-gradient(90deg, var(--ddb-primary), var(--ddb-accent));opacity:.85}.doctors-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:28px}.doctors-horizontal-wrapper{display:flex;flex-direction:column;gap:18px}.doctors-card-wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:22px}.doctors-list-wrapper{display:flex;flex-direction:column;gap:14px}.doctor-item{width:100%}.doctor-main-image{display:block;margin:0 !important;max-width:none !important;border:none;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.doctor-banner-grid .banner-image-large,.doctor-banner-horizontal .banner-image-side,.doctor-banner-list .list-image-side,.doctor-banner-card .card-image{position:relative;overflow:hidden;flex-shrink:0}.doctor-banner-grid .banner-image-large .doctor-main-image,.doctor-banner-horizontal .banner-image-side .doctor-main-image,.doctor-banner-list .list-image-side .doctor-main-image,.doctor-banner-card .card-image .doctor-main-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;background:linear-gradient(transparent, rgba(15, 23, 42, 0.75))}.doctor-speciality-badge{display:inline-block;background:rgba(255, 255, 255, 0.96);padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:600;backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08)}.doctor-banner-horizontal .doctor-speciality-badge,.doctor-banner-card .doctor-speciality-badge,.doctor-banner-list .doctor-speciality-badge{background:var(--ddb-accent-soft);color:var(--ddb-primary-dark);margin-top:6px}.doctor-fullname{font-weight:700;color:var(--ddb-text);display:block;margin:0;letter-spacing:-0.01em}.doctor-hospital{font-size:.84rem;color:var(--ddb-muted);display:block}.banner-button-wrap,.banner-buttons{display:flex;width:100%}.banner-button-wrap.is-full-width .banner-button{width:100%;justify-content:center}.banner-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-decoration:none;font-size:.9rem;font-weight:600;transition:transform var(--ddb-transition),box-shadow var(--ddb-transition),background-color var(--ddb-transition),color var(--ddb-transition);border:none;cursor:pointer}.banner-button:hover{transform:translateY(-1px)}:where(.doctor-banner-grid) .doctor-dynamic-banner{border-radius:var(--ddb-radius-lg);overflow:hidden;box-shadow:var(--ddb-shadow);transition:transform var(--ddb-transition),box-shadow var(--ddb-transition);display:flex;flex-direction:column;border:1px solid var(--ddb-border)}:where(.doctor-banner-grid) .doctor-dynamic-banner:hover{transform:translateY(-6px);box-shadow:var(--ddb-shadow-hover)}:where(.doctor-banner-grid) .banner-image-large{width:100%;height:240px;background:linear-gradient(145deg, var(--ddb-primary) 0%, var(--ddb-accent) 100%)}:where(.doctor-banner-grid) .image-overlay{z-index:100;pointer-events:none}:where(.doctor-banner-grid) .doctor-speciality-badge{color:var(--ddb-primary-dark)}:where(.doctor-banner-grid) .banner-content-full{padding:22px;display:flex;flex-direction:column;gap:16px}:where(.doctor-banner-grid) .doctor-info-header{display:flex;flex-direction:column;gap:6px}:where(.doctor-banner-grid) .doctor-fullname{font-size:1.2rem}:where(.doctor-banner-grid) .doctor-stats{display:flex;gap:10px;padding:16px;background:linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);border-radius:var(--ddb-radius-md);border:1px solid var(--ddb-border);flex-wrap:wrap}:where(.doctor-banner-grid) .stat-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}:where(.doctor-banner-grid) .stat-value{font-size:1.15rem;font-weight:800;color:var(--ddb-text)}:where(.doctor-banner-grid) .stat-value.price{color:var(--ddb-primary-dark)}:where(.doctor-banner-grid) .stat-label{font-size:.68rem;color:var(--ddb-muted);font-weight:500}:where(.doctor-banner-grid) .stars{display:flex;gap:2px}:where(.doctor-banner-horizontal) .doctor-dynamic-banner{border-radius:var(--ddb-radius-md);overflow:hidden;box-shadow:var(--ddb-shadow);transition:transform var(--ddb-transition),box-shadow var(--ddb-transition),border-color var(--ddb-transition);display:flex;flex-direction:row;align-items:stretch;border:1px solid var(--ddb-border)}:where(.doctor-banner-horizontal) .doctor-dynamic-banner:hover{transform:translateX(-4px);box-shadow:var(--ddb-shadow-hover);border-color:rgba(13, 148, 136, 0.25)}:where(.doctor-banner-horizontal) .banner-image-side{width:140px;min-width:140px;min-height:140px;align-self:stretch;background:linear-gradient(160deg, #e0f2fe, #ccfbf1)}:where(.doctor-banner-horizontal) .banner-content-side{flex:1;padding:18px 20px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;align-items:stretch}:where(.doctor-banner-horizontal) .doctor-fullname{font-size:1.08rem}:where(.doctor-banner-horizontal) .doctor-stats-side{display:flex;gap:18px;align-items:center;flex-wrap:wrap}:where(.doctor-banner-horizontal) .stat-rating,:where(.doctor-banner-horizontal) .stat-price{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;color:var(--ddb-text);padding:6px 12px;background:#f8fafc;border-radius:999px;border:1px solid var(--ddb-border)}:where(.doctor-banner-horizontal) .stat-rating small,:where(.doctor-banner-horizontal) .stat-price small{font-size:.75rem;color:var(--ddb-muted)}:where(.doctor-banner-horizontal) .stat-price{font-weight:700;color:var(--ddb-primary-dark)}:where(.doctor-banner-card) .doctor-dynamic-banner{border-radius:var(--ddb-radius-lg);overflow:hidden;box-shadow:var(--ddb-shadow);transition:transform var(--ddb-transition),box-shadow var(--ddb-transition);display:flex;flex-direction:column;border:1px solid var(--ddb-border)}:where(.doctor-banner-floatcard) .doctor-dynamic-banner.floatcard{border-radius:var(--ddb-radius-lg);border:1px solid var(--ddb-border);box-shadow:var(--ddb-shadow);overflow:visible;position:relative}:where(.doctor-banner-floatcard) .doctor-dynamic-banner.floatcard:hover{transform:translateY(-4px);box-shadow:var(--ddb-shadow-hover)}:where(.doctor-banner-floatcard) .floatcard-top{height:34px;position:relative}:where(.doctor-banner-floatcard) .floatcard-avatar{width:84px;height:84px;border-radius:999px;position:absolute;background:#f1f5f9;box-shadow:0 0 0 4px var(--ddb-surface),0 10px 22px -8px rgba(15, 23, 42, 0.35);overflow:hidden;z-index:2}:where(.fc-avatar-top) .floatcard-avatar{left:50%;top:0;transform:translate(-50%, -50%)}:where(.fc-avatar-left) .floatcard-avatar{left:20px;top:0;transform:translateY(-50%)}:where(.fc-avatar-right) .floatcard-avatar{right:20px;left:auto;top:0;transform:translateY(-50%)}:where(.doctor-banner-floatcard) .floatcard-avatar .doctor-main-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}:where(.doctor-banner-floatcard) .floatcard-body{padding:20px 18px 18px;display:flex;flex-direction:column;gap:12px}:where(.fc-avatar-top) .floatcard-info{text-align:center}:where(.fc-avatar-left) .floatcard-info{text-align:left}:where(.fc-avatar-right) .floatcard-info{text-align:right}:where(.doctor-banner-floatcard) .floatcard-info{display:flex;flex-direction:column;gap:6px}:where(.doctor-banner-floatcard) .floatcard-stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}:where(.fc-avatar-left) .floatcard-stats{justify-content:flex-start}:where(.fc-avatar-right) .floatcard-stats{justify-content:flex-end}:where(.doctor-banner-floatcard) .stat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#f8fafc;border:1px solid var(--ddb-border);color:var(--ddb-text);font-size:.85rem}:where(.doctor-banner-floatcard) .stat-pill small{font-size:.75rem;color:var(--ddb-muted)}:where(.doctor-banner-floatcard) .stat-pill.price{color:var(--ddb-primary-dark);font-weight:700}:where(.fc-layout-inline) .doctor-dynamic-banner.floatcard{display:flex;flex-direction:row;align-items:center;overflow:hidden;padding:0}:where(.fc-layout-inline) .floatcard-top{height:auto;position:relative;flex-shrink:0;width:120px;min-width:120px;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg, rgba(13, 148, 136, 0.06) 0%, rgba(99, 102, 241, 0.06) 100%)}:where(.fc-layout-inline) .floatcard-avatar{position:relative;left:auto;top:auto;transform:none;width:80px;height:80px}:where(.fc-layout-inline) .floatcard-body{flex:1;padding:18px 20px;align-items:flex-start}:where(.fc-layout-inline) .floatcard-info{text-align:left}:where(.fc-layout-inline) .floatcard-stats{justify-content:flex-start}:where(.fc-inline-avatar-right) .doctor-dynamic-banner.floatcard{flex-direction:row-reverse}:where(.fc-inline-avatar-right) .floatcard-info{text-align:right}:where(.fc-inline-avatar-right) .floatcard-stats{justify-content:flex-end}@media(max-width: 479px){:where(.fc-layout-inline) .doctor-dynamic-banner.floatcard{flex-direction:column;align-items:stretch}:where(.fc-layout-inline) .floatcard-top{width:100%;min-width:100%;padding:24px 0 0;justify-content:center}:where(.fc-layout-inline) .floatcard-avatar{width:84px;height:84px}:where(.fc-layout-inline) .floatcard-body{align-items:center}:where(.fc-layout-inline) .floatcard-info{text-align:center}:where(.fc-layout-inline) .floatcard-stats{justify-content:center}}:where(.doctor-banner-card) .doctor-dynamic-banner:hover{transform:translateY(-5px);box-shadow:var(--ddb-shadow-hover)}:where(.doctor-banner-card) .card-header{display:flex;gap:14px;padding:18px;background:linear-gradient(135deg, rgba(13, 148, 136, 0.06) 0%, rgba(99, 102, 241, 0.06) 100%);border-bottom:1px solid var(--ddb-border);align-items:center;justify-content:flex-start}:where(.doctor-banner-card) .card-image{width:72px;height:72px;min-width:72px;min-height:72px;border-radius:50%;border:3px solid var(--ddb-surface);box-shadow:0 0 0 2px var(--ddb-primary),0 8px 16px -4px rgba(13, 148, 136, 0.35);background:#f1f5f9}:where(.doctor-banner-card) .card-info{flex:1;min-width:0}:where(.doctor-banner-card) .doctor-fullname{font-size:1.02rem}:where(.doctor-banner-card) .card-body{padding:18px;flex:1;display:flex;flex-direction:column}:where(.doctor-banner-card) .card-stats{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:stretch}:where(.doctor-banner-card) .card-stat{flex:1 1 0;min-width:0;max-width:100%;display:flex;align-items:center;gap:8px;padding:10px;background:#f8fafc;border-radius:var(--ddb-radius-sm);border:1px solid var(--ddb-border);box-sizing:border-box}:where(.doctor-banner-card) .stat-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--ddb-surface);border-radius:8px;color:var(--ddb-primary);box-shadow:0 1px 3px rgba(0, 0, 0, 0.06)}:where(.doctor-banner-card) .stat-content{display:flex;flex-direction:column;gap:2px}:where(.doctor-banner-card) .stat-value{font-size:.92rem;font-weight:800;color:var(--ddb-text)}:where(.doctor-banner-card) .stat-value.price{color:var(--ddb-primary-dark)}:where(.doctor-banner-card) .stat-label{font-size:.65rem;color:var(--ddb-muted)}:where(.doctor-banner-card) .banner-button-wrap,:where(.doctor-banner-floatcard) .banner-button-wrap{margin-top:auto}:where(.doctor-banner-list) .doctor-dynamic-banner{border-radius:var(--ddb-radius-md);overflow:hidden;box-shadow:0 2px 12px -4px rgba(15, 23, 42, 0.08);transition:transform var(--ddb-transition),box-shadow var(--ddb-transition);display:flex;flex-direction:row;align-items:stretch;min-height:100px;border:1px solid var(--ddb-border);position:relative}.doctor-banner-list .doctor-dynamic-banner::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:linear-gradient(180deg, var(--ddb-primary), var(--ddb-accent));border-radius:0 4px 4px 0}.doctor-banner-list .doctor-dynamic-banner:hover{transform:translateX(-3px);box-shadow:var(--ddb-shadow)}.doctor-banner-list .list-image-side{width:100px;min-width:100px;min-height:100px;align-self:stretch;background:#f1f5f9}.doctor-banner-list .list-content-side{flex:1;padding:14px 18px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;align-items:stretch}.doctor-banner-list .doctor-fullname{font-size:.98rem}.doctor-banner-list .list-stats{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.doctor-banner-list .list-stat-rating,.doctor-banner-list .list-stat-price{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:var(--ddb-text)}.doctor-banner-list .list-stat-price{font-weight:700;color:var(--ddb-primary-dark);padding:4px 10px;background:rgba(13, 148, 136, 0.08);border-radius:6px}.doctor-preview-placeholder .doctor-dynamic-banner{border:2px dashed var(--ddb-border);border-radius:var(--ddb-radius-md);padding:24px;background:#f8fafc}@media(max-width: 768px){.doctors-grid-wrapper{grid-template-columns:1fr;gap:18px}.doctor-banner-grid .banner-image-large{height:var(--ddb-img-height-grid-tablet);max-height:var(--ddb-img-height-grid-tablet);min-height:0;aspect-ratio:auto}.doctor-banner-grid .banner-image-large .doctor-main-image,.doctor-banner-horizontal .banner-image-side .doctor-main-image{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.doctor-banner-horizontal .doctor-dynamic-banner{flex-direction:row;align-items:stretch}.doctor-banner-horizontal .banner-image-side{width:124px;min-width:124px;min-height:124px;height:auto;max-height:none;aspect-ratio:auto;align-self:stretch}.doctor-banner-horizontal .doctor-dynamic-banner:hover{transform:translateX(-3px)}.doctor-banner-horizontal .banner-button{width:100%;align-self:stretch}.doctors-card-wrapper{grid-template-columns:1fr}.doctor-banner-card .card-header{flex-direction:row}.doctor-banner-list .doctor-dynamic-banner{flex-direction:row}.doctor-banner-list .list-image-side{width:88px;min-width:88px;min-height:88px}.doctor-banner-list .doctor-dynamic-banner{min-height:88px}.doctor-banner-list .banner-button{width:100%}.doctor-banner-grid .doctor-dynamic-banner:hover{transform:translateY(-2px)}}@media(min-width: 600px)and (max-width: 768px){.doctors-grid-wrapper{grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}.doctor-banner-grid .banner-image-large{height:185px;max-height:185px}}@media(max-width: 479px){.doctor-banner-horizontal .doctor-dynamic-banner{flex-direction:column;align-items:stretch}.doctor-banner-horizontal .banner-image-side{width:100%;min-width:100%;height:var(--ddb-img-height-horizontal-stack);max-height:var(--ddb-img-height-horizontal-stack);min-height:var(--ddb-img-height-horizontal-stack);align-self:auto}.doctor-banner-horizontal .doctor-dynamic-banner:hover{transform:translateY(-3px)}.doctor-banner-horizontal .banner-button{width:100%}.doctor-banner-grid .banner-image-large{height:200px;max-height:200px}}