.pro-tf-doctors.shop-redesign-container,
.pro-tf-doctors.shop-redesign-container * {
box-sizing: border-box;
}
.pro-tf-doctors-page {
position: relative;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
background: #f4f7fb;
padding: 0 0 48px;
overflow: visible;
}
.pro-tf-doctors {
--doc-blue: #11519b;
--doc-blue-soft: #e7f1fa;
--doc-title: #08162d;
--doc-text: #1f1d1d;
padding: 28px 15px 8px;
max-width: 1400px;
width: 100%;
margin: 0 auto;
font-family: 'Montserrat', system-ui, sans-serif;
color: var(--doc-text);
} .pro-tf-doctors,
.pro-tf-doctors h1,
.pro-tf-doctors h2,
.pro-tf-doctors h3,
.pro-tf-doctors h4,
.pro-tf-doctors h5,
.pro-tf-doctors h6,
.pro-tf-doctors .heading-font,
.pro-tf-doctors .doc-title,
.pro-tf-doctors .doc-subtitle,
.pro-tf-doctors .doc-name,
.pro-tf-doctors .doc-role,
.pro-tf-doctors .doc-quote,
.pro-tf-doctors .doc-bio {
font-family: 'Montserrat', system-ui, sans-serif !important;
}
.doc-breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0 0 22px;
font-size: 13px;
line-height: 1.4;
color: #667085;
}
.doc-breadcrumbs a {
color: #667085;
text-decoration: none;
}
.doc-breadcrumbs a:hover {
color: var(--doc-blue);
}
.doc-bc-sep {
opacity: 0.7;
}
.doc-bc-current {
color: #1f1d1d;
}
.doc-hero {
text-align: center;
max-width: 860px;
margin: 0 auto 32px;
}
.doc-title {
margin: 0 0 14px;
font-size: clamp(28px, 3.6vw, 40px);
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.01em;
text-transform: none;
color: #08162d !important;
}
.doc-subtitle {
margin: 0 auto;
max-width: 720px;
font-size: 16px;
line-height: 1.55;
color: var(--doc-text);
}
.doc-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 28px;
}
.doc-card {
display: grid;
grid-template-columns: 170px minmax(240px, 0.95fr) minmax(280px, 1.15fr);
gap: 22px 28px;
align-items: stretch;
background: #fff;
border: 1px solid #e6ebf2;
border-radius: 16px;
padding: 22px;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
.doc-photo {
width: 170px;
height: 210px;
flex-shrink: 0;
border-radius: 12px;
overflow: hidden;
background: #e8eef5;
align-self: start;
}
.doc-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}
.doc-photo--empty {
background:
linear-gradient(145deg, #d9e6f4 0%, #eef3f8 55%, #d5e2ef 100%);
}
.doc-bio {
min-width: 0;
padding-top: 2px;
}
.doc-name {
margin: 0 0 8px;
font-size: clamp(18px, 1.8vw, 22px);
font-weight: 800;
line-height: 1.25;
color: #08162d !important;
}
.doc-role {
margin: 0 0 10px;
font-size: 14px;
line-height: 1.45;
font-weight: 600;
color: #11519b;
}
.doc-bio-text {
font-size: 14px;
line-height: 1.55;
color: var(--doc-text);
}
.doc-quote {
position: relative;
background: var(--doc-blue-soft);
border-radius: 14px;
padding: 22px 22px 20px 22px;
min-height: 100%;
display: flex;
flex-direction: column;
}
.doc-quote-mark {
display: block;
color: var(--doc-blue);
margin: 0 0 10px;
line-height: 0;
}
.doc-quote-ico {
width: 42px;
height: 32px;
display: block;
opacity: 0.9;
}
.doc-quote-text {
font-size: 14px;
line-height: 1.55;
color: var(--doc-text);
flex: 1 1 auto;
} .doc-cta {
border-radius: 16px;
background: #dceafb;
padding: 28px 24px;
text-align: center;
}
.doc-cta-text {
margin: 0 auto 16px;
max-width: 640px;
font-size: clamp(16px, 2vw, 20px);
font-weight: 600;
line-height: 1.4;
color: #08162d;
}
.doc-cta-btn {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 12px 28px;
border-radius: 10px;
background: var(--doc-blue) !important;
color: #fff !important;
border: none;
font-family: inherit;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
cursor: pointer;
transition: background 0.15s ease;
}
.doc-cta-btn:hover {
background: #0d3f7a !important;
color: #fff !important;
}
.doc-cta-arrow {
font-size: 18px;
line-height: 1;
}
body.pro-tf-doctors-template,
body.pro-tf-doctors-template #main,
body.pro-tf-doctors-template #content,
body.pro-tf-doctors-template .page-wrapper {
background: #f4f7fb !important;
}
.pro-tf-doctors-template .page-title,
.pro-tf-doctors-template .page-header {
display: none;
}
@media (max-width: 1100px) {
.doc-card {
grid-template-columns: 140px minmax(0, 1fr);
grid-template-areas:
"photo bio"
"quote quote";
}
.doc-photo { grid-area: photo; width: 140px; height: 175px; }
.doc-bio { grid-area: bio; }
.doc-quote { grid-area: quote; }
}
@media (max-width: 640px) {
.pro-tf-doctors {
padding: 18px 12px 8px;
}
.doc-card {
grid-template-columns: 1fr;
grid-template-areas:
"photo"
"bio"
"quote";
padding: 16px;
gap: 14px;
}
.doc-photo {
width: 160px;
height: 200px;
max-width: none;
margin: 0 auto;
}
.doc-cta {
padding: 22px 16px;
}
.doc-cta-btn {
width: 100%;
}
} .shop-tags-section {
margin: 36px 0 0 !important;
padding: 0 0 48px !important;
}
.tf-page-faq {
margin: 0 0 40px !important;
}
.tf-page-faq .faq-main-title {
margin: 0 0 28px !important;
}