.bc-portfolio-single-page { --bc-portfolio-single-ink:#272321; --bc-portfolio-single-muted:#716b67; --bc-portfolio-single-accent:#ff6422; --bc-portfolio-single-soft:#fff8f4; color:var(--bc-portfolio-single-ink); }
.bc-portfolio-single-page * { box-sizing:border-box; }
.bc-portfolio-single-container { max-width:1270px; margin:0 auto; padding:32px 15px 72px; }
.bc-portfolio-single-breadcrumbs #breadcrumbs { margin:0 0 20px; color:#948e8a; font-size:13px; }
.bc-portfolio-single-breadcrumbs #breadcrumbs a { color:inherit; text-decoration:none; }
.bc-portfolio-single-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(30px,5vw,76px); align-items:stretch; padding:clamp(30px,4vw,60px); border-radius:18px; background:linear-gradient(120deg,#fffaf8,#f8e8df); }
.bc-portfolio-single-title,.bc-portfolio-single-section-title { margin:0; font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.035em; }
.bc-portfolio-single-title { font-size:clamp(42px,4.6vw,70px); line-height:.98; }
.bc-portfolio-single-section-title { font-size:clamp(30px,3vw,42px); }
.bc-portfolio-single-line { display:block; width:38px; height:2px; margin:22px 0; background:var(--bc-portfolio-single-accent); }
.bc-portfolio-single-summary { max-width:435px; margin:0; font-size:17px; line-height:1.5; }
.bc-portfolio-single-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.bc-portfolio-single-tag { padding:7px 12px; border:1px solid rgba(50,42,37,.12); border-radius:999px; background:#fff; font-size:13px; line-height:1; }
.bc-portfolio-single-doctor { display:flex; align-items:center; gap:14px; max-width:390px; margin-top:28px; padding:12px; border:1px solid rgba(44,37,31,.09); border-radius:12px; background:rgba(255,255,255,.82); }
.bc-portfolio-single-doctor-photo,.bc-portfolio-single-doctor-photo img { display:block; width:72px; height:72px; border-radius:50%; }
.bc-portfolio-single-doctor-photo img { object-fit:cover; }
.bc-portfolio-single-doctor-copy { display:grid; gap:3px; min-width:0; }
.bc-portfolio-single-doctor-name { color:var(--bc-portfolio-single-ink); font-size:17px; font-weight:700; text-decoration:none; }
.bc-portfolio-single-doctor-role { color:var(--bc-portfolio-single-muted); font-size:13px; }
.bc-portfolio-single-doctor-link { margin-top:4px; color:var(--bc-portfolio-single-accent); font-size:13px; font-weight:700; text-decoration:none; }
.bc-portfolio-single-cta-button { display:inline-flex; align-items:center; justify-content:center; gap:26px; min-height:48px; margin-top:24px; padding:12px 24px; border-radius:12px; background:var(--bc-portfolio-single-accent); color:#fff; font-size:14px; font-weight:700; text-decoration:none; }
.bc-portfolio-single-media { display:flex; min-width:0; }
.bc-portfolio-single-slider,.bc-portfolio-single-image-placeholder { width:100%; min-height:420px; height:100%; overflow:hidden; border-radius:14px; background:#ede4df; }
.bc-portfolio-single-slider .bc-portfolio-before-after { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:420px; height:100%; overflow:hidden; }
.bc-portfolio-single-slider .bc-portfolio-before-after-single { grid-template-columns:1fr; }
.bc-portfolio-single-slider .bc-portfolio-before-after-image { position:relative; min-width:0; margin:0; overflow:hidden; }
.bc-portfolio-single-slider .bc-portfolio-before-after-image img { display:block; width:100%; height:100%; object-fit:cover; }
.bc-portfolio-single-slider .bc-portfolio-image-divider { position:absolute; z-index:2; top:0; bottom:0; left:50%; width:2px; transform:translateX(-50%); background:#fff; }
.bc-portfolio-single-slider .bc-portfolio-image-handle { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:48px; height:48px; place-items:center; transform:translate(-50%,-50%); border:2px solid #fff; border-radius:50%; background:#fff; color:#9b684d; font-size:22px; line-height:1; }
.bc-portfolio-single-slider .bc-portfolio-image-badge { position:absolute; z-index:2; bottom:14px; margin:0; padding:7px 11px; border-radius:7px; font-size:12px; font-weight:700; line-height:1; }
.bc-portfolio-single-slider .bc-portfolio-image-badge-before { left:14px; background:rgba(48,39,34,.82); color:#fff; }
.bc-portfolio-single-slider .bc-portfolio-image-badge-after { right:14px; background:#fff; color:#504844; }
.bc-portfolio-single-slider .bc-portfolio-before-after-ready { display:block; touch-action:pan-y; user-select:none; }
.bc-portfolio-single-slider .bc-portfolio-before-after-ready .bc-portfolio-before-after-image { position:absolute; inset:0; width:100%; height:100%; }
.bc-portfolio-single-slider .bc-portfolio-before-after-ready .bc-portfolio-after-image { z-index:1; clip-path:inset(0 calc(100% - var(--bc-portfolio-slider-position,50%)) 0 0); }
.bc-portfolio-single-slider .bc-portfolio-before-after-ready .bc-portfolio-image-divider { left:var(--bc-portfolio-slider-position,50%); }
.bc-portfolio-single-slider .bc-portfolio-before-after-ready .bc-portfolio-image-handle { left:var(--bc-portfolio-slider-position,50%); cursor:ew-resize; }
.bc-portfolio-single-slider .bc-portfolio-before-after-ready .bc-portfolio-image-badge-after { right:auto; left:14px; }
.bc-portfolio-single-image-placeholder { display:grid; place-items:center; padding:24px; color:var(--bc-portfolio-single-muted); text-align:center; }
.bc-portfolio-single-about { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:clamp(32px,6vw,100px); padding:clamp(48px,7vw,88px) 18px; }
.bc-portfolio-single-content-text { color:#4e4844; font-size:15px; line-height:1.62; }
.bc-portfolio-single-content-text p:first-child { margin-top:0; }
.bc-portfolio-single-info-card { align-self:start; padding:24px; border:1px solid rgba(48,39,34,.08); border-radius:14px; background:#fff; box-shadow:0 12px 34px rgba(47,36,28,.07); }
.bc-portfolio-single-info-title { margin:0 0 16px; font-size:17px; }
.bc-portfolio-single-info-row { display:grid; grid-template-columns:38% 1fr; gap:14px; padding:11px 0; border-top:1px solid rgba(48,39,34,.1); font-size:13px; line-height:1.35; }
.bc-portfolio-single-info-row span { color:var(--bc-portfolio-single-muted); }
.bc-portfolio-single-info-row strong { font-weight:600; }
.bc-portfolio-single-result { padding:30px; border-radius:16px; background:var(--bc-portfolio-single-soft); }
.bc-portfolio-single-result-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:26px; }
.bc-portfolio-single-result-item { display:flex; align-items:center; gap:13px; }
.bc-portfolio-single-result-item span { display:grid; flex:0 0 46px; width:46px; height:46px; place-items:center; border-radius:50%; background:#fff0e8; color:var(--bc-portfolio-single-accent); font-size:21px; }
.bc-portfolio-single-result-item p { margin:0; font-size:14px; line-height:1.35; }
.bc-portfolio-single-other { padding:clamp(50px,7vw,86px) 0 0; }
.bc-portfolio-single-other .bc-portfolio-single-section-title { margin-bottom:24px; }
.bc-portfolio-single-final-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:clamp(50px,7vw,86px); padding:28px 32px; border-radius:16px; background:linear-gradient(100deg,#fff7f1,#f6e3d8); }
.bc-portfolio-single-final-cta h2 { margin:0; font-size:24px; }
.bc-portfolio-single-final-cta p { max-width:610px; margin:8px 0 0; color:var(--bc-portfolio-single-muted); font-size:14px; }
.bc-portfolio-single-final-cta .bc-portfolio-single-cta-button { flex:0 0 auto; margin:0; }
@media (max-width:767px) { .bc-portfolio-single-container { padding:22px 15px 50px; } .bc-portfolio-single-breadcrumbs #breadcrumbs { margin-bottom:16px; font-size:12px; } .bc-portfolio-single-hero { display:flex; flex-direction:column; gap:24px; padding:24px 18px; } .bc-portfolio-single-intro { display:contents; } .bc-portfolio-single-title { order:0; width:100%; font-size:42px; } .bc-portfolio-single-line { order:1; width:100%; margin:14px 0; } .bc-portfolio-single-summary { order:2; width:100%; font-size:15px; } .bc-portfolio-single-tags { order:3; width:100%; margin-top:0; } .bc-portfolio-single-media { order:4; width:100%; } .bc-portfolio-single-doctor { order:5; width:100%; max-width:none; margin-top:0; } .bc-portfolio-single-cta-button { order:6; width:100%; margin-top:0; } .bc-portfolio-single-slider,.bc-portfolio-single-image-placeholder { min-height:260px; height:260px; } .bc-portfolio-single-slider .bc-portfolio-before-after { min-height:260px; height:260px; } .bc-portfolio-single-about { grid-template-columns:1fr; gap:28px; padding:46px 2px; } .bc-portfolio-single-info-card { padding:20px; } .bc-portfolio-single-info-row { grid-template-columns:1fr; gap:4px; } .bc-portfolio-single-result { padding:24px 20px; } .bc-portfolio-single-result-list { grid-template-columns:1fr; gap:16px; margin-top:22px; } .bc-portfolio-single-other { padding-top:48px; } .bc-portfolio-single-final-cta { display:block; margin-top:52px; padding:25px 20px; } .bc-portfolio-single-final-cta h2 { font-size:22px; } .bc-portfolio-single-final-cta .bc-portfolio-single-cta-button { width:100%; margin-top:20px; } }