/* Hairtec redactie katmanı: byline, şerit, beoordeling bölümü, kart, sekmeli panel (3.1.6) */
.hsm-byline{display:flex;align-items:center;gap:18px;padding:6px 0 18px;color:#231f20}
.hsm-byline-text{margin:0;font-size:17px;line-height:1.55;max-width:560px}
.hsm-bl-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.hsm-byline-rule{height:4px;background:#223558;margin:0 0 28px}
.hsm-bl-link{color:#231f20;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.hsm-bl-link:hover{color:#0a184a}
.hsm-bl-sep{color:#9a9aa3}

.hsm-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;border-top:1px solid #e6e8ee;border-bottom:1px solid #e6e8ee;padding:14px 0;margin:8px 0 32px;color:#231f20}
.hsm-strip-main{display:flex;align-items:center;gap:14px;min-width:0}
.hsm-strip-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.hsm-strip-lines{display:flex;flex-direction:column;gap:4px;min-width:0}
.hsm-strip-line1{font-size:15px;line-height:1.4}
.hsm-strip-line1 strong{color:#223558;font-weight:600}
.hsm-strip-line2{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:13px;line-height:1.4;color:#5f5f66}
.hsm-strip-badge{display:inline-flex;align-items:center;gap:6px;color:#231f20}
.hsm-strip-badge svg{color:#0a184a}
.hsm-strip-cta{flex:none;font-size:12px;font-weight:600;letter-spacing:.06em;text-decoration:none;color:#2a6f8f;white-space:nowrap;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}
.hsm-strip-cta:hover{color:#0a184a}

.hsm-review-box{margin:36px 0 24px}
.hsm-review-title{margin:0 0 16px;font-size:28px;font-weight:700;color:#223558;line-height:1.2}
.hsm-review-pills{display:flex;gap:12px;flex-wrap:wrap}
.hsm-pill{display:inline-flex;align-items:center;gap:8px;background:#f0f0f0;color:#231f20;border:0;border-radius:999px;padding:10px 18px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;min-height:44px}
.hsm-pill:hover,.hsm-pill[aria-expanded="true"]{background:#223558;color:#fff}
.hsm-review-rule{height:1px;background:#d9dbe3;margin-top:18px}

.hsm-overlay{position:fixed;inset:0;background:rgba(35,31,32,.32);z-index:9998}
.hsm-panel{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);box-sizing:border-box;background:#fff;z-index:9999;box-shadow:-12px 0 40px rgba(31,46,76,.18);padding:22px 28px 28px;overflow:auto;color:#231f20;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:20px}
.hsm-panel[hidden],.hsm-overlay[hidden],.hsm-tabpanel[hidden]{display:none}
.hsm-panel-handle{display:none}
.hsm-panel button.hsm-panel-close{position:absolute;right:12px;top:12px;width:32px !important;height:32px !important;background:none !important;border:0 !important;padding:0 !important;font-size:20px !important;line-height:1 !important;color:#5C5C5C !important;cursor:pointer;border-radius:50% !important;font-family:inherit !important;min-height:0 !important}
.hsm-panel button.hsm-panel-close:hover{background:#EEEFF2 !important;color:#231f20 !important}
.hsm-tabs{display:flex;gap:8px;padding-right:40px;flex-wrap:wrap}
.hsm-panel button.hsm-tab{border:1px solid #D7DAE3 !important;background:#fff !important;color:#231f20 !important;border-radius:100px !important;padding:8px 16px !important;font-family:inherit !important;font-size:13px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:normal !important;text-transform:none !important;cursor:pointer;min-height:36px !important;width:auto !important;box-shadow:none !important}
.hsm-panel button.hsm-tab:hover{border-color:#223558 !important}
.hsm-panel button.hsm-tab[aria-selected="true"]{background:#223558 !important;border-color:#223558 !important;color:#fff !important}
.hsm-tabpanel{display:flex;flex-direction:column;gap:20px}
.hsm-panel-intro{margin:0;font-size:13px;line-height:1.55;color:#5C5C5C}
.hsm-panel a.hsm-panel-more{font-size:13px;font-weight:600;color:#223558;text-decoration:none;align-self:flex-start}
.hsm-panel a.hsm-panel-more:hover{text-decoration:underline;text-underline-offset:3px}
.hsm-panel-intro a.hsm-panel-more{display:inline}
/* Redactie: adımlar */
.hsm-steps{display:flex;flex-direction:column;gap:10px;padding:2px 0}
.hsm-steps-row{display:flex;align-items:center}
.hsm-dot{flex:none;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #D7DAE3;box-sizing:border-box;color:#223558;display:inline-flex;align-items:center;justify-content:center}
.hsm-ln{flex:1;height:2px;background:#DCDFE7;margin:0 8px}
.hsm-steps-lab{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hsm-steps-lab>div{display:flex;flex-direction:column;gap:2px;text-align:center}
.hsm-steps-lab>div:first-child{text-align:left}
.hsm-steps-lab>div:last-child{text-align:right}
.hsm-sl{font-size:12px;font-weight:600;color:#231f20;line-height:1.3}
.hsm-ss{font-size:11px;color:#5C5C5C;line-height:1.3}
/* Redactie: kişiler */
.hsm-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hsm-people li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #EEEFF2;margin:0}
.hsm-people li:first-child{border-top:0;padding-top:0}
.hsm-people img,.hsm-people-ini{width:40px;height:40px;border-radius:12px;object-fit:cover;flex:none;display:block;margin:0}
.hsm-people-ini{background:#EEEFF2;color:#223558;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:15px}
.hsm-people-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.hsm-panel a.hsm-people-n{font-size:15px;font-weight:500;line-height:1.3;color:#231f20;text-decoration:none}
.hsm-panel a.hsm-people-n:hover{color:#223558;text-decoration:underline;text-underline-offset:3px}
.hsm-people-r{font-size:12px;color:#5C5C5C;line-height:1.3}
.hsm-people-chk{margin-left:auto;width:20px;height:20px;border-radius:50%;background:#223558;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
/* Geschiedenis: ince zaman çizgisi */
.hsm-hist{list-style:none;margin:4px 0 0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:20px;position:relative}
.hsm-hist::before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:1px;background:#E3E5EB}
.hsm-hist li{position:relative;display:flex;flex-direction:column;gap:3px;margin:0}
.hsm-hist li::before{content:"";position:absolute;left:-22px;top:7px;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid #B9BDC9;box-sizing:border-box}
.hsm-hist li.hsm-hist-cur::before{background:#223558;border-color:#223558}
.hsm-hist-d{font-size:13px;font-weight:600;color:#231f20;line-height:1.5}
.hsm-hist-cur .hsm-hist-d{color:#223558}
.hsm-hist-l{font-size:13px;color:#5C5C5C;line-height:1.5}
.hsm-hist-l em{font-style:italic}
/* Bronnen */
.hsm-sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hsm-sources li{display:grid;grid-template-columns:28px 1fr 24px;gap:14px;align-items:start;padding:16px 0;border-top:1px solid #EEEFF2;font-size:14px;line-height:1.5;margin:0}
.hsm-sources li:first-child{border-top:0;padding-top:0}
.hsm-src-num{font-size:13px;color:#B9BDC9;line-height:1.5}
.hsm-src-txt{min-width:0;color:#231f20}
.hsm-panel a.hsm-src-link{color:#223558;display:inline-flex;align-items:center;justify-content:center;width:24px;height:21px}
.hsm-panel a.hsm-src-link:hover{color:#0a184a}
/* Tablet: daha dar çekmece. Telefon: alttan açılan sayfa. */
@media (max-width:1024px){
	.hsm-panel{width:min(440px,100%)}
}
@media (max-width:600px){
	.hsm-panel{top:auto;left:0;right:0;bottom:0;width:100%;height:72vh;max-height:72vh;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(31,46,76,.2);padding:10px 20px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
	.hsm-panel-handle{display:block;width:40px;height:4px;border-radius:2px;background:#D7DAE3;margin:0 auto 4px;flex:none}
	.hsm-panel button.hsm-panel-close{top:14px;right:10px}
	.hsm-tabs{padding-right:36px}
	.hsm-panel button.hsm-tab{padding:8px 14px !important}
}
body.hsm-locked{overflow:hidden;padding-right:var(--hsm-scrollbar,0px)}

/* Tema/Elementor kit'in genel button ve link kurallarını (.elementor-kit-N button{…}) etkisizleştir (3.1.2). */
.hsm-byline button.hsm-bl-link,.hsm-strip button.hsm-strip-cta,.hsm-review-pills button.hsm-pill{font-family:inherit !important;text-transform:none !important;letter-spacing:normal !important;line-height:inherit !important;box-shadow:none !important;border:0 !important;min-height:0 !important;width:auto !important}
.hsm-byline button.hsm-bl-link{background:none !important;color:#231f20 !important;font-size:inherit !important;font-weight:400 !important;padding:0 !important;border-radius:0 !important;text-decoration:underline !important;text-underline-offset:3px;display:inline !important}
.hsm-byline button.hsm-bl-link:hover,.hsm-byline button.hsm-bl-link:focus{color:#0a184a !important;background:none !important}
.hsm-strip button.hsm-strip-cta{background:none !important;color:#2a6f8f !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.06em !important;padding:0 !important;border-radius:0 !important}
.hsm-strip button.hsm-strip-cta:hover{color:#0a184a !important}
.hsm-review-pills button.hsm-pill{background:#f0f0f0 !important;color:#231f20 !important;font-size:15px !important;font-weight:600 !important;padding:10px 18px !important;border-radius:999px !important;min-height:44px !important;display:inline-flex !important;align-items:center;gap:8px}
.hsm-review-pills button.hsm-pill:hover,.hsm-review-pills button.hsm-pill[aria-expanded="true"]{background:#223558 !important;color:#fff !important}
.hsm-review-title{display:block}

@media print{
	.hsm-overlay,.hsm-panel-close,.hsm-review-pills,.hsm-tabs{display:none !important}
	.hsm-panel,.hsm-panel[hidden]{display:block;position:static;width:auto;box-shadow:none;padding:0;background:none}
	.hsm-tabpanel,.hsm-tabpanel[hidden]{display:flex}
}

@media (max-width:600px){
	.hsm-byline{gap:14px}
	.hsm-byline-text{font-size:15px}
	.hsm-bl-avatar{width:60px;height:60px}
	.hsm-review-title{font-size:24px}
	}

/* 3.1.3: redactie kartı (yan sütun / içerik başı) ve başlık altı kısa satır */
.hsm-topline{display:none;align-items:center;gap:8px;font-size:14px;line-height:1.4;color:#5C5C5C;margin:0 0 18px;padding:8px 16px 8px 14px;border:1px solid #E3E5EB;border-radius:100px;background:#fff;box-sizing:border-box;max-width:100%}
.hsm-topline svg{flex:none;color:#223558}
.hsm-topline .hsm-bl-sep{color:#B9BDC9}
.hsm-topline button.hsm-top-link{background:none !important;border:0 !important;padding:0 !important;margin:0;font:inherit !important;font-family:inherit !important;color:#223558 !important;font-weight:600 !important;text-transform:none !important;letter-spacing:normal !important;line-height:inherit !important;border-radius:0 !important;box-shadow:none !important;min-height:0 !important;width:auto !important;display:inline !important;cursor:pointer}
.hsm-topline button.hsm-top-date{color:#5C5C5C !important;font-weight:400 !important}
.hsm-topline button.hsm-top-link:hover{color:#0a184a !important;text-decoration:underline;text-underline-offset:3px}

.hsm-card{background:#fff;border:1px solid #E3E5EB;border-radius:20px;padding:20px;box-sizing:border-box;color:#231f20;font-family:inherit}
.hsm-card-who{display:flex;align-items:center;gap:12px}
.hsm-card-pic{position:relative;flex:none;width:76px;height:76px}
.hsm-card-pic img{width:76px;height:76px;border-radius:16px;object-fit:cover;display:block;margin:0}
.hsm-card-check{position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;border-radius:50%;background:#223558;color:#fff;box-shadow:0 0 0 2px #fff;display:flex;align-items:center;justify-content:center}
.hsm-card-lines{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;white-space:nowrap}
.hsm-card-grp{display:flex;flex-direction:column;gap:2px;min-width:0}
.hsm-card-grp+.hsm-card-grp{margin-top:4px}
.hsm-card-lab{font-size:12px;line-height:1.3;color:#5C5C5C;overflow:hidden;text-overflow:ellipsis}
.hsm-card-val{font-size:15px;line-height:1.3;color:#231f20;overflow:hidden;text-overflow:ellipsis}
.hsm-card a.hsm-card-name,.hsm-card button.hsm-card-name,.hsm-card button.hsm-card-date{background:none !important;border:0 !important;padding:0 !important;margin:0;font-family:inherit !important;font-size:15px !important;line-height:1.3 !important;color:#231f20 !important;font-weight:600 !important;text-transform:none !important;letter-spacing:normal !important;border-radius:0 !important;box-shadow:none !important;min-height:0 !important;width:auto !important;display:inline !important;cursor:pointer;text-decoration:underline !important;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#B9BDC9}
.hsm-card a.hsm-card-writer{font-weight:500 !important}
.hsm-card button.hsm-card-date{font-size:13px !important;font-weight:400 !important;color:#5C5C5C !important}
.hsm-card a.hsm-card-name:hover,.hsm-card button.hsm-card-name:hover,.hsm-card button.hsm-card-date:hover{color:#223558 !important;text-decoration-color:#223558}
.hsm-card-rule{height:1px;background:#E3E5EB;margin:14px 0}
.hsm-card-foot{font-size:13px;line-height:1.5;color:#5C5C5C}

/* Başlık altı satır ve içerik başı kutusu: masaüstünde gizli (bilgi yan sütun kartında), kart yoksa görünür. */
body.hsm-no-side .hsm-topline{display:inline-flex}
.hsm-card-top{display:none;align-items:center;gap:20px;padding:20px 28px;margin:0 0 24px}
body.hsm-no-side .hsm-card-top{display:flex}
.hsm-card-top .hsm-card-pic,.hsm-card-top .hsm-card-pic img{width:72px;height:72px}
.hsm-card-top .hsm-card-lines{flex:1 1 auto;flex-direction:row;align-items:center;justify-content:space-between;gap:16px 24px}
.hsm-card-top .hsm-card-grp+.hsm-card-grp{margin-top:0;border-left:1px solid #E3E5EB;padding-left:24px}
.hsm-card-top .hsm-card-grp .hsm-card-val button.hsm-card-date{font-size:15px !important;font-weight:500 !important;color:#231f20 !important}

@media (max-width:1024px){
	.hsm-topline,.hsm-card-side{display:none}
	.hsm-card-top{display:flex}
}
@media (max-width:600px){
	.hsm-card-top{gap:12px;padding:14px}
	.hsm-card-top .hsm-card-pic,.hsm-card-top .hsm-card-pic img{width:64px;height:64px}
	.hsm-card-top .hsm-card-lines{flex-direction:column;align-items:stretch;justify-content:center;gap:6px}
	.hsm-card-top .hsm-card-grp{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 6px}
	.hsm-card-top .hsm-card-grp+.hsm-card-grp{border-left:0;padding-left:0}
}

/* 3.1.13: [hairtec_review_pill] minimal hap (anasayfa hero'su gibi dar alanlar). Yükseklik --hsm-rpill-h ile ayarlanır. */
.hsm-rpill{display:inline-flex;align-items:center;gap:8px;min-height:var(--hsm-rpill-h,40px);font-size:14px;line-height:1.4;color:#5C5C5C;margin:0;padding:4px 18px 4px 16px;border:1px solid #E3E5EB;border-radius:100px;background:#fff;box-sizing:border-box;max-width:100%;font-family:inherit;white-space:nowrap}
.hsm-rpill-has-photo{padding-left:6px}
.hsm-rpill .hsm-rpill-photo{flex:none;width:calc(var(--hsm-rpill-h,40px) - 14px);height:calc(var(--hsm-rpill-h,40px) - 14px);border-radius:50%;object-fit:cover;display:block;margin:0}
.hsm-rpill .hsm-bl-sep{color:#B9BDC9}
.hsm-rpill button.hsm-rpill-link{background:none !important;border:0 !important;padding:0 !important;margin:0;font:inherit !important;font-family:inherit !important;color:#223558 !important;font-weight:600 !important;text-transform:none !important;letter-spacing:normal !important;line-height:inherit !important;border-radius:0 !important;box-shadow:none !important;min-height:0 !important;width:auto !important;display:inline !important;cursor:pointer}
.hsm-rpill button.hsm-rpill-date{color:#5C5C5C !important;font-weight:400 !important}
.hsm-rpill button.hsm-rpill-link:hover{color:#0a184a !important;text-decoration:underline;text-underline-offset:3px}
/* date="hover": yer tutucu (slot) kapalı boyutu korur; gerçek hap onun üstünde durur ve fareyle üzerine
   gelince ya da klavye odağında sağa açılır, çevresini itmez. Dokunmatik ekranda ve 1024 px altında kapalı kalır
   (dar hero'da açılan kısım yandaki görselin altına girer):
   ilk dokunuş paneli açar, çift dokunuş gerekmez. */
.hsm-rpill-slot{position:relative;display:inline-block;vertical-align:middle;max-width:100%;line-height:0}
.hsm-rpill-sizer{visibility:hidden}
.hsm-rpill-sizer-text{font-weight:600}
.hsm-rpill-slot>.hsm-rpill-hover{position:absolute;left:0;top:0;max-width:none;z-index:2}
.hsm-rpill-extra{display:inline-block;white-space:nowrap;vertical-align:bottom}
.hsm-rpill-hover .hsm-rpill-extra{max-width:0;opacity:0;overflow:hidden;transition:max-width .28s ease,opacity .2s ease}
.hsm-rpill-hover .hsm-rpill-extra .hsm-bl-sep{margin:0 .3em}
@media (hover:hover) and (pointer:fine) and (min-width:1025px){
	.hsm-rpill-slot>.hsm-rpill-hover:hover,.hsm-rpill-slot>.hsm-rpill-hover:focus-within{box-shadow:0 4px 14px rgba(31,46,76,.10)}
	.hsm-rpill-hover:hover .hsm-rpill-extra,.hsm-rpill-hover:focus-within .hsm-rpill-extra{max-width:24em;opacity:1}
}
@media (prefers-reduced-motion:reduce){
	.hsm-rpill-hover .hsm-rpill-extra{transition:none}
}
/* Telefon (767 px ve altı): küçük hap. Çerçeve ve arka plan kalır; yükseklik 36 px, height="…" burada uygulanmaz.
   mobile="center" hapı kendi satırında ortalar (Shortcode widget'ı tam genişlikteyken). */
@media (max-width:767px){
	.hsm-rpill-slot,.hsm-rpill{--hsm-rpill-h:36px !important}
	.hsm-rpill{padding:3px 14px 3px 12px;gap:7px;font-size:13px}
	.hsm-rpill-has-photo{padding-left:5px}
	.hsm-rpill-slot.hsm-rpill-m-center{display:block;width:fit-content;margin-left:auto;margin-right:auto}
	.hsm-rpill.hsm-rpill-m-center{display:flex;width:fit-content;margin-left:auto;margin-right:auto}
	.hsm-rpill-slot>.hsm-rpill.hsm-rpill-m-center{margin:0}
	/* mobile="full": satırın tamamı (üstündeki tam genişlik butonla aynı en), 44 px, tarih hep görünür. */
	.hsm-rpill-slot.hsm-rpill-m-full,.hsm-rpill.hsm-rpill-m-full{--hsm-rpill-h:44px !important}
	.hsm-rpill-slot.hsm-rpill-m-full{display:block;width:100%}
	.hsm-rpill-slot.hsm-rpill-m-full>.hsm-rpill-sizer{display:none}
	.hsm-rpill-slot.hsm-rpill-m-full>.hsm-rpill-hover{position:static}
	.hsm-rpill.hsm-rpill-m-full{display:flex;width:100%;justify-content:center;padding-left:12px;padding-right:12px}
	.hsm-rpill-m-full .hsm-rpill-extra{max-width:none;opacity:1;overflow:visible}
}

/* 3.1.14: Elementor widget'ı "Hairtec · Medisch beoordeeld" — buton + hap satırı.
   Butonun rengi/köşesi/yazı tipi burada YOK: a.elementor-button sitenin Elementor kit stilini alır. */
.hsm-rw{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.hsm-rw .hsm-rw-btn{flex:none}
.hsm-rw .hsm-rw-btn .elementor-button-content-wrapper{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:15px}
.hsm-rw .hsm-rw-btn .elementor-button-icon{display:inline-flex;align-items:center}
.hsm-rw .hsm-rw-btn .elementor-button-icon svg{width:1em;height:1em;display:block}
.hsm-rw.hsm-rw-pill-first .hsm-rw-btn{order:2}
.hsm-rw-note{font-size:12px;line-height:1.4;color:#996800;background:#fcf9e8;border:1px dashed #dba617;border-radius:8px;padding:8px 12px}
@media (max-width:767px){
	.hsm-rw{gap:10px;justify-content:center}
	.hsm-rw .hsm-rw-btn{width:100%;box-sizing:border-box;text-align:center}
	.hsm-rw.hsm-rw-pill-first .hsm-rw-btn{order:0}
}