.phero{background:linear-gradient(160deg,var(--deep),var(--dark));color:#fff;padding:var(--s11) 0 var(--s10)} .phero h1{color:#fff;font-size:var(--fs-9);margin:.3em 0 .3em} .phero .lede{max-width:640px;color:var(--on-dark-2);font-size:var(--fs-5)} .toolbar{position:sticky;top:calc(var(--nav-h) + 1px);z-index:40;background:rgba(255,255,255,.96); backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:var(--s4) 0;transition:top var(--t-2) var(--e-out)} .toolbar .wrap{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap} .search{flex:1;min-width:220px;display:flex;align-items:center;gap:var(--s3);background:var(--paper-2); border:1px solid var(--line);border-radius:var(--r-pill);padding:10px 18px;transition:border-color var(--t-1),box-shadow var(--t-1)} .search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,88,144,.14)} .search input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-size:var(--fs-4);font-family:inherit} .fgroup{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap} .fgroup .lab{font-size:var(--fs-1);font-weight:800;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase} .chip{border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:var(--r-pill);padding:8px 16px; font-size:var(--fs-3);font-weight:600;cursor:pointer;transition:background-color var(--t-1),border-color var(--t-1),color var(--t-1)} .chip:hover{border-color:var(--brand);color:var(--brand)} .chip[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand)} .rescount{font-size:var(--fs-3);color:var(--ink-3);margin-left:auto} .rescount b{color:var(--brand)} .prods{background:var(--paper-2);padding:var(--s11) 0 var(--s12)} .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)} .prod{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex; flex-direction:column;box-shadow:var(--sh-1)} .prod .shot{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);height:190px; display:flex;align-items:center;justify-content:center;margin-bottom:var(--s5);overflow:hidden;position:relative} .prod .shot img{max-height:170px;width:auto;object-fit:contain;transition:transform .5s var(--e-soft)} .prod:hover .shot img{transform:scale(1.05)} .prod .shot .yok{display:flex;flex-direction:column;align-items:center;gap:var(--s2);color:var(--ink-4); font-size:var(--fs-2);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:0 var(--s5)} .prod .shot .yok svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.5} .prod .abadge{align-self:flex-start;margin-bottom:var(--s4)} .prod h2{font-size:var(--fs-7);font-family:var(--serif);font-weight:400} .kunye{margin:var(--s4) 0 0;font-size:var(--fs-4);color:var(--ink-2);flex:1} .kunye .kr{display:flex;gap:var(--s3);padding:7px 0;border-bottom:1px dashed var(--line)} .kunye dt{min-width:112px;color:var(--ink-3);font-weight:600} .kunye dd{color:var(--ink)} .kunye dd a{color:var(--brand);border-bottom:1px solid transparent; transition:border-color var(--t-1) var(--e-out)} @media(max-width:900px){ .kunye dd a{display:inline-block;padding-block:12px;margin-block:-12px} } .kunye dd a:hover{border-bottom-color:currentColor} .shot-link{display:block} .docbtns{display:flex;gap:var(--s3);margin-top:var(--s5)} .docbtn{flex:1;text-align:center;border:1.5px solid var(--brand);border-radius:var(--r-sm);padding:10px 0; font-size:var(--fs-3);font-weight:700;cursor:pointer;background:none;color:var(--brand);font-family:inherit; transition:background var(--t-1),color var(--t-1)} .docbtn:hover{background:var(--brand);color:#fff} .prod--action{background:none;border:1.5px dashed #C7D6E4;box-shadow:none;text-align:center; align-items:center;justify-content:center;gap:var(--s2)} .prod--action .aico{width:52px;height:52px;border-radius:var(--r-md);background:#fff;border:1px solid var(--line); display:flex;align-items:center;justify-content:center;margin-bottom:var(--s2)} .prod--action svg{width:26px;height:26px;stroke:var(--brand);fill:none;stroke-width:1.7} .prod--action h2{font-size:var(--fs-6);font-family:var(--sans);font-weight:700;color:var(--deep)} .prod--action p{font-size:var(--fs-3);color:var(--ink-3);margin-top:var(--s2)} .foot{margin-top:var(--s8);display:flex;justify-content:space-between;align-items:center;gap:var(--s5); flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5) 28px; font-size:var(--fs-4);color:var(--ink-2)} .foot a.pv{font-weight:800;color:#B3261E;border-bottom:2px solid #B3261E;white-space:nowrap} @media(max-width:520px){.foot a.pv{white-space:normal}} .empty{display:none;text-align:center;padding:var(--s11) var(--s5);color:var(--ink-2)} .empty b{display:block;font-family:var(--serif);font-size:var(--fs-7);color:var(--deep);margin-bottom:var(--s2)} .modal-bg{position:fixed;inset:0;background:rgba(0,20,38,.6);z-index:90;display:flex;align-items:center; justify-content:center;padding:var(--s5);backdrop-filter:blur(5px);opacity:0;visibility:hidden; transition:opacity var(--t-2) var(--e-out),visibility 0s var(--t-2)} .modal-bg.open{opacity:1;visibility:visible;transition:opacity var(--t-2) var(--e-out)} .modal{background:#fff;border-radius:var(--r-lg);max-width:520px;padding:var(--s9) var(--s8);text-align:center; box-shadow:var(--sh-4);transform:translateY(16px) scale(.98);transition:transform var(--t-2) var(--e-out)} .modal-bg.open .modal{transform:none} .modal .mico{width:56px;height:56px;border-radius:var(--r-md);background:var(--paper-2);display:flex; align-items:center;justify-content:center;margin:0 auto var(--s4)} .modal .mico svg{width:28px;height:28px;stroke:var(--brand);fill:none;stroke-width:1.7} .modal h2{font-size:var(--fs-7)} .modal p{font-size:var(--fs-4);color:var(--ink-2);margin:var(--s4) 0 var(--s7)} .modal .mb{display:flex;gap:var(--s3);justify-content:center;flex-wrap:wrap} body.hcp-bekliyor{overflow:hidden} body.hcp-bekliyor .topstrip,body.hcp-bekliyor header.nav,body.hcp-bekliyor main, body.hcp-bekliyor .precta,body.hcp-bekliyor footer{filter:blur(7px);pointer-events:none; user-select:none} .no-js .hcp-bekliyor{overflow:auto} .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--deep);color:#fff; padding:14px 24px;border-radius:var(--r-pill);font-size:var(--fs-4);font-weight:600;z-index:95;opacity:0; visibility:hidden;transition:opacity var(--t-2),transform var(--t-2) var(--e-out),visibility 0s var(--t-2);box-shadow:var(--sh-3)} .toast.on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity var(--t-2),transform var(--t-2) var(--e-out)} @media(max-width:1040px){ .pgrid{grid-template-columns:1fr 1fr} .search input{font-size:var(--fs-5)} } @media(max-width:640px){.toolbar{position:static}} @media(max-width:640px){.pgrid{grid-template-columns:1fr}} .hcp-not{background:var(--paper-3);border-bottom:1px solid var(--line)} .hcp-not .wrap{display:flex;gap:var(--s4);align-items:center;padding-top:14px;padding-bottom:14px; flex-wrap:wrap} .hcp-not svg{width:20px;height:20px;stroke:var(--brand);fill:none;stroke-width:1.8;flex:none} .hcp-not p{font-size:var(--fs-4);color:var(--ink-2);margin:0} .hcp-not .more-link{margin-left:auto} @media(max-width:640px){.hcp-not .more-link{margin-left:0}} @media(max-width:400px){.prod{padding:18px;min-width:0}.pgrid{gap:var(--s4);grid-template-columns:minmax(0,1fr)}} @media(max-width:340px){h1,h2,h3,h4,p,li,dd,dt,span,b,a{overflow-wrap:anywhere}}