.master-card { padding: 3.5rem; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(252, 254, 254)); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px; }
.master-grid { display: grid; grid-template-columns: 0.9fr 1fr; gap: 4rem; align-items: start; margin-bottom: 3rem; position: relative; }
.master-left-col { position: sticky; top: 100px; align-self: start; display: flex; flex-direction: column; gap: 1.5rem; }
.master-img-wrapper { position: relative; width: 100%; height: auto; display: flex; justify-content: center; align-items: flex-start; }
.master-decor { position: absolute; top: -15px; left: -15px; width: 100%; height: 100%; border: 2px solid rgba(79, 174, 164, 0.25); border-radius: 24px; z-index: 0; pointer-events: none; }
.master-img { position: relative; z-index: 1; width: 100%; height: auto; object-fit: contain; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 40px -10px; display: block; }
.master-header { margin-bottom: 2rem; align-items: flex-start; margin-top: 0px; }
.master-title { font-size: 2.5rem; line-height: 1.1; margin-bottom: 0.5rem; letter-spacing: -0.02em; color: rgb(26, 32, 44); margin-top: 0px; }
.master-subtitle { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(79, 174, 164); font-weight: 700; margin-bottom: 0.5rem; display: block; }
.master-text { font-size: 1.15rem; line-height: 1.7; color: rgb(74, 85, 104); margin-bottom: 2rem; }
.master-box { display: flex; align-items: center; gap: 1.25rem; background: rgb(240, 249, 248); padding: 1.25rem; border-radius: 12px; border: 1px solid rgba(79, 174, 164, 0.2); margin-bottom: 1rem; transition: transform 0.2s; }
.master-box:hover { transform: translateX(5px); }
.info-box-styled { font-style: italic; color: rgb(113, 128, 150); background: rgb(248, 250, 252); padding: 1.5rem; border-radius: 16px; border-left: 4px solid rgb(203, 213, 224); font-size: 0.95rem; line-height: 1.6; }
.modern-audio { display: inline-flex; align-items: center; gap: 0.8rem; padding: 0.6rem 1.2rem; background: white; border: 1px solid rgb(226, 232, 240); border-radius: 50px; margin-bottom: 1.5rem; font-size: 0.9rem; color: rgb(100, 116, 139); cursor: pointer; transition: 0.2s; }
.modern-audio:hover { border-color: rgb(79, 174, 164); color: rgb(79, 174, 164); }
.bottom-content { border-top: 1px solid rgb(226, 232, 240); padding-top: 3rem; }
.surgical-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 2rem; }
.method-card-design { background: white; padding: 1.5rem; border-radius: 16px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 12px; }
.method-card-design h5 { color: rgb(37, 111, 102); margin-top: 0px; font-size: 1.1rem; }
.benefits-design { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.benefit-box { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; color: rgb(74, 85, 104); }
@media (max-width: 1100px) {
  .master-card { padding: 2.5rem; }
  .master-grid { gap: 2.5rem; grid-template-columns: 1fr 1fr; }
  .master-title { font-size: 2rem; }
}
@media (max-width: 767px) {
  .master-card { padding: 1.5rem; }
  .master-grid { grid-template-columns: 1fr; gap: 2rem; }
  .master-left-col { position: static; gap: 1rem; }
  .master-img-wrapper { margin-bottom: 0.5rem; }
  .master-img { height: auto; max-height: 350px; width: 100%; object-fit: cover; }
  .master-decor { top: -10px; left: -10px; }
  .master-title { font-size: 1.8rem; }
  .surgical-grid, .benefits-design { grid-template-columns: 1fr; }
  .modern-audio { width: 100%; justify-content: center; }
}